/*
Theme Name: Slijpkruik2024
Theme URI:  https://www.klokmedia.nl
Author:     Klok Mediabureau
Author URI: https://www.klokmedia.nl
Template:   Divi
Version:    1.0
License:    GNU General Public License v2 or later
*/

#wpadminbar #wp-toolbar li#wp-admin-bar-wp-logo > .ab-item span.ab-icon {
    height: 60%;
}

.cn-button{
	padding:10px!important;
	color:white!important;
}

/* Standaard Menu CSS */
.et-menu-nav li a{
color:#000000;
	padding:8px 10px 8px 8px!important;
}

#menu-hoofdmenu > li > a {
	padding-bottom:2px!important;
}

.et-menu a:hover {
    opacity: 1;
}

.nav li li {
    padding: 0 10px;
}

.et-menu .menu-item-has-children>a:first-child:after {
    right: -5px!important;
    top: 8px!important;
}

.current-menu-item > a{
	font-weight: 800!important;
}

/*.gt > .sub-menu > .current-menu-item > a, .eco > .sub-menu > .current-menu-item > a{
	border:none!important;
	text-decoration:underline;
	text-decoration-color:white!important;
}*/

.et_mobile_menu li a:hover, .nav ul li a:hover{
	background-color:unset;
}

/* GroenTechnisch Menu CSS */
/*.gt a{
	background:#016b2a;
	color:white!important;
}

.gt a:hover{
	background:#97bf0d;
	color:white!important;
}*/

.et-db #et-boc .et-l .et-menu a {
    color: #3d3935;
}

.sub-menu li a {
    color: #fff!important;
    font-size: 14px!important;
	line-height:1.5em;
}

.gt > a{
	color:#016B2A!important;
}

/* Submenu */
.gt .sub-menu li{
background:#016b2a!important;
}

.eco .sub-menu li{
background:#9b5f17!important;
}

.eco .sub-menu .sub-menu li {
  background: #d47e00 !important;
}

.eco .sub-menu .sub-menu .sub-menu li {
  background: #ee8d00 !important;
}


.gt .sub-menu li a{
	color:#fff!important;
}

.et_mobile_nav_menu .mobile_nav #mobile_menu1 .gt .sub-menu li a, .et_mobile_nav_menu .mobile_nav #mobile_menu1 .eco .sub-menu li a{
	color:#fff!important;
}

.eco .sub-menu li a{
	color:#fff!important;
}

.contactparent .sub-menu li a{
	color:#3d3935!important;
}
/*
.eco.current-page-ancestor.current-menu-ancestor.current_page_ancestor.menu-item-has-children, .gt.current-page-ancestor.current-menu-ancestor.current_page_ancestor.menu-item-has-children{
	border-bottom:1px solid black;
}*/

.sub-menu > .current-page-parent > a, .sub-menu > .current-page-ancestor > a{
font-weight:800!important;
}

.nav li ul{
	border-top:0px!important;
}

.et_pb_menu .et-menu-nav>ul ul{
	padding:0px!important;
}

/* Ecologisch Menu CSS */
/*.eco a{
	background:#9b5f17;
	color:white!important;
}

.eco a:hover{
	background:#d47e00;
	color:white!important;
}*/

.eco > a{
	color:#9b5f17!important;
}

/* FLIP BOX */

.dmpro-flip-box-container .dmpro-flip-box-front-side .dmpro-flip-box-heading, .dmpro-flip-box-container .dmpro-flip-box-back-side .dmpro-flip-box-heading{
	font-weight:inherit;
}

/* HOVER BOX */

.dmpro-hover-box-content a{
	color:green;
}

/* PORTFOLIO PROJECTEN */
#groentechnischprojecten .et_pb_portfolio_filters li a.active {
background-color: #3d3935;
  color: white !important;
}

#ecologischprojecten .et_pb_portfolio_filters li a.active {
    background-color: #9b5f17;
    color: white!important;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    border: 1px solid #f1f1f1;
}

/* KEN BURNS */
 .de-ken-burns {
     -webkit-animation: summersaleburns 30s ease-out both; /* You can change the duration by changing the 30s here */
     animation: summersaleburns 30s ease-out both; /* You can change the duration by changing the 30s here */
     animation-iteration-count: infinite; /* This makes the effect loop forever */
}
/* Divi Engine Ken Burns Animation Keyframes */
 @-webkit-keyframes summersaleburns {
     0% {
         -webkit-transform: scale(1) translate(0, 0);
         transform: scale(1) translate(0, 0);
         -webkit-transform-origin: 84% 84%;
         transform-origin: 84% 84%;
    }
     50% {
         -webkit-transform: scale(1.25) translate(20px, 15px);
         transform: scale(1.25) translate(20px, 15px);
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
    }
     100% {
         -webkit-transform: scale(1) translate(0, 0);
         transform: scale(1) translate(0, 0);
         -webkit-transform-origin: 84% 84%;
         transform-origin: 84% 84%;
    }
}
 @keyframes summersaleburns {
     0% {
         -webkit-transform: scale(1) translate(0, 0);
         transform: scale(1) translate(0, 0);
         -webkit-transform-origin: 84% 84%;
         transform-origin: 84% 84%;
    }
     50% {
         -webkit-transform: scale(1.25) translate(20px, 15px);
         transform: scale(1.25) translate(20px, 15px);
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
    }
     100% {
         -webkit-transform: scale(1) translate(0, 0);
         transform: scale(1) translate(0, 0);
         -webkit-transform-origin: 84% 84%;
         transform-origin: 84% 84%;
    }
}

/* Vergrootglas */
a.et_pb_menu__icon, button.et_pb_menu__icon {
    margin: 8px 0px 0px 40px;
}


/* Increase inner width of drop-down menu */
.et-menu li li a {
    padding: 6px 20px; 
    width: 260px;
}
/* Increase width of drop-down menu */
.nav li ul {
    position: absolute;
    padding: 20px 0; 
    width: 260px;
    
} 

/* CONTACT FORM 7 */
#responsive-form{
	max-width:1440px /*-- change this to get your desired form width --*/;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}

.column-whole{
  padding: 0.65rem;
	clear:both;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}
/*
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea {
	width: 100%;
	padding: 13px;
	border: 1px solid grey;
	border-radius: 0px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-submit{
float: right;
    margin-right: 10px;
    font-family: 'Bebas Neue',display;
    font-size: 18px;
    letter-spacing: 3px;
    background: #006b2a;
    color: #fff;
    border: none;
    padding: 17px 25px;
    cursor: pointer;
    border-radius: 0px;
	margin-top: 20px;
}

.wpcf7-submit:hover{
	background: #9b5f17;
	padding:17px 25px;
}
span.wpcf7-not-valid-tip{
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	text-shadow: none;
	font-size: 15px;
	color: #fff;
	font-weight:500;
	background: #75957a;
	padding: 0px 15px;
	border-radius:0px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #5d8b6f;
	border-color: #5d8b6f;
	color: #fff;
	margin: 0;
}

.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea{background:#fff;}

.wpcf7 label{
  font-weight:500;
  color:#333333;
  font-size:20px;
  line-height:45px;
	font-family: 'Bebas Neue',display;
}

button, input, select, textarea{
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #73b86a;
    background: #73b86a;
    color: white;
    font-family: 'axia';
    border-radius: 0px;
}

.wpcf7-select{
	width: 100%;
    border-radius: 0px;
    padding: 10px 20px;
    font-weight: 600;
    color: black;
    font-size: 15px;
}

select{
	border:1px solid grey;
}

*/

textarea{
	max-height:120px;
}

/* Cookienotice */
#cookie-notice {
  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}

/* MOBIEL MENU CSS */

/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}

/* Remove the top line in the mobile menu*/
.et_mobile_menu {
border-top:0;
}

/* Center-align moble menu items */

.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0 !important;
}

/* Make mobile menu fullwidth */
.et_mobile_menu {
min-width: 100vw;
margin-left: -50vw;
}

/* Make the mobile menu full height */

.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}

html {
height: -webkit-fill-available;
}

/* Remove the animation to avoid delay */

.mobile_nav.opened .et_mobile_menu {
display:block !important;
}

/*** Change Mobile Columns By DiviMundo.com ***/

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}

/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }

    html .et-db .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    html .et-db .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .four-col-mob .et_pb_column {
        width:20.875% !important;
    }

html .et-db .four-col-mob .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    html .et-db .four-col-mob .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .five-col-mob .et_pb_column {
        width:15.6% !important;
    }

    html .et-db .five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }

    html .et-db .five-col-mob .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .six-col-mob .et_pb_column {
        width:12.083% !important;
    }

    html .et-db .six-col-mob .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    html .et-db .six-col-mob .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}

/*** Change Tablet Columns By DiviMundo.com ***/

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        html .et-db .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}

/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .two-col-tab .et_pb_column {
        width:47.25% !important;
    }

.two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    html .et-db .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }
}

/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }

html .et-db .three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    html .et-db .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .four-col-tab .et_pb_column {
        width:20.875% !important;
    }

html .et-db .four-col-tab .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    html .et-db .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .five-col-tab .et_pb_column {
        width:15.6% !important;
    }

.five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    
    html .et-db .five-col-tab .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .six-col-tab .et_pb_column {
        width:12.083% !important;
    }

    html .et-db .six-col-tab .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    html .et-db .six-col-tab .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}