/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/


/********************** GFORM FORMULIER ***********************/
input,
select, textarea {
	padding: 10px 15px !important;
}
.woocommerce select {
	padding:0 10px!important;
}
input:not([type=submit]) {
	width:100%!important;
}

.gform_legacy_markup_wrapper .gform_footer{
	text-align: end;
	padding:0!important;
}

body[data-form-submit="regular"] .container-wrap input[type=submit]{
	padding: 12px 18px!important;
}

body .gform_legacy_markup_wrapper ul li.gfield{
	margin-top:5px;
}
					/*kleine velden*/
input[type=text],input[type=tel] {
    border: none !important;
    border-radius: 13px !important;
    border: none !important;
    background-color: #F5F5F5 !important;
    line-height: 24px !important;
}
					/*selectie kleine velden*/
input[type=text]:focus,input[type=tel]:focus {
    border: 1px solid #3BC0C4 !important;
	box-shadow: none !important;
}
					/*bericht*/
textarea {
    border: none;
    border-radius: 13px!important;
    border: none!important;
    background-color: #F5F5F5 !important;
    margin-top: 5px !important;
}
					/*selectie bericht*/
 textarea:focus {
    border: 1px solid #3BC0C4 !important;
	box-shadow: none !important;
}

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text] {
    margin-bottom: 0 !important;
}
/******************** VALIDATIE **************************/

					/* VALID */

/* border van kleine velden validatie */
    .gform_wrapper input[type=text].valid,
	.woocommerce-input-wrapper input[type=text].valid,
	.woocommerce-input-wrapper input[type=tel].valid,
	.woocommerce-input-wrapper input[type=email].valid {
        border: 1px solid #56c92a !important;
        position: relative;
    }

/* checkmark van kleine velden validatie */
    .gform_wrapper input[type=text].valid,
	.woocommerce-input-wrapper input[type=text].valid,
	.woocommerce-input-wrapper input[type=tel].valid,
	.woocommerce-input-wrapper input[type=email].valid {
        background-image: url("/wp-content/uploads/2020/12/checkmark.svg")!important;
        background-size: 15px;
        background-position: right;
        background-position-x: 98%;
        background-repeat: no-repeat;
    }
/* border van bericht validatie */
    .gform_wrapper textarea.valid, 
	.woocommerce-input-wrapper textarea.valid{
        border: 1px solid #56c92a !important;
        position: relative;
    }
/* checkmark van bericht validatie */
    .gform_wrapper textarea.valid,
    .woocommerce-input-wrapper textarea.valid{
        background-image: url("/wp-content/uploads/2020/12/checkmark.svg")!important;
        background-size: 30px;
        background-position: right;
        background-position-x: 98%;
        background-repeat: no-repeat;
    }


					/* ERROR */
/* border van kleine velden error */
    .gform_wrapper input[type=text].error,
	.woocommerce-input-wrapper input[type=text].error,
	.woocommerce-input-wrapper input[type=tel].error,
	.woocommerce-input-wrapper input[type=email].error {
        border: 1px solid #EE2B2B !important;
    }
/*error tekst onder het bericht*/
	.gform_wrapper label.error,
	html .woocommerce-input-wrapper label.errror {
		color: #cf361f!important;	
	}
/* kruisje van bericht error */
    .gform_wrapper input[type=text].error,
	.woocommerce-input-wrapper input[type=text].error,
	.woocommerce-input-wrapper input[type=tel].error,
	.woocommerce-input-wrapper input[type=email].error {
        background-image: url("/wp-content/uploads/2020/12/cross.svg")!important;
        background-size: 12px;
        background-position: right;
        background-position-x: 98%;
        background-repeat: no-repeat;
    }
/* border van tekstveld error */
	.gform_wrapper textarea.error,
	.woocommerce-input-wrapper  textarea.error{
	    border: 1px solid #EE2B2B !important;
        position: relative;
}
/* checkmark van bericht validatie */
    .gform_wrapper textarea.error,
	.woocommerce-input-wrapper textarea.error {
        background-image: url("/wp-content/uploads/2020/12/cross.svg")!important;
        background-size: 30px;
        background-position: right;
        background-position-x: 98%;
        background-repeat: no-repeat;
    }

/* Monkey footertje */
div#footer-widgets h4{
	font-size: 1.1em!important;
	font-weight: 900!important;
}

#footer-outer #copyright[data-layout="centered"] .col.span_5{
	max-width: 100%!important;
}

#footer-outer #copyright[data-layout="centered"] .col.span_5 p{
	text-align:left!important;
}

#footer-outer #copyright[data-layout="centered"] .col.span_5 span.copyright_bar_first{
	float: right;
}

#footer-outer #copyright[data-layout="centered"]{
	padding: 20px 0;
}

#footer-outer #footer-widgets .col p{
	padding-bottom: 8px;
}

@media only screen and (max-width:1000px){
	#footer-outer #copyright[data-layout="centered"] .col.span_5 p{
		display: flex;
		flex-direction: column;
		text-align: center !important;
	}

}
 
/********* algemeen ********/

@media only screen and (min-width: 1000px){
	.container{
		max-width: 1520px!important;
	}
	
}

.border-radius-45 .column-bg-overlay, .border-radius-45 .row-bg-wrap .using-bg-color, img.border-radius-45{
	border-radius: 45px;
}

a.btn-center{
	display: block;
    max-width: fit-content;
    margin: auto;
}

.bg-shape .row-bg-wrap .using-bg-color{
	max-width: 69.65vw;
    max-height: 350px;
    border-radius: 0 45px 45px 0;
}

.header-massive h1{
	font-size: 80px;
	line-height: 66px;
}

@media only screen and (max-width: 1000px){
	.header-massive h1{
		font-size:55px;
		line-height: 55px;
	}
}

@media only screen and (max-width: 690px){
	.bg-shape .row-bg-wrap .using-bg-color{
		max-width: unset;
		max-height: 80%;
		border-radius: unset;
	}
	.header-massive h1{
		font-size: 45px;
		line-height: 45px;
	}
	
	div.bg-blur .row-bg-wrap .row-bg.using-image{
		filter: blur(2px)!important;
	}
}





/* recente projecten*/
.nectar-fancy-box[data-border-radius="10px"][data-style="parallax_hover"] .parallaxImg-rendered-layer{
	border-radius: 45px;
}

 /* reviews */
.nectar_icon_wrap[data-padding="20px"] .nectar_icon{
	padding: 0;
	padding-right: 3px!important;
}

/* contact */
div.row-contact-formulier{
	max-width:1130px;
	margin:auto;
}
div.row-contact-formulier {
	max-width:1000px;
	margin:auto;
}

/* diensten home */

.row-diensten-home .iwithtext .iwt-text{
	padding-left: 40px;
}

/* diensten */

.row-diensten .col .iwithtext .iwt-icon img:not([srcset]){
	width:70px;
}

.row-diensten .col .iwithtext .iwt-text{
	padding-left:85px;
}

.row-diensten .col .iwithtext .iwt-text {
	color: #3BC0C4;
}

/* projecten */
.row-project-icon .vc_col-sm-12 .vc_column-inner .wpb_wrapper{
	display:flex;
	flex-wrap: wrap;
}

/* top bar */
.custom-top-bar{
	display: flex;
	justify-content: space-between;
	font-size: 0.8em;
	color: #FFF;
}

span.custom-tb-check:before{
	content:"";
	background-image: url("/wp-content/uploads/2021/10/icon-check.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	width:17px;
	height:17px;
}
span.custom-tb-text{
	padding-left:25px;
}

body #header-secondary-outer .nectar-center-text{
	max-width: 100%!important;
}

@media only screen and (max-width:1000px){
	body.material #header-secondary-outer[data-mobile="display_full"]{
		display: none!important;
	}
}

body[data-button-style^="rounded"] .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3){
	padding: 10px 35px!important;
}

/* faq */

.toggle h3 a{
	border-radius: 15px;
}
body .toggle >div{
	box-shadow: none;
}

/* menu */

span.menu-title-text:hover{
	font-weight: 800;
}

.current_page_item{
	font-weight: 800;
}