/*
Theme Name: DreamBuild FSE Child
Theme URI: https://gracethemes.com/themes/free-construction-agency-wordpress-theme/
Template: dreambuild-fse
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: The DreamBuild FSE is free construction agency WordPress theme is design for home builders and construction business website. This multi-purpose WordPress theme is also ideal for construction company, interior designers, landscape designers, renovation, repair, and other creative businesses. The homepage of this theme is professional and stunning. It is an extremely appealing theme and it comes with modern architecture that suits any construction business. This theme is SEO-optimized. It means you do not need to worry about your rankings or hire an expert for your SEO needs. This WordPress theme is extremely flexible and dynamic. One can easily use this theme without panicking about the resolution quality. This theme is compatible with multiple devices. It means you can use it on devices such as smartphones, laptops, PCs, and tablets. Also, if you are in search of a mobile-friendly option, you can choose this theme as it is qualified for the Google mobile-friendly test. Demo: https://gracethemesdemo.com/dreambuild/
Tags: blog,news,one-column,two-columns,right-sidebar,block-styles,custom-colors,editor-style,custom-background,custom-menu,featured-images,template-editing,full-site-editing,block-patterns,threaded-comments,wide-blocks,translation-ready
Version: 1.0.1733498901
Updated: 2024-12-06 16:28:21

*/


/*aktiviert smooth scrolling*/

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html{
    scroll-behavior: auto;
  }
}


*[id] {
    scroll-margin-top: 50px
} 



.wpcf7 .form-grid {

}

.wpcf7 {
	width: 100%;
    text-align: right;
	
}

.wpcf7 form .text-name, .wpcf7 form .text-email, .wpcf7 form .text-tel, .wpcf7 form .text-message {
	box-sizing: border-box;
	width: 100%;
    padding-right: 15px !important;
	color: var(--wp--preset--color--primary) !important;
    padding-left: 14px !important;
    font-size: 14px;

	font-family: inherit;
	box-shadow: none;
	border: none;
    background: #f8f8f8;
}
	
}

.wpcf7 textarea {
	padding-top: 15px !important;
}

.wpcf7 form p {
	margin: 0;
	margin-bottom: 10px;
}

.wpcf7 input[type="submit"] {
	border-radius: 0;
	background-color: var(--ast-global-color-1);
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	text-transform: none;
}

.wpcf7-not-valid-tip {
    color: #fff;
    font-size: .5em;
    font-weight: normal;
    display: block;
    position: absolute;
    top: -39px;
    left: 7px;
    padding: 3px 15px;
    background: #575757;
    z-index: 4;
    border-radius: 12px;
    line-height: initial;
}

span.wpcf7-not-valid-tip::after {
        content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 18px;
    top: 18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 5px solid #575757;
}

.wpcf7-spinner {
	display: block;
}

p:has(.wpcf7-spinner) {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
}

.wpcf7-response-output {
	box-sizing: border-box;
	margin: 0 !important;
	text-align: left;
	width: 100%;
	border-color: var(--wp--preset--color--secondary) !important;
}

.offer_4_boxes:hover {
    border: 2px solid var(--wp--preset--color--secondary);
}

.offer_4_boxes:hover:before {
    border-top-color: var(--wp--preset--color--secondary) !important;
}

.offer_4_boxes:hover:after {
    border-bottom-color: var(--wp--preset--color--secondary) !important;
}