/*
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]-----------------*/
/*------------------------------------------------*/

.cta-tp{
	background: #f9b233;
    color: #fff;
	padding: 10px 30px;
	display: inline-block;
	border-radius: 10px;
	margin-top: 10px;
	text-decoration: none !important;
    transition: .3s ease;
}
.cta-tp:hover{
	background: #073958;
}
.offerte{
	background: #073958;
}
.offerte:hover{
	background: #f9b233;
}
.home-cta-link a{
	background: #f9b233;
	padding: 10px 30px;
	display: inline-block;
	border-radius: 10px;
	margin-top: 10px;
	text-decoration: none !important;
}
.home-cta-link a:hover{
	background: #073958;
}
.grizzly-new-portfolio .et_pb_grid_item{
	width: 31.3333% !important;
}

.et_pb_portfolio_grid_items{
	display: flex;
    flex-wrap: wrap;
}

#post-1363{
	margin-bottom: 3%;
    margin-left: 3%!important
}

p a, ul li a {
	font-weight:bold;
	text-decoration: underline;
}
h3 {
	font-size:26px!important;
	font-weight: 500!important;
}
#top-header {
	display:none;
}
#logo {
	max-height:110%;
}
#main-header {
    position: fixed;
    width: 57.5%;
    background-color: #ffffff;
    height: 150px;
    left: 21%;
box-shadow: 0px 4px 13px -5px rgb(39 39 39)
}

.fas {
	font-size:25px;
}
@media (min-width: 981px) {
.et_non_fixed_nav.et_fullwidth_nav.et_header_style_left .logo_container {
    padding-left: 60px;
}
}
.container.et_menu_container {
	    top: 18%!important;
}
#et-top-navigation {
    font-weight: 500!important;
}
#top-menu li{
	padding-right: 15px;
}
#top-menu li a {
padding-right: 15px !important;
padding-left: 0px !important;
}
.current_page_item, .current-menu-item {
	font-weight:bold!important;
}
.tp-page-banner a, .tp-page-banner{
	color: #fff !important;
}
.breadcrumb_last{
	text-decoration:none !important;
}

/* .topsection {
    height: 950px;
} */
.topsection .et_pb_row_0 {
	margin-top: 230px;
}
.topsection h3 {
	font-size:36px!important;
	font-weight: 300!important;
}
h1, .topsection h3 {
	color: rgb(255 255 255)!important;
}
.tekstlink {
	color:#ffffff!important;
}
/*----------
.tekstlink:after {
	    content: "";
    position: absolute;
    background-color: #ffffff;;
     height: 3px;
    width: 40px;
}
-------*/
.ondertopsection {
	    padding-top: 0px!important;
	    padding-bottom: 0px!important;
}
.et_pb_blurb_position_left .et_pb_main_blurb_image {
	width: 56px;
}
.et_button_no_icon .et_pb_button {
	padding: 0.3em 2em !important;
}
#footer-bottom {
	background-color: rgb(255 255 255);
}
#footer-bottom p,  #footer-bottom a{
	color:#282f3f!important;
}
#footer-widgets {
    padding: 6% 0 3%;
}
#footer-widgets a {
	text-decoration:underline;
}
/* #main-footer {
	margin-top:75px;
} */
.home h3 {
    font-size: 30px!important;
    font-weight: 500!important;
}
.belform {
	border-radius: 15px;
    padding: 30px;
}
.error404 #main-content, .page-id-813 #main-content, .page-id-654 #main-content{
    margin-top: 200px;
}
.error404 h1, .page-id-813 h1, .page-id-654 h1 {
color:#282F3F!important;
}
.page-id-47 h2 {
	font-size:28px;
}
.page-id-47 h3 {
	font-size:21px;
	font-weight:500;
}
.breadcrumb a, .breadcrumb_last, .tp-page-banner span a{
	color:white!important;
	text-decoration:underline;
}
.breadcrumb a #text {
	color:white!important;
}
.et_overlay {
	background: rgb(40 47 63 / 75%)!important;
}
.et_pb_portfolio_item .et_pb_module_header a {
	    font-size: 18px!important;
    padding-top: 20px;
	line-height: 0em;
}
/*-----------------[Projectblokken]-----------------*/
.projectrow, .projectrow2 {
	    height: 385px;
}
.projectrow .et_pb_column_1_3, .projectrow2 .et_pb_column_1_3 {
	    padding-top: 65px;
    position: initial;
}
.projectblok p {
	color:white;
}
.projectblok h3 {
	font-size:20px!important;
}
.projectblok {
	padding:40px;
}
.et_pb_section_0.et_pb_section{
	margin-bottom: 0 !important;
}

/* .projectsection {
    height: 750px;
} */
.projectsection .et_pb_row_0, .projectsection .et_pb_row_0_tb_body {
	margin-top: 190px;
}
.projectsection h3 {
	font-size:36px;
	font-weight: 300;
}
.projectsection h3 {
	color: rgb(255 255 255)!important;
}

/*------------------------------------------------*/
/*-----------------[Responsive]-----------------*/
/*------------------------------------------------*/

@media only screen and (max-width:1800px) { 
	#main-header {
		width: 100%;
			left:0%;
	}
	.mobile_menu_bar:before {
		font-size: 55px;
		color:#282f3f!important;
	}
}
@media only screen and (max-width:450px) { 
	#main-header {
		height: 105px;
	}
	.container.et_menu_container {
		top:0%!important;
	}
	.topsection {
    height: 580px;
}
	.home .et_pb_section_0{
    border-width: 15px;
    border-color: #FFFFFF;
}
	.topsection .et_pb_row_0 {
    margin-top: 45px;
}
	.topsection h1 {
		font-size:45px;
	}
	.home h3 {
		font-size: 23px!important;
	}
}
/*------------------------------------------------*/
/*-----------------[Contact form error]-----------------*/
/*------------------------------------------------*/

.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;
}

.gform_wrapper .gform_footer input.button {
	background: #ff000000!important;
    border: solid 2px white!important;
    padding: 10px 30px!important;
    color: white!important;
	cursor: pointer;
}
.gform_wrapper .gform_footer {
	padding:0px!important;
	margin:0px!important;
}
/*------------------------------------------------*/
/*-----------------[Cookie notice]-----------------*/
/*------------------------------------------------*/

#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!important;
}

#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 {
	background-color: #073958 !Important;
	color: #fff !important;
    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;
}
}

/* Edits + responsive edits */

.belform input{
	background-color: transparent;
	color: #ffffff !important;
	font-weight: 600;
	border: none;
    border-bottom: 1px solid;
}
.belform input::placeholder{
	color: #ffffff;
}
.tekstlink{
	text-decoration: none;
	border-right: 4px white;
	transition: 0.3s;
}

.tekstlink:hover {
	text-decoration:underline;
}

.tp-ruler-after{
	padding-left: 5px;
}
	
.et_pb_video_play:before{
	content: none !important;
}

#footer-widgets a{
	font-weight: 500;
	color: #E7E0DC;
}

.home-cta-link .tekstlink{
	font-weight: 400;
	font-size: 18px;
}

.home-cta-link i{
	color: #ffffff;
}
	
.tp-page-banner span a{
	color: white !important;
}


@media only screen and (max-width: 980px){
	.tp-home-usps{
		margin-top: -145px !important;
		margin-bottom: -30px;
	}
	
	.gform_wrapper .gform_footer input.button{
		width: 75% !important;
	}
	
	.contact-container{
	z-index: 99;
    position: fixed!important;
    bottom: calc(850px + 220px);
    right: 65%;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    background-color: #fff;
    width: 290px;
    border-left: 3px solid #F9B233;
    border-right: 3px solid #F9B233;
    height: 80px;
    transition: .3s ease-in-out;
    background-color: #F9B233;
	bottom:0 !important;
	}
	
	#main-footer .footer-widget h4{
		font-size: 16px;
	}
	
	.et_mobile_menu{
		border-color: #282F3F !important;
	}
	
	.grizzly-new-portfolio .et_pb_grid_item{
		width: 47% !important;
}

/* 	.et_pb_portfolio_grid_items{
		display: flex;
    	flex-wrap: wrap;
} */

	#post-1363{
		margin-bottom: 0%;
    	margin-left: 0% !important;
		margin-right: 6%;
}
	#post-1396{
    	margin-left: 6%;
	}
	.et_pb_text h1 {
		font-size: 40px !important;
	}
	.et_pb_text h2 {
		font-size: 34px !important;
	}
	.projectsection{
		height: auto !important;
	}
}

/* ............................... */

@media only screen and (max-width: 861px){
	.topsection .et_pb_row_0{
		margin-top: 100px !important;
	}
	
	.projectsection .et_pb_row_0{
		margin-top: 100px !important;
	}
	
	.home-cta-link{
		margin-top: 20px;
	}
	
	.home-banner-row h3{
		margin-top: 15px;
	}
}

@media only screen and (max-width: 450px){
	.topsection .et_pb_row_0{
		margin-top: 55px !important;
	}
	
	.projectsection .et_pb_row_0{
		margin-top: 55px !important;
	}
}


/* Contact div */

.contact-container{
	z-index: 99;
    position: fixed;
    bottom: calc(-300px + 55px);
    right: 5%;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    background-color: #fff;
    width: 290px;
    height: 320px;
    transition: .3s ease-in-out;
	background-color: #F9B233;
}

.contact-form-button{
	color: #ffffff;
    display: flex;
    align-items: center;
    padding: 0px 25px;
    display: flex;
    align-items: center;
    height: 55px;
}

.contact-form-button i{
	font-size: 42px;
    margin-top: 24px;
}

.contact-form-button p{
	padding-top: 23px;
	padding-left: 12px;
	font-size: 16px;
}

.contact-form-button span a{
	font-weight: bold;
}

.contact-form-button a{
	color: #ffffff;
	text-decoration: none;
}

@media only screen and (max-width: 767px){
	.et_pb_portfolio_grid_items {
    	display: flex;
    	flex-direction: column !important;
}
}

@media only screen and (max-width: 767px){
	#cookie-notice{
		bottom: 90px !important;
	}
	#post-1396{
    	margin-left: 0% !important;
	}
	
	.grizzly-new-portfolio .et_pb_grid_item{
		width: 100% !important;
	}
	
	.contact-container{
		right: 0;
		width: 100% !Important;
    	min-width: 100%;
    	border-radius: 0;
		bottom: calc(400px + 55px);
		height: 70px;
		position: absolute;
		border-radius: 10px 10px 0px 0px;
	}
	
	.contact-form-button{
		display: flex;
		justify-content: center;
	}
	
	.topsection{
		height: 750px !important;
	}
	
	.contact-form-button i {
    	font-size: 35px;
    	margin-top: 20px;
	}
	
	.contact-form-button p {
    	padding-top: 20px;
	}
}
.contact-container:hover {
	background:#073958;
	
}
#footer-widgets a:hover {
}
.et_pb_blurb_container .et_pb_module_header {
	margin-top: 20px;
}
.cn-button.wp-default {
	background:#282f3f!important;
}
.page-id-47 .projectsection a {
	color:white!important;
}
.home-video {
	align-items: center!important;
}
.et_overlay:before {
	display:none;
}
/* .............................. */

@media only screen and (max-width: 430px){
	.contact-container{
		bottom: calc(-55px + 55px);
		position: fixed!important;
	}
	.et_pb_text h1{
		font-size: 30px !important;
	}
}
.align-items {
    display: flex;
    align-items: center;
}
.gform_wrapper .textarea{
    background-color: #fff!important;
    border: 1px solid #fff!important;
	color: #9a9a9a!important;
}