/*
Theme Name:  Nature Theme
Theme URI:   https://themes.grizzly.marketing/vertical
Version:     1.0.1
Description: Het Nature theme van Grizzly New Marketing
Author:      vps230265
Author URI:  https://themes.grizzly.marketing/nature
Template:    Divi
*/

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	line-height:1.2em;
}
h1{
	font-size:45px;
}
h2{
	font-size:32px !important;
}
h3{
	font-size:28px !Important;
}
#main-header > .container, #top-header > .container{
max-width:1500px;
}
.no-margin{
	margin-top:0 !important;
	padding-top:0 !important;
}
.post-template-default .et_pb_section_1{
	padding:0 !important;
}

	.home-header.bookmark-right{
	padding:0 !Important;
}
.tp-usp .et_pb_blurb_content{
	    display: flex;
    align-items: center;
}
.usp-sectie .et_pb_blurb_content{
	box-shadow:0px 3px 6px #00000029
}
.tp-usp .et_pb_main_blurb_image{
	margin-bottom:0;
}
.tp-usp .et_pb_module_header{
	    padding-bottom: 0;
    font-weight: bold;
	font-size:15px;
}
.usp-sectie .et_pb_main_blurb_image{
	margin-top:-30px;
}
.usp-sectie .et_pb_blurb h4{
	    color: #8B8B8B;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
}
.usp-sectie .et_pb_blurb_container{
	    padding: 0px 25px 30px 25px;
}
.dienst-header{
	padding:30px 0 !Important;
	background-size: 480px;
    background-position: right 0px bottom -275px;
}
.button-white{
	    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    padding: 20px 25px;
    font-size: 20px;
    color: #00BFDF !important;
	display:inline-block;
	min-width: 250px;
    text-align: center;
		transition: .3s ease-in-out;
}
.button-white:hover{
	background-color:#00BFDF;
		transition: .3s ease-in-out;
	color:#fff !Important;
}

#footer-info a{
	    color: #00BFDF !important;
    font-weight: normal;
}
#footer-widgets .custom-html-widget{
	 	display: flex;
    align-items: center;
	
}
#footer-widgets .custom-html-widget i:before{
	    background-color: #00BFDF;
    color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 12px;
    padding: 10px;
}
#footer-widgets .footer-widget:not(:last-child){
	width:initial !important;
	margin-right:6% !important;
}
#footer-widgets{
	padding-top:3% !important;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
#footer-widgets .widget_text{
	float:right;
}
#footer-widgets .button-orange{
	background-color: #FF9303;
    color: #fff !important;
    font-size: 18px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    padding: 10px 20px;
    display: block;
	transition: .3s ease-in-out;
}
#footer-widgets .button-orange:hover{
	background-color:#00BFDF;
	transition: .3s ease-in-out;
}
#footer-widgets .custom-html-widget i{
	    font-size: 20px;
    margin-right: 20px;
}
.et_pb_equal_columns{
	align-items:center;
}
.recensie .et_pb_blurb_container{
	padding:50px;
}
.recensie h4{
	font-size: 16px;
    color: #00BFDF;
    font-weight: bold;
}
.recensie .et_pb_blurb{
	min-height: 400px;
    
}
.recensie h4:before{
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f10d";
    color: #FF9303;
    position: absolute;
    left: 20px;
    top: 25px;
    font-size: 22px;
}
.recensie .et_pb_blurb_description{
	    font-size: 15px;
    line-height: 2em;
}
.mogelijkheden .first-row{
	float: right;
    margin-right: 100px;
}
.mogelijkheden ul{
	    list-style-type: none !Important;
}
.mogelijkheden ul li{
	    display: flex;
    align-items: center;
    margin-bottom: 5px;
	font-weight:bold;
}
.mogelijkheden .et_pb_column:not(:first-child) .et_pb_text{
	float:right;
}
.mogelijkheden ul li:before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f02e";
	color:#FF9303;
	margin-right:10px;
}
.button-blue{
	display:inline-block;
	background: #00BFDF ;
box-shadow: 0px 3px 6px #00000029;
	border-radius:15px;
	padding:20px 25px;
	font-size:20px;
	color:#fff !important;
	min-width: 250px;
    text-align: center;
	transition: .3s ease-in-out;
}
.home-header .button-blue:hover{
	background-color:#FF9303;
	transition: .3s ease-in-out;
}
.button-blue:hover{
	background-color:#FF9303;
		transition: .3s ease-in-out;
}
.home-header{

    margin-bottom: 100px;
}
.top-line:before{
	content:"";
	background-color:#00BFDF;
	width:200px;
	display:block;
	position:relative;
	height:10px;
	top:-40px;
}
.home-header .button-white:hover{
	background-color:#00BFDF;
	color:#fff !Important;
	transition: .3s all ease-in-out;
}
.home-header .button-white{
	background: #fff ;
		transition: .3s all ease-in-out;
box-shadow: 0px 3px 6px #00000029;
	border-radius:15px;
	padding:20px 25px;
	font-size:20px;
	color:#00BFDF !important;
}
.bookmark-left{
	background-size: 700px;
    padding: 60px 0 260px 0 !Important;
    background-position: left -60px bottom -300px;
}

#main-header{
	box-shadow:none;
}
#et-secondary-menu a{
	background-color: #00BFDF;
    color: #fff !important;
    font-size: 18px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    padding: 15px 20px;
    display: block;
	transition: .3s ease-in-out;
}
#et-secondary-menu a:hover{
	background-color: #FF9303;
	transition: .3s ease-in-out;
}
#top-header > .container{
	padding:8px 0 !important;
	align-items: center;
    display: flex;
}
#et-info{
	flex:1;
	display:flex;
	padding-bottom: 0;
}
#et-info-quote{
	margin-right:60px;
}
#et-info-quote span{
    font-weight: bold;
}
#et-info-quote, #et-info-phone{
	    display: flex;
    align-items: center;
    flex-direction: row;
	font-size:16px;
}
#et-info-quote i {
color:#FF9303;
    margin-right: 15px;
	font-size: 28px;
}
#et-info-phone span{
	    margin-left: 5px;
    color: #00BFDF;
    font-weight: bold;
}
#et-info-phone i{
	font-size:29px;
	color:#00BFDF;
	margin-right:15px;
}
#et-info-phone:before{
display:none;
}


@media (max-width: 767px){
	#top-header #et-secondary-menu{
		    display: flex!important;
    align-items: center;
    justify-content: center;
    width: 100%;
	}
	#top-header #et-info{
		display:None;
	}
	.home-header .et_pb_text_inner p{
		display:flex;
		flex-direction:column-reverse;
	}
	.home-header .et_pb_text_inner p a:last-child{
	margin-bottom:15px;	
	}
}
@media (max-width: 980px){
	.et_fixed_nav #main-header, .et_fixed_nav #top-header{
		position:fixed !Important;
	}
	#main-footer > .container{
		width:90% !important;
		padding-top:40px;
	}
	#footer-bottom > .container{
		width:90% !important;
	}
	#footer-info{
		text-align:left !Important;
	}
	#footer-widgets .widget_text{
		float:left;
	}
	.bookmark-right{
		background-size: 450px;
    background-position: right -100px bottom -200px;
	}
	.mogelijkheden .et_pb_column:not(:first-child) .et_pb_text {
    float: left;
}
	.et_pb_row .et_pb_column_2_5, .et_pb_row .et_pb_column_3_5{
		min-width:100% !important;
	}
	.home-header{
		margin-bottom: 0 !Important;
	}
	.home-header .et_pb_column.et-last-child{
		width: 80% !Important;
    margin: auto !important;
	}
	.dienst-header h1{
		    font-size: 42px;
    font-weight: bold;
	}
	.usp-sectie .et_pb_blurb{
		margin-bottom:30px !important;
	}
	.home-header h1{
		    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px;
	}
	.home-header h2{
		font-size:28px !Important;
		margin-bottom:40px;
	}
	.home-header .button-blue{
		margin-bottom:20px;
	}
	.home-header .et_pb_row{
		    background-size: 500px;
    background-position: right -70px bottom -300px;
	}
	.home-header .et_pb_column:first-child{
	display:none;
	}
.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 80%;
}
	.home-header .et_pb_row{
		display: flex;
    flex-direction: column-reverse;
	}
}
@media (max-width:479px){
	.home-header h1{
	font-size:36px;	
	}
}
@media (min-width:981px) and (max-width:1237px){
	.home-header .et_pb_column.et-last-child{
		float:right;
	}
}

















.offerteformulier .form_title {
	margin: 30px 0 10px 0 !important;
    font-weight: 500;
    font-size: 1.4em;
    color: #00BFDF;
}

.form_privacy {
	margin-top: 30px !important;
}

.gform_button{
	background-color: #FF9303;
    color: #fff !important;
    font-size: 18px !important;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    padding: 10px 30px;
    border: none !important;
		transition: .3s all ease-in-out;
}

.gform_button:hover{
	cursor:pointer;
	background-color:#11ABEA;
	transition: .3s all ease-in-out;
}

/*voeg het volgende toe aan je code*/

.validation_error{
	display:none;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent!important;
    margin-bottom:0!important;
    border-top: 0!important;
    border-bottom: 0!important;
    padding-bottom: 0!important;
    padding-top: 0!important;
    box-sizing: content-box!important;
}
.gform_wrapper.gf_browser_chrome .gfield_error select,
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper 
li.gfield_error textarea {
    border: 2px solid #790000!important;
	background-color:#fff2f2 !important;
}
body .gform_wrapper .top_label div.ginput_container {
    margin-top: 8px !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{
	margin-top:0px !important;
}

.gform_wrapper .validation_message{
	display:none;
}

#cookie-notice {
    background-color: #000000de!important;
    z-index: 2!important;
    position: fixed!important;
    bottom: 15px!important;
    left: 15px!important;
    width: 415px!important;
    font-size: 16px!important;
    line-height: 27px!important;
    text-align: left!important;
    box-shadow: 0px 5px 10px #6B676DA6!important;
    border-radius: 5px!important;
    min-width: initial;
}

#cookie-notice .cookie-notice-container {
    display: block;
    padding: 25px !important;
    text-align: left !important;
}

#cookie-notice h3 {
    color: white !important;
    margin: 0 !important;
    line-height: 25px !important;
}

#cookie-notice .cn-button {
    margin-left: 10px!important;
    display: block!important;
    text-align: center!important;
    padding: 9px 10px!important;
    width: 157px!important;
    font-size: 16px!important;
    margin-left: 0!important;
    margin-top: 13px!important;
    font-weight: 600;
}

@media only screen and (max-width:450px) {
#cookie-notice {
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    border-radius: 0!important;
}
}
.cu-blog .et_pb_salvattore_content[data-columns]::before {
	content: '4 .column.size-1of4' !important;
}
.cu-blog article{
	border: none !Important;
	text-align:center;
	margin-bottom:20px;
}
.cu-blog h2{
	line-height: 1em !Important;
	min-height:100px;
}
.overlap-blog img{
	height:300px;
	max-height:300px;
	min-height:300px;
	object-fit: cover;
}
.overlap-blog{
	margin-top:-300px;
	background-color:transparent !Important;
}

.cu-blog h2 a{
	    font-size: 18px;
    color: #FF9303;
    font-weight: bold;
}

@media only screen and ( min-width: 981px ) {
	.usp-sectie .et_pb_blurb_content{
		min-height:500px;
	}
	.cu-blog .column.size-1of4 {
	    width: 24%!important;
	    margin-right: 1%;
	}

.home-header.bookmark-right .et_pb_row{
	padding:75px 0;
	background-size: auto;
    background-position: right -60px bottom -300px;
}
.bookmark-right{
	background-size: 550px;
    background-position: right 0px bottom -275px;
}
.home-header .button-blue{
		transition: .3s ease-in-out;
	margin-right:15px;
	background: #00BFDF ;
box-shadow: 0px 3px 6px #00000029;
	border-radius:15px;
	padding:20px 25px;
	font-size:20px;
	color:#fff !important;
}
.home-header .et_pb_image{
	position: absolute;
    top: -200px;
}
.home-header .et_pb_column.et-last-child{
	    width: 100%;
    max-width: 600px;
}
.home-header h1{
	font-weight: bold;
	margin-bottom:25px;
}
.home-header h2{
	    font-size: 31px !important;
	margin-bottom:50px;
}
}
@media (min-width:981px) and (max-width:1100px){
	#et-info-quote {
    margin-right: 15px;
}
	#top-menu li a {
    font-size: 17px !Important;
}
	#top-menu li{
		padding-right:15px !important;
	}
}
@media (min-width:981px) and (max-width:1593px){
	#main-header > .container{
		width:95%;
	}
	#main-header img{
		max-width:200px;
	}
	.home-header .et_pb_image{
		top:-100px;
	}
}
@media only screen and (min-width:981px) and (max-width: 1299px){
	.offerteformulier .gform_wrapper .gform_body #gform_fields_3 li {
		width: 100% !important;
	}
}

.on-resp-align-left > div {
	text-align: center;
}
@media only screen and (max-width: 980px) {
	.on-resp-align-left > div {
		text-align: left;
	}
}