/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
@font-face {
    font-family: 'Bazouk';
    src: url('/wp-content/fonts/bazouk/BazoukSSi.ttf') format('truetype'), 
         url('/wp-content/fonts/bazouk/BazoukSSi.otf') format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bazouk';
    src: url('/wp-content/fonts/bazouk/BazoukSSiBold.otf') format('opentype'); 
    font-weight: bold; 
    font-style: normal;
}


h1, h2, h3, h4, h5, h6{
	font-family: 'Bazouk', sans-serif !important;
}

body .single-content h1, body .single-content h2, body .single-content h3, body .single-content h4, body .single-content h5, body .single-content h6 {
    margin: 1.5em 0 1rem;
}
.kb-button{
	font-family: 'Bazouk', Arial, sans-serif !important;
}

body a:where(:not(.wp-element-button)) {
    text-decoration: none;
}

.important-show {
	display: block !important;
}

@media (max-width: 1024px){
	.wp-block-kadence-rowlayout > *:nth-of-type(1) {
    	padding-top: 0 !important;
	}
	body .kt-row-column-wrap:first-of-type {
    	padding-bottom: 0 !important;
	}
}
body .kt-row-column-wrap:first-of-type {
    padding-bottom: 1rem !important;
}

body .wp-block-table td{
	border: none;
	padding: 0;
}

body .wp-block-table tr{
	vertical-align: top;
}

/* Dropdown menu naast elkaar  */
body .mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer, .body .mobile-navigation ul.has-collapse-sub-nav .sub-menu.important-show {
/* 	display: grid; */
	grid-auto-columns: auto auto;
	grid-template-columns: auto auto;
	justify-content: center;
	width: unset;
	text-align: left;
	padding: 0;
	padding-left: 2rem;
}
@media (max-width: 767px){
	body .mobile-navigation ul li a{
		padding-bottom: .5rem;
		padding-top: .5rem;
	}
	.mobile-navigation ul li ul li{
		font-size: 1rem;
		line-height: 1;
	}
}

ul .wpml-ls-menu-item a{
	justify-content: center;
}
@media (min-width: 1020px){
	body .mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer{
 		display: unset;
 		grid-auto-columns: auto auto; 
 		grid-template-columns: unset; 
 		justify-content: unset;
 		width: unset; 
		text-align: left; 
 		padding: 0; 
		position: absolute;
		right: calc((40% - 40px) / 2);
        top: 14dvh;
		z-index: 5;
	}
	
	body .mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer:has(li.wpml-ls-menu-item) {
		position: unset;
	}
	body .mobile-navigation.drawer-navigation-parent-toggle-true .drawer-nav-drop-wrap .drawer-sub-toggle{
        left: 15rem;
        justify-content: center;
        width: -webkit-fill-available;
		z-index: 2 !important;
	}
	.mobile-drawer-content.content-align-left{
		text-align: center;
	}
	.mobile-navigation ul li ul li{
		font-size: 1.25rem;
		line-height: 1.7;
	}
}

/* Home */
body .splide__arrow svg,
body .splide__arrow:hover:not(:disabled) svg{
	fill: white;
}
@media (max-width: 767px) {
	body .splide__arrow{
		bottom: 16px;
		top: unset;
	}	
}
body .splide__arrow{
	background: transparent !important;
}
@media (max-width: 767px) {
	.project-title{
		text-align: center;
		max-width: calc(100% - 50px) !important;
	}
    body.home .entry-content-wrap {
        padding: 0rem;
    }
}
/* Footer */
#colophon{
	border-top: 1px solid;
	margin-top: 1rem;
}

@media (min-width: 1020px){
	body .site-footer-row.site-footer-row-columns-3.site-footer-row-column-layout-center-wide {
		grid-template-columns: minmax(0, 4fr) minmax(0, 1fr) minmax(0, 5fr)
	}
	.footer-widget-area.content-align-left{
		padding-top: 1rem;
	}
}
@media (min-width: 1020px){
	.home .wp-block-kadence-query .kb-query-item.kb-query-block-post:nth-child(2){
		padding-top: var(--global-xxl-spacing);
	}
}
.wp-block-kadence-advancedbtn .kb-svg-icon-wrap{
	transition: 0.5s;
}
.wp-block-kadence-advancedbtn:hover .kb-svg-icon-wrap{
	padding-left: 1rem;
	transition: 0.5s;
}

/* .services-2 > .kt-inside-inner-col > .aligncenter {
	max-width: 420px !important;
} */

.home .kt-image-overlay-color-wrapper {
    opacity: 0.3;
}


@media (min-width: 768px){
	.home .image-overlay-title{
		font-size: 2rem;
	}
}
@media (min-width: 1020px){
	.home .image-overlay-title{
		font-size: clamp(1.9rem, 2.5vw, 3rem);
	}
}
/* Projecten overzicht */
.project-overzicht .kt-image-overlay-message .image-overlay-title{
/* .wp-block-kadence-imageoverlay.kt-img-overlay422_12dd57-cd487 .kt-image-overlay-message .image-overlay-title{ */
	hyphens: auto;
}

@media (min-width: 1020px){
/* 	.project-overzicht .wp-block-kadence-query .kb-query-item.kb-query-block-post:nth-child(even){
		padding-top: var(--global-xxl-spacing);
	} */
}
/* Projecten detail */
.single-projecten h1{
	max-width: 80vw;
    text-transform: uppercase;
}

@media (max-width: 767px){
	.single-projecten h1{
		max-width: 100vw;
    	hyphens: auto;
		padding: 0 1rem 0 0;
	}
	.single-projecten .kb-row-layout-idkadence-child__project_37799c-81.alignnone.wp-block-kadence-rowlayout{
		min-height: 18rem;
	}
	.single-projecten .single-content figure.wp-block-kadence-image {
		position: absolute;
		height: calc(100% - 8.75rem);
		bottom: 6.5rem;
		right: -3.75rem;
		z-index: 1;
	}
	.single-projecten .single-content .wp-block-kadence-image img{
		transform: rotate(-2deg);
	}
}

.single-projecten .single-content .wp-block-kadence-image img{
	transform: rotate(-2deg);
}

.single-projecten .kadence-columnkadence-child__project_7691be-76{
	z-index: 10;
}

.single-projecten .swiper-slide{
/* 	max-height: 700px; */
	max-height: 70vh;
	
}

.single-projecten .project-nav{
	position: static;
    z-index: 30;
    bottom: 7%;
    width: 100%;
}


.project-nav .project-item{
	display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--global-content-width);
	margin: 0 auto;
	opacity: 0.5;
	transition: 0.3s;
}
.project-nav .project-item:hover{
	opacity: 1;
	transition: 0.3s;
}

.project-nav .backtoproject svg{
	z-index: 100;
	width: 40px;
	height: auto;	
}


.project-nav .next-project svg{
	z-index: 100;
    margin-right: 1rem;
	width: 40px;
	height: auto;
	fill: white;
}

.project-nav .previous-project svg{
	z-index: 100;
    margin-left: 1rem;
	width: 40px;
	height: auto;
	fill: white;
	transform: rotate(180deg);
}

/* Code to change layout of cookiepage. Change this code to your font-sizes  */
#cmplz-document{
	max-width: unset;
}

#cmplz-document p{
	font-size: 18px !important;
}

#cmplz-document li, .cmplz-description, .cmplz-category-title{
	font-size: 18px !important;
}

#cmplz-document subtitle{
	font-size: 24px !important;
}

#cmplz-document h2{
	font-size: 36px !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences{
	text-transform: capitalize !important;
}
.entry-content-wrap {
	padding: 10px 15px;
}