/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 2.2
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Template: Divi
Author URI: http://www.elegantthemes.com
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
/* menu fixes */

.menu-item{
	padding-right: 12px !important;
}

#page-container #top-menu li a:hover::after{
	content:none!important;
}

#page-container #top-menu li a::after{
	content:none!important;
}

#page-container #top-menu .current_page_item a::after{
	content:none!important;
}
/*
#page-container #top-menu li a:hover::after{
	opacity: 1;
	transform: translatey(0px);
}

#page-container #top-menu li a::after{
	content: '';
	position: absolute;
	height: 2px;
	background: #cad400;
	width: 80%;
	bottom: 50%;
	left: 10%;
	opacity: 0;
	transform: translatey(-6px);
	transition: all ease 0.3s;
}

#page-container #top-menu .current_page_item a::after{
	content: '';
	position: absolute;
	height: 2px;
	background: #cad400;
	width: 80%;
	bottom: 50%;
	left: 10%;
	opacity: 1;
	transform: none;
}
*/
@media (max-width: 1180px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }



@media all and (min-width: 1181px) {
	header{
	background: #FFF;
	background: linear-gradient(270deg, rgba(202, 212, 0, 1) 0%, rgba(202, 212, 0, 1) 10%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 100%);
	} 
	
	header .brochure-cta a{
		padding-bottom: 0px !important;
		margin-top: -10px;
		padding: 10px !important;
		height: 100%;
		border: solid 2px #455B45;
		border-radius: 8px;
	}
	
	header .contact-cta a{
		padding-bottom: 0px !important;
		margin-top: -10px;
		padding: 10px !important;
		height: 100%;
		border: solid 2px #455B45;
		border-radius: 8px;
		background: #455b45;
		color: #fff !important;
	}
	
	header .brochure-cta a:hover:after, header .contact-cta a:hover:after{
		content: none !important;
	}
	
	header .brochure-cta.current_page_item a:after, 	header .contact-cta.current_page_item a:after{
		content: none !important;
	}
	
	header.et-fixed-header #top-menu .contact-cta a, header.et-fixed-header #top-menu li.current-menu-item.contact-cta>a {
		color: #fff !important;
	}	
}

@media all and (max-width: 1180px) {
	header{
		background: #fff !important;
	}
	
	.mobile_menu_bar:before{
		color: #cad400;
		background: #455B45;
		border-radius: 8px;
		padding: 2px 0px 0px 0px;
		margin-right: 5px;
		font-size: 50px;
	}
	
	#main-header .container{
		width: 100% !important;
	}
	
	#mobile_menu{
		width: 100% !important;
		text-align: center;
		padding: 0;
		border-top: none;
		background: rgba(202,212,0,0.8);
		backdrop-filter: blur(8px);
	}
	
	#mobile_menu a{
		font-size: 20px;
		font-weight: 400;
		border: none;
		padding: 16px;
		color: #fff;
	}
}

/* menu fixes */
/* Knoppen naast elkaar */
.c4u-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}
/* Knoppen naast elkaar */

.gq_r_fixed_buttons .et_pb_column {
	padding-bottom:30px;
}
.gq_r_fixed_buttons .et_pb_button_module_wrapper {
	position: absolute;
	bottom: 0px;
	left: 20px;
	right: 0;
	margin: auto;
}

@media (max-width: 981px) {
.gq_r_fixed_buttons .et_pb_button_module_wrapper {
	bottom: 20px;}
}

.gq_r_fixed_buttons_diensten .et_pb_column {
	padding-bottom:80px;
}
.gq_r_fixed_buttons_diensten .et_pb_button_module_wrapper {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 0;
	margin: auto;
}

/* Blog custom */
@media (min-width: 981px) {
  .dt-4-columns-blog .et_pb_salvattore_content[data-columns]::before {
    content: '2 .column.size-1of4' !important;
  }

  .dt-4-columns-blog .column.size-1of4 {
    width: 48% !important;
    margin-right: 2%;
  }

  .dt-4-columns-blog .et_pb_post {
    margin-bottom: 30px;
  }
	
	.size-1of4:nth-child(even){
		margin-top: 100px;
	}
	
}

/* Blog custom */
/* Team overzicht */
.et_pb_team_member_image{
  max-width: 100%;
}

.et_pb_team_member_image img{
	border-radius: 16px;
}

/* Team overzicht */
/* Projecten Custom CSS */

	/* filters */
#page-container .et_pb_portfolio_filter a.active{
	background: #fff;
	color: #000;
}

#page-container .et_pb_portfolio_filter a{
	background: none;
	border: solid 2px white;
	border-radius: 8px;
	margin-right: 5px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-family: inherit;
}

	/* verspringen items */
@media all and (min-width: 1100px){
.projectoverzicht .et_pb_portfolio_item{
	--verspring-groot: 150px;
  --verspring-klein: 75px;
}

.projectoverzicht .et_pb_portfolio_item:nth-child(1){
	padding-top: var(--verspring-groot);
}


.projectoverzicht .et_pb_portfolio_item:nth-child(2), .et_pb_portfolio_item:nth-child(4){
	padding-top: var(--verspring-klein);}

.projectoverzicht .et_pb_portfolio_item:nth-child(4n+6), .projectoverzicht .et_pb_portfolio_item:nth-child(4n+8){
	margin-top: calc(var(--verspring-klein)*-1) !important;
}

.projectoverzicht .et_pb_portfolio_item:nth-child(4n+7){
	margin-top: calc(var(--verspring-groot)*-1) !important;
}
}


@media all and (max-width: 1100px) and (min-width: 767px){
.projectoverzicht .et_pb_portfolio_item{
	--verspring-groot: 150px;
  --verspring-klein: 75px;
}

.projectoverzicht .et_pb_portfolio_item:nth-child(1){
	padding-top: var(--verspring-groot);
}


.projectoverzicht .et_pb_portfolio_item:nth-child(2){
	padding-top: var(--verspring-klein);}

.projectoverzicht .et_pb_portfolio_item:nth-child(2n){
	margin-top: calc(var(--verspring-klein)*-1) !important;
}

.projectoverzicht .et_pb_portfolio_item:nth-child(2n+4){
	margin-top: calc(var(--verspring-groot)*-1) !important;
}
}
/* Projecten Custom CSS */
/* Custom font CR */

#page-container .quatro{
	font-family: "Quatro" !important;
}

/* Custom font CR */
/* Standaard child theme
h1, h2, h3, h4, h5, h6, p {
	hyphens: auto;
}*/

/* Opmaak formulier */
.gform_heading {
	margin-bottom: 2em;
}

.gform_wrapper .gfield_required {
	color: #ffffff!important; 
	font-size: 16px!important;
}

.gform_wrapper input {
	border: 1px solid #717A4B;
	border-radius: 0px;
	padding: 5px !important;
	box-shadow: none;
	background-color: #ffffff;
	color: #3c3c3c !important;
}

.gform_wrapper textarea {
	border: 1px solid #717A4B;
	border-radius: 0px;
	margin-top: 2px !important;
	box-shadow: none;
	background-color: #ffffff;
	color: #3c3c3c !important;
}

.gform_wrapper.gravity-theme .gfield_label {
	color: #86AD90;
	font-weight: normal;
	font-size: 20px;
}

.gform_wrapper.gravity-theme .gfield_checkbox label {
	line-height: 1.3em;
}

.gform_footer input[type="submit"] {
    display: block;
	padding: 15px 25px !important;
    background-color: #455b45;
	border-color: #455b45!important;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
    text-align: center;
    color: #ffffff!important;
    cursor: pointer;
	border-radius: 5px;   
	overflow: hidden;
	float: left;
}

.gform_footer input[type="submit"]:hover {
	opacity: .75;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

/* style the CTA button */
.knop_donker { 
	border-radius: 0px;
}
.knop_donker a {
	color: #ffffff !important;
}

.knop_donker.current-menu-item>a {
	color: #ffffff !important;
}

.knop_donker.current-menu-item {
	text-decoration: none!important;
}

.et-fixed-header #top-menu li.knop_donker>a {
	color: #ffffff !important;
}

li.knop_donker {
	background-color: #D39D4B;  
	text-align: center; 
	padding: 15px 30px 30px 30px !important;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#top-menu-nav>ul>li.knop_donker>a:hover {
	text-decoration: none!important;
}
	
li.knop_donker:hover {
	opacity: .7;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
 
/* fixed header button text color */
.et-fixed-header #top-menu li.knop_donker.current-menu-item>a {
	color: #ffffff !important;
}

@media only screen and (min-width : 981px) {
	li.knop_donker {
		height: 33px;
	}
}

@media (max-width: 980px) {
	li.knop_donker {
	text-align: left; 
	padding: 5px 7px !important;
	}
}

@media only screen and (max-width: 1190px) and (min-width: 980px) {
.knop_donker a {
	margin-top: -15px;
    text-align: left;
    margin-left: -15px;
	}
}
/* end of styling CTA */

#envelop::before {
	font-family: 'ETmodules';
	content: "\e076";
	position: relative;
	top: 2px;
	margin-right: 8px;
}

#mobiel::before {
	font-family: 'ETmodules';
	content: "\e00b";
	position: relative;
	top: 2px;
	margin-right: 8px;
}

#telefoon::before {
	font-family: 'ETmodules';
	content: "\e090";
	position: relative;
	top: 2px;
	margin-right: 8px;
}

ul.et_pb_pricing li {
    padding-left: 30px;
    text-indent: -36px;
}

#intake::before {
	font-family: 'ETmodules';
	content: "\e08b";
	color: #ffffff;
	position: relative;
	top: 2px;
	margin-right: 8px;
	background: #cad401;
	padding: 5px;
	border-radius: 20px;
}

#ontwerp::before {
	font-family: 'ETmodules';
	content: "\6a";
	color: #ffffff;
	position: relative;
	top: 2px;
	margin-right: 8px;
	background: #cad401;
	padding: 5px;
	border-radius: 20px;
}

#plan::before {
	font-family: 'ETmodules';
	content: "\e007";
	color: #ffffff;
	position: relative;
	top: 2px;
	margin-right: 8px;
	background: #cad401;
	padding: 5px;
	border-radius: 20px;
}

#compleet::before {
	font-family: 'ETmodules';
	content: "\52";
	color: #ffffff;
	position: relative;
	top: 2px;
	margin-right: 8px;
	background: #cad401;
	padding: 5px;
	border-radius: 20px;
}

/* Opmaak reviewslider homepage */
.rt-container-fluid {
	margin-top: 1em;
}

.tss-carousel .swiper-pagination-bullet-active {
	background: #CAD400;
}

.tss-carousel .swiper-pagination-bullet-active:hover, .tss-carousel .swiper-pagination-bullet:hover {
	background: #CAD400;
}

.tss-wrapper .tss-meta-info.tss-left {
	max-width: 0px;
}

.tss-wrapper .tss-carousel1 .item-content {
	padding-right: 40px;
}

.tss-wrapper .tss-carousel1 .item-content-wrapper {
	background: none;
	margin-left: -15px;
}

.tss-wrapper .tss-carousel1 .item-content-wrapper:before {
	color: #CAD400;
}

.tss-wrapper .tss-carousel1 .item-content-wrapper:after {
	border: none;
	content: "\F10D";
 	color: #CAD400;
	position: relative;
	float: right;
	top: -10px;
	right: -20px;
	font-family: "tss-font", serif;
    font-size: 24px;
	transform: rotateY(180deg);
}
.single-item-wrapper {
	pointer-events: none!important;
}

a.smallgreen, a.biggreen {
	color: #005781!important;
	background: #ffffff!important;
	border: 1px solid #005781!important;
	text-decoration: none!important;
}