/*
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]-----------------*/
/*------------------------------------------------*/
p{
	font-weight: 400;
}
h1{
	color: white!important;
	font-size: 28px!important;
	font-weight: bold;
	text-shadow: 0px 0px 20px #40A5CE;
	line-height: 40px;
}
h2{
	font-size: 28px!important;
	padding-bottom: 25px;
}
h3{
	font-size: 23px!important;
	padding-bottom: 25px;
}
p{
	font-size: 16px!important;
}

.opdracht-knop, .offerte-knop, .cta-row a{
	color: #7A7A7A;
	background:#FFF;
    font-size: 20px;
    font-weight: normal;
    font-family: Segoe UI!important;
    border: none;
    padding: 9px 20px 13px 25px;
    display: inline-block;
	position: relative;
    overflow: hidden;
}
.opdracht-knop:hover, .offerte-knop:hover , .cta-row a:hover{
	color: #7A7A7A;
}
.opdracht-knop::before, .offerte-knop::before, .cta-row a::before{
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: -103%;
    height: 100%;
    width: 102%;
    background-color: #EEE;
    z-index: 0;
    transition: 0.3s;
}
.opdracht-knop:hover:before, .offerte-knop:hover:before, .cta-row a:hover:before{
  left:0%;
}
.opdracht-knop i, .offerte-knop i, .cta-row a i{
	font-size: 12px;
    font-weight: 100;
	padding-left: 20px;
}
.offerte-knop{
	margin-right: 20px;
}
.home-banner{
    border-radius: 0px 0px 1000px 0px;
}
.et_menu_container{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo_container{
	position: relative!important;
	width: auto!important;
	max-width: 320px;
}
.tel-header{
	color: #7A7A7A;
	transition: 0.3s;
}
.mail-header{
	transition: 0.3s;
}
.tel-header i{
	background-color: #8EC742;
	padding: 10px;
    color: white;
    border-radius: 100%;
    font-size: 20px;
	margin-right: 10px;
}
.mail-header i{
	padding: 10px;
    background-color: #25ACE3;
    color: white;
    border-radius: 100%;
    font-size: 20px;
	margin-right: 20px;
}
.tel-header:hover, .mail-header:hover{
	opacity: 0.6;
}
#logo{
	width: 100%;
}
.et_menu_container{
	max-width: 1500px!important;
}
.logo_container{
	padding: 0px!important;
}
#et-top-navigation{
	padding-left:0px!important;
	padding-top: 5px!important;
}
#main-header{
	padding: 10px 0px 10px 0px!important;
}
#et-top-navigation a{
	font-size: 18px;
	padding-bottom: 5px!important;
	font-weight: normal!important;
}
#top-menu li.current-menu-item>a{
	border-bottom: solid 1px;
}
.home-banner .et_pb_module:first-child{
	margin-bottom: 60px;
}
.diensten-blokken .et_pb_module{
	height: 320px;
}
.diensten-blokken .et_pb_module .et_pb_code_inner{
	height: 100%;
}
.diensten-blokken .et_pb_module a{
font-size: 21px;
    color: white;
    background-color: #7ad4e3;
    padding: 10px 12px;
    position: absolute;
    bottom: 12px;
    left: 12px;
    font-weight: normal;
    transition: 0.3s;
}
.diensten-blokken .et_pb_module a:hover, .contact-row .gform_button:hover{
	opacity: 0.8;
}
.sectie-diensten-blokken{
	padding: 0px!important;
    height: 230px!important;
    border-bottom: solid 2px #a7ddf3!important;
}
.home-content-padding{
	padding-top: 200px!important;
	padding-bottom: 20px!important;
}
#page-container {
    background-color: #f5feff;
}
.diensten-blokken{
	padding-top: 60px!important;
}
.content-row-flex{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.cta-row{
	padding: 76px 0!important;
	border-radius: 10px;
}
.cta-sectie{
	padding: 50px 0;
    background-color: #F5FEFF;
    border-bottom: solid 1px #7AD4E3;
    border-top: solid 1px #7AD4E3;
}
.cta-row h3{
	padding: 0px!important;
    text-shadow: 0px 0px 20px #40A5CE;
    color: white;
    font-size: 28px!important;
    font-weight: bold;
	display: flex;
    align-items: center;
}
.cta-row .et_pb_code_inner{
	display: flex;
    justify-content: space-around;
	flex-wrap: wrap;
}
.padding-content-bottom{
	padding: 20px 0px!important;
}
.breadcrumb span, .breadcrumb a{
	color: #25ACE3!important;
}
.diensten-cta-row .et_pb_column:last-child .et_pb_code_inner, .content-bottom-dienst .et_pb_column:first-child .et_pb_code_inner{
	background-color: #7AD4E3;
    padding: 40px 30px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000029;
}
.content-bottom-dienst .et_pb_column:first-child .et_pb_code_inner{
	background-color: #25ACE3;
}
.diensten-cta-row .et_pb_column:last-child .et_pb_module, .content-bottom-dienst .et_pb_column:first-child .et_pb_module{
	padding: 0px 74px;
}
.diensten-cta-row .et_pb_column:last-child h3, .content-bottom-dienst .et_pb_column:first-child h3{
	color: white;
}
.diensten-cta-row .et_pb_column:last-child .offerte-knop, .content-bottom-dienst .et_pb_column:first-child .offerte-knop{
	margin-right: 0px;
    margin-bottom: 10px;
}
.diensten-inleiding-sectie{
	padding-top: 0px!important;
	border-bottom: solid 2px #a7ddf3!important;
    padding-bottom: 20px!important;
}
.diensten-cta-row{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	padding-top: 0px!important;
}

.sectie-padding-content{
	padding: 10px 0px!important;
}
.cta-blokken-padding{
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}
.padding-30-blok{
	padding-top: 30px!important;
    padding-bottom: 30px!important;
}
.content-bottom-dienst{
	border-top: solid 2px #7AD4E3;
	padding: 10px 0px!important;
}
.tekst-btn{
	z-index: 10!important;
	position: relative;
}
.bread-crumb-row{
	padding: 25px 0px 0px 0px!important;
}
.diensten-padding-home{
	padding: 115px 0px!important;
}
.template-usp .et_pb_code_inner{
	display: flex;
    justify-content: space-between;
}
.template-usp .et_pb_code_inner div{
	color: white;
    font-size: 21px!important;
	text-shadow: 0px 0px 20px #25ACE3;
	font-weight: normal!important;
}
.contact-row .gform_button, .formulier-aanvraag .gform_button{
	font-size: 18px!important;
    color: white;
    background-color: #7ad4e3;
    padding: 7px 15px;
    left: 12px;
    font-weight: normal;
    transition: 0.3s;
	border: none;
	float: right;
	cursor: pointer;
}
.contact-row #field_1_7{
	display: none
}
.contact-sectie{
	padding-top: 0px!important;
    border-bottom: solid 2px #a7ddf3!important;
    padding-bottom: 20px!important;
}
.contact-maps-sectie{
	height: 450px!important;
}
#footer-bottom{
	background-color: #25ACE3!important;
}
/*voeg het volgende toe in de cookie Notice*/

#cookie-notice {
    background-color: #000000de!important;
    z-index: 9999!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;
	color: #222!important;
}

#cookie-notice .cn-buttons-container {
    background: #74D0DE;
	color: #222!important;
}

@media only screen and (max-width:450px) {
#cookie-notice {
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    border-radius: 0!important;
}
}
/*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;
}

.gform_wrapper .gfield_error .gfield_label{
	color:white!important;
}

.gform_wrapper .validation_message{
	display:none;
}
#et_top_search{
	display: none;
}
.et_menu_container{
	padding-left: 30px!important;
}
#logo{
	max-width: 100%!important;
}
.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 0px!important;
}

@media only screen and (max-width: 1400px){
	.home-banner .et_pb_column{
		width: 60%;
	}
}
@media only screen and (max-width: 1384px){
	.cta-row .et_pb_code_inner h3 {
		text-align: center!important;
		padding: 0px 5px 20px 5px!important;
}
}
@media only screen and (max-width: 1200px){
	.contact-mainheader{
		display: none;
	}
		.home-banner .et_pb_column{
		width: 100%;
	}
		.diensten-cta-row .et_pb_column:last-child .et_pb_code_inner, .content-bottom-dienst .et_pb_column:first-child .et_pb_code_inner {
			padding: 20px 15px!important;
	}
	.diensten-cta-row .offerte-knop i, .content-bottom-dienst .offerte-knop i{
		padding-left: 0px!important;
	}
	.diensten-cta-row .opdracht-knop, .diensten-cta-row .offerte-knop, .content-bottom-dienst .opdracht-knop, .content-bottom-dienst .offerte-knop{
			font-size: 17px!important;
		padding: 9px 13px 13px 10px!important;
	}
}
@media only screen and (max-width: 1100px){
	.template-usp .et_pb_code_inner{
		flex-direction: column;
	}
}
@media only screen and (max-width: 980px){
	.et_menu_container{
	padding-left: 0px!important;
}
	.sectie-diensten-blokken{
		height: unset!important;
	}
	.home-content-padding {
    padding-top: 20px!important;
	}
	.diensten-cta-row .et_pb_column:last-child .et_pb_module, .content-bottom-dienst .et_pb_column:first-child .et_pb_module {
    padding: 0px;
}
	.cta-row {
    padding: 40px 0!important;
}
	.diensten-cta-row .et_pb_column:last-child .offerte-knop, .content-bottom-dienst .et_pb_column:first-child .offerte-knop {
    margin-right: 10px;
    margin-bottom: 0px;
}
}
@media only screen and (max-width: 684px){
	.offerte-knop {
		margin-bottom: 15px;
}
}
@media only screen and (max-width: 600px){
	.home-banner {
    border-radius: 0px 0px 200px 0px;
}
	h1 {
		font-size: 21px!important;
		line-height: 30px;
	}
	.home-banner .et_pb_module:first-child {
    margin-bottom: 30px;
}
	.home-banner{
		padding: 10px 0px!important;
	}
		.diensten-blokken .et_pb_column{
	width: 100%!important;
    margin-right: 0px!important;
    margin-bottom: 10px;
	}
	.diensten-blokken .et_pb_module .et_pb_code_inner {
    height: 93%;
}
	.diensten-blokken .et_pb_module {
    height: 80px;
}
	.cta-row{
	margin: 0px;
    width: 100%;
    border-radius: 0px;
	}
	.cta-sectie{
		padding: 0px!important;
	}
	.diensten-blokken .et_pb_module a {
    	font-size: 18px!important;
	}
	.sectie-diensten-blokken .et_pb_column{
		margin-bottom: 10px!important;
	}
	.template-usp .et_pb_code_inner p{
		font-size: 18px!important;
		padding-bottom: 8px!important;
	}
	.template-usp .et_pb_column .et_pb_module:first-child {
    margin-bottom: 10px!important;
}
	.template-usp{
		    padding-bottom: 30px!important;
}
}
@media only screen and (max-width: 450px){
	#logo {
    width: 80%;
}
	.opdracht-knop, .offerte-knop{
		font-size: 16px!important;
	}
		.offerte-knop {
		margin-bottom: 0px;
}
	.home-banner {
    border-radius: 0px 0px 140px 0px;
}
	.home-banner .et_pb_row:first-child{
		padding-bottom: 0px!important;
	}
	.cta-row h3 {
	font-size: 21px!important;	
	}
	.cta-row a {
    font-size: 18px;
    padding: 9px 10px 13px 15px;
	}
	.diensten-cta-row .et_pb_column:last-child .et_pb_code_inner, .content-bottom-dienst .et_pb_column:first-child .et_pb_code_inner {
		padding: 20px 15px!important;
	}
}
.mobile_menu_bar:before{
	color: #25ACE3!important;
}
.et_mobile_menu{
	    border: none;
}
#main-content .container:before{
	display: none!important;
}
.privacy-policy h1, .error404 h1, .page-id-813 h1,.page-id-645 h1{
	color: #7b7b7b!important;
    text-shadow: none;
}
.et_menu_container{
	width: 76%!important;
}
.formulier-aanvraag input{
	width: 100%!important;
}
.formulier-aanvraag .gform_button{
	width: auto!important;
}
.imput-margin{
	margin-top: 0px!important;
}
.formulier-aanvraag .gform_wrapper{
	margin-top: 0px!important;
}
.nav li ul{
	border: none!important;
}

#cookie-notice div.cookie-notice-container span#cn-notice-buttons a#cn-accept-cookie {
    background: #74D0DE;
	color: #222!important;
}