/*
 Theme Name:   Garage kil 2026 Thema
 Description:  Garage kil 2026 Thema
 Author:       Chris Tol
 Author URI:   https://www.sedero.nl
 Template:     astra
 Version:      1.0.8
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  garagekil2026
*/
:root{
	--color-primary: #bcb09b;
	--color-secondary: #C2C2C2;
	--color-antraciet: #1d1d1d;
}

@keyframes fadeLoop {
  0% { opacity: 0; }
  5% { opacity: 1; }   /* Snel infaden */
  30% { opacity: 1; }  /* Zichtbaar blijven tot 30% (ca. 3.6 sec) */
  35% { opacity: 0; }  /* Snel uitfaden vóór het volgende item begint */
  100% { opacity: 0; } /* Onzichtbaar blijven voor de rest van de cyclus */
}

/* De animatie definitie */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(120px); /* Start 30px lager */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* Eindig op de normale plek */
  }
}

body.disable-scroll {
	overflow: hidden;
	height: 100%;
}

body.disable-scroll .qlwapp{
	display: none;
}

body.disable-scroll .cky-btn-revisit-wrapper{
	display: none;
}

body.disable-scroll #wpadminbar{
	display: none !important;
}

label{
	color: #fff;
	display: block;
}

.py-0{
	padding-left: 0;
	padding-right: 0;
}

.ml-0{
	margin-left: 0;	
}

.mt-2{
	margin-top: 20px;
}

.mb-1{
	margin-bottom: 10px;
}

.mb-2{
	margin-bottom: 20px;
}

.d-flex{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	gap: var(--gap, 0px);
}

.flex-column{
	flex-direction: column;
}

.col-8 {
	flex: 0 0 calc(33.33333% - var(--gap));
}

.col-5 {
	flex: 0 0 calc(41.66666% - var(--gap));
}

.col-6{
	flex: 0 0 calc(50% - (var(--gap, 0px) / 2));
}

.col-7 {
	flex: 0 0 calc(58.33333% - var(--gap));
}

.col-8 {
	flex: 0 0 calc(66.66666% - var(--gap));
}

.col-12{
	flex: 0 0 calc(100%);
}

.text-center{
	text-align: center;
}

@media screen and ( min-width: 576 ) {
	
	.col-sm-3{
		flex: 0 0 calc(25% - var(--gap));
	}
	
	.col-sm-6{
		flex: 0 0 calc(50% - var(--gap));
	}
	
	.col-sm-8{
		flex: 0 0 calc(66.66666% - var(--gap));
	}
	
	.col-sm-9{
		flex: 0 0 calc(75% - var(--gap));
	}
	
}


@media screen and ( min-width: 768px ) {
	
	.col-md-3{
		flex: 0 0 calc(25% - var(--gap));
	}
	
	.col-md-6{
		flex: 0 0 calc(50% - var(--gap));
	}
	
	.col-md-8{
		flex: 0 0 calc(66.66666% - var(--gap));
	}
	
	.col-md-9{
		flex: 0 0 calc(75% - var(--gap));
	}
	
}

@media screen and ( min-width: 1024px ) {
	
	.col-lg-3{
		flex: 0 0 calc(25% - var(--gap));
	}
	
	.col-lg-4{
		flex: 0 0 calc(33.33333% - var(--gap));
	}
	
	.col-lg-8{
		flex: 0 0 calc(66.66666% - var(--gap));
	}
	
	.col-lg-9{
		flex: 0 0 calc(75% - var(--gap));
	}
	
}

.gap-1 { --gap: 10px; }
.gap-2 { --gap: 20px; }
.gap-3 { --gap: 30px; }


.ast-builder-menu-mobile .main-navigation .main-header-menu{
  background-color: #000 !important;
  	
}
  
.ast-builder-menu-mobile .main-navigation .main-header-menu a{
 color: #fff !important;
 background-color : #000 !important;
}


.ast-builder-menu-mobile .main-navigation .menu-link:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .menu-link{
  	background: #000  !important;
  	color: #fff  !important; 
  	font-weight: 700  !important;
  }

.ast-plain-container.ast-no-sidebar #primary{
	padding-top: 4em;
	padding-bottom: 4em;
}

.home.ast-plain-container.ast-no-sidebar #primary {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

body:not(.home) .ast-plain-container.ast-no-sidebar #primary{
	padding-bottom: 4em !important;
}

.heading-title-top {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 2px;
	font-size: 16px;
}

.heading-title-bottom {
	font-size: clamp(30px, 4vw, 35px) !important;
	margin-top: 10px;
}

ul.list-stars,
ul.list-check{
	list-style: none;
	padding-left: 0;
}

ul.list-stars li,
ul.list-check li{
	padding-left: 30px;
	position: relative;
}

ul.list-check li::before{
	content: "\f00c";
	position: absolute;
	left: 5px;
	top: 5px;
	font: var(--fa-font-solid);
	color: var(--color-primary);
	display: inline-block;
	vertical-align: middle;
}

ul.list-stars li::before{
	content: "\f005";
	position: absolute;
	left: 5px;
	top: 5px;
	font: var(--fa-font-solid);
	color: #f6bb06;
	display: inline-block;
	vertical-align: middle;
}

@media screen and (min-width: 768px){
	ul.list-check.columns-2{
		display: grid;
		grid-template-columns: repeat(2, 1fr); /* Maakt 2 gelijke kolommen */
		gap: 10px; /* Ruimte tussen de items */
	}
}

.wp-block-button.read-more {
	padding: 0;
}

.wp-block-button.read-more a,
a.read-more,
span.read-more {
	text-align: center;
	display: block;
	margin: 0px auto;
	clear: both;
	padding: 11px 24px;
	text-decoration: none !important;
	position: relative;
	font-weight: 400;
	background-color: transparent;
	border: none;
	color: #fff !important;
	line-height: 1;
}

.wp-block-button.read-more a:hover {
	background-color: transparent;
}

.wp-block-button.read-more a::before,
a.read-more::before,
span.read-more::before{
	content: "";
	height: 1px;
	background-color: #fff;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: 0.25s width ease-in-out;
}

.wp-block-button.read-more:hover a::before,
a.read-more:hover::before,
span.read-more:hover::before{
	width: 0px;
}

.wp-block-button.arrow-right a,
a.arrow-right,
span.arrow-right {
	padding-right: 25px !important;
}

.wp-block-button.arrow-right a::after,
a.arrow-right::after,
span.arrow-right::after{
	content: "\f054";
	font: var(--fa-font-solid);
	padding-left: 15px;
	font-size: 10px;
	display: inline-block;
	position: absolute;
	right: 5px;
}

.wp-block-button.arrow-right.read-more a,
a.arrow-right.read-more,
span.arrow-right.read-more{
	text-align: left;
	padding-left: 0;
}

.wp-block-button.arrow-right.read-more a::after,
a.arrow-right.read-more::after{
	top: 14.5px;
}

.wp-block-button.link-watch-video a{
	position: relative;
}

.wp-block-button.link-watch-video a::before{
	content: "\f03d";
	font: var(--fa-font-solid);
	display: inline-block;
	margin-right: 10px;
}

.wp-block-button.link-appointment a::after{
	content: "\f061";
	font: var(--fa-font-solid);
	display: inline-block;
	margin-left: 10px;
}

@media screen and (min-width: 768px ) {
	.site-header{
		position: sticky;
		top: 0;
	}
}

.site-header .ast-container{
	max-width: 1800px;
}

.ast-logo-title-inline .ast-site-identity{
	padding: 0.3em 0;
}

.ast-below-header-bar .site-below-header-wrap{
	min-height: 50px;
}

.ast-desktop .ast-below-header-bar .main-header-menu > .menu-item{
	line-height: 50px;
}

@media screen and ( min-width: 600px ) {
	body.logged-in .site-header{
		top: 31px;
	}
}

.main-header-menu .sub-menu{
	width: 280px;
}

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link{
	color: #000;
	padding: 0.5em 1em;
}

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-item.current-menu-item .menu-link,
.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link:hover{
	background-color: var(--color-primary);
	color: #fff;
}

.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button{
	position: relative;
}

.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button::before{
	content: "\f073";
	font: var(--fa-font-solid);
	color: var(--color-primary);
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 10px;
}

.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button:hover{
	background-color: var(--color-primary);
	color: #000;
	opacity: 1;
}

.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button:hover::before{
	color: #000;
}

/*
 * USP
 */
.usp-main{
	list-style: none;
	max-width: 1024px;
	width: 100%;
	margin: 0px auto;
	position: relative;
	height: 30px;
}

.usp-main li {
	opacity: 0;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	animation: fadeLoop 12s infinite;
}

.usp-main li::before{
	content: "\f00c";
	font: var(--fa-font-solid);
	color: var(--color-primary);
	margin-right: 5px;
}

.usp-main li:nth-child(1) { animation-delay: 0s; }
.usp-main li:nth-child(2) { animation-delay: 4s; }
.usp-main li:nth-child(3) { animation-delay: 8s; }

.usp-icon {
	text-align: center;	
}

.usp-icon svg{
	fill: #fff;
	width: 60px;
	height: 60px;
}

.usp-icon + h3{
	margin-top: 15px;
}

@media screen and ( min-width: 921px ) {
	
	.usp-main{
		display: flex;
		-webkit-display: flex;
	}
	
	.usp-main li{
		animation: none;
		opacity: 1;
		flex: 0 0 33.33333%;
		position: relative;
	}
	
}

@media screen and (min-width: 1400px) {
	.columns-about-us{
		padding-left: 10% !important;
		padding-right: 10% !important;	
	}
}

.splide__arrow{
	border-radius: 0 !important;
	opacity: 1 !important;
	background: none !important;
}

.splide__arrow svg{
	fill: #fff !important;
}


.logo-slider .splide__slide{
	display: flex;
	align-items: center;
	align-content: center;
}

/*
 * Occassion slider
 */
.link-view-all-vehicles{
	display: inline-block;
}

.link-view-all-vehicles a::before {
	content: "\f1b9";
	font: var(--fa-font-solid);
	display: inline-block;
	margin-right: 5px;
}

.columns-occasion-slider{
	padding-left: 40px !important;
	padding-right: 40px !important;
}

#occasion-slider .splide__arrow--prev{
 left: -30px;
}

#occasion-slider .splide__arrow--next{
 right: -30px;
}

#occasion-slider #occasion-slider-track{
	padding-bottom: 50px !important;
}

.item.occasion{
	text-decoration: none !important;
	background-color: #000;
	border-radius: 10px;
}

.item.occasion .thumbnail{
	overflow: hidden;
	padding: 20px;
	padding: 31.333333%;
	background-size: cover;
	background-position: center;
}

.item.occasion .thumbnail img{
	transition: 0.25s transform ease-in-out;
	border-radius: 20px;
}

.item.occasion .thumbnail:hover img{
	transform: scale(1.05);
}

.item.occasion .info{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.item.occasion .info h3{
	color: #fff;
	margin-bottom: 0;
	font-size: clamp(28px, 3vw, 45px);
	font-weight: 400;
}

.item.occasion .info h4{
	font-size: clamp(16px, 2vw, 22px);
	color: var(--color-secondary);
}

.item.occasion .info .title-container{
	flex: 1 1 0;
	min-width: 0;
}

.item.occasion .info .price-box{
	flex: 0 0 180px;
	margin-left: auto;
	text-align: right;
}

.item.occasion .info .price-box .price{
	font-size: clamp(28px, 3vw, 45px);
	margin-bottom: 0;
	line-height: 1.2;
	display: block;
	font-weight: 400;
}

.item.occasion .info .car-features{
	text-align: center;
	display:block;
	margin-top: 10px;
	color: var(--color-secondary);
}

.item.occasion .info .price-box .lease-price{
	font-size: clamp(13px, 2vw, 18px);
	color: var(--color-secondary);
}

.item.occasion .info .car-details{
	flex: 0 0 100%;
	margin-bottom: 10px;
	margin-top: 5px;
}

.item.occasion .info .car-details ul{
	background-color: var(--color-antraciet);
	padding: 5px;
	border-radius: 20px;
	list-style: none;
	width: 100%;
	text-align: center;
}

.item.occasion .info .car-details ul li{
	text-align: center;
    color: white;
    padding: 0 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}

.item.occasion .info .car-details ul li i{
	display: inline-block;
	vertical-align: middle;
	color: var(--color-primary);
    padding-left: 20px;
    margin-right: 25px;
}

.item.occasion .info .car-details ul li:not(:last-child)::after{
	content: '';
	width: 1px;
	background-color: var(--color-secondary);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 10px;
}

.item.occasion .info hr{
	width: 90%;
	margin: 0px auto;
}

@media screen and ( max-width: 500px ) {
	
	.item.occasion .info{
		padding-left: 10px;
		padding-right: 10px;	
	}
	
	.item.occasion .info .title-container {
		flex: 0 0 100%;
	}
	
	.item.occasion .info .price-box{
		flex: 0 0 100%;
	}
	
}

@media screen and (min-width: 1400px) {
	
	.columns-occasion-slider{
		padding-left: 10% !important;
		padding-right: 10% !important;
	}
	
	.item.occasion .info .price-box{
		flex:  0 0 200px;
	}

}

@media screen and (min-width: 1800px) {
	
	.columns-occasion-slider{
		padding-left: 20% !important;
		padding-right: 20% !important;
	}
	
}
/*
 * End Occassion slider
 */
.row-more-information .wp-block-columns .wp-block-column{
	opacity: 0;
}

.row-more-information.animate .wp-block-columns .wp-block-column{
	animation: fadeInUp 0.6s ease-out forwards;
}

.row-more-information.animate .wp-block-columns .wp-block-column:nth-child(2){
	animation-delay: 0.3s;
}

.row-more-information.animate .wp-block-columns .wp-block-column:nth-child(3){
	animation-delay: 0.6s;
}

.row-more-information .wp-block-cover .wp-block-cover__background{
	transition: 0.3s opacity ease-in-out;
}

.row-more-information .wp-block-cover:hover .wp-block-cover__background{
	opacity: 0.3 !important;
}

.reviews-text{
	max-width: 769px !important;
}


.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row{
	max-width: 1400px !important;
}

.column-openinghours h4{
	text-align: left;
	margin-bottom: 1.25em;
}

.column-openinghours table{
	border: none;
}

.column-openinghours table tr td{
	border: none;
	padding: 0;
	text-align: left;
}

.column-openinghours table tr td:first-child{
	color: var(--color-primary);
	font-weight: 500;
}

.site-footer .list-item-phone a::before{
	content: "\f095";
	font: var(--fa-font-solid);
	color: var(--color-primary);
	margin-right: 5px;
	display: inline-block;
}

.site-footer .list-item-email a::before{
	content: "\f0e0";
	font: var(--fa-font-regular);
	color: var(--color-primary);
	margin-right: 5px;
	display: inline-block;
}

.site-footer .list-item-location{
	padding-left: 20px;
	position: relative;
}


.site-footer .list-item-location::before{
	content: "\f3c5";
	font: var(--fa-font-solid);
	color: var(--color-primary);
	margin-right: 5px;
	display: inline-block;
	position: absolute;
	left: 2px;
	top: 4px;
}

/*
 * Occasions Grid
 */
#occasions .filter-sidebar{
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	transition: 0.15s opacity ease-in-out;
	opacity: 1;
	background-color: #fff;
}

#occasions .filter-sidebar.collapsed{
	z-index: -1;
	opacity: 0;
}

#occasions .filter-sidebar .inner{
	padding: 40px;
	color: #000;
}

#occasions .filter-sidebar .inner .header{
	display: flex;
	-webkit-display: flex;
	align-items: center;
}

#occasions .filter-sidebar .inner .header h3{
	color: #000;
	margin-bottom: 0;
}

#occasions .filter-sidebar .inner .content h4 {
	color: #000;
	margin-bottom: 5px;
}

#occasions .filter-sidebar .inner .content .filter-item{
	margin-top: 10px;
	margin-bottom: 20px;
}

#occasions .filter-sidebar .inner .content .filter-item .checkbox-options input {
	display: inline-block;
	vertical-align: middle;
}

#occasions .filter-sidebar .inner .content .filter-item .checkbox-options label{
	color: #000;
	display: inline-block;
	vertical-align: middle;
}

#occasions .filter-sidebar .inner .content .filter-item .label-slider {
	margin-top: 10px; 
	font-weight: 600;
	display: block;
}

#occasions .filter-sidebar button[type="submit"]{
	background-color: #000;
	color: #fff;
	
}


#occasions .filter-sidebar .footer-buttons {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

#occasions .filter-sidebar .footer-buttons .button {
    flex: 1;
    text-align: center;
}

#occasions .filter-sidebar .button-reset {
    background: transparent;
    border: 1px solid currentColor;
    opacity: 0.4;
    pointer-events: none;
    transition: opacity 0.2s ease;
    text-decoration: none;
    padding: 11px;
}

#occasions .filter-sidebar .button-reset.active {
    opacity: 1;
    pointer-events: all;
}


#occasions .filter-sidebar .button-reset.active:hover{
	color: #000 !important;
}


#occasions .filter-sidebar .inner .header .btn-toggle-filter{
	margin-left: auto;
}

@media screen and ( min-width: 768px ) {
	
	#occasions .filter-sidebar{
		right: 0;
		transition: 0.5s right ease-in-out;
		width: 400px;
	}
	
	#occasions .filter-sidebar.collapsed{
		z-index: 1000;
		right: -400px;
		opacity: 1;
	}
}

.grid-container .list{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.grid-container .list .item.occasion{
	flex: 0 0 calc((100% / 1) - 10px);
	border-radius: 8px;
	padding-bottom: 10px;
	background-color: #000 !important;
}

@media screen and ( min-width: 768px ) {
	.grid-container .list .item.occasion{
		flex: 0 0 calc((100% / 2) - 10px)
	}
}

.grid-container .pagination{
	margin: 1em auto;
	text-align: center;
}

.grid-container .pagination .page-numbers{
	margin: 0 5px;
}

.grid-container .pagination .page-numbers:not(.next):not(.prev){
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid var(--color-primary);
	color: var(--color-primary);
	text-align: center;
	text-decoration: none
}

.grid-container .pagination .page-numbers.current{
	background-color: var(--color-primary);
	color: #fff !important;
}

.grid-container .pagination .page-numbers.next,
.grid-container .pagination .page-numbers.prev{
	text-decoration: none;
}

#occasions .toolbar{
	display: flex;
	-webkit-display: flex;
	margin-bottom: 20px;
	gap: 10px;
	align-items: center;
}

#occasions .toolbar div.ms-auto{
	margin-left: auto;
}

#occasions .toolbar div.ms-auto button{
	padding-top: 12px;
	padding-bottom: 12px;
	margin-right: 10px;
	background-color: transparent;
	color: #fff;
	border: 1px solid var(--color-primary);
}

#occasions .toolbar div select{
	background-color: transparent !important;
	color: #fff !important;
	border: 1px solid var(--color-primary) !important;
	height: 100%;
}

#occasions .toolbar div select option{
	color: #000 !important;
}


#occasions .toolbar .vehicle-filter {
	margin-left: auto;
}

#occasions .toolbar .vehicle-filter .btn-toggle-filter{
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 11px !important;
	padding-bottom: 11px !important;
}

@media screen and ( max-width: 500px ) {
	
	#occasions .toolbar{
		flex-wrap: wrap;
		gap: 5px;
	}
	
	#occasions .toolbar .vehicle-count{
		flex: 0 0 100%;
	}
	
	#occasions .toolbar .vehicle-filter {
		margin-left: 0;
	}
	
	#occasions .toolbar .vehicle-filter .btn-toggle-filter{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	#occasionSort{
		font-size: 14px !important;
	}
}

/*
 * #####################################
 * CATEGORIE BLOCKS
 * #####################################
 */
.cat-blocks{
	margin-bottom: 2em;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(1, 1fr);
}

.cat-blocks .child-cat{
	text-align: left;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	min-height: 292px;
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.cat-blocks .child-cat .overlay-cover{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background-color: #000;
	opacity: .6;
	z-index: 10;
	transition: .25s opacity ease-in-out;
}

.cat-blocks .child-cat .content{
	z-index: 20;
	padding: 15px;
	position: relative;
	margin-top: auto;
}

.cat-blocks .child-cat .content h4{
	display: block;
	font-weight: 600;
}

.cat-blocks .child-cat .content a{
	color: #fff;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 8px;
	padding: 8px 30px;
	font-weight: 600;
}


.cat-blocks .child-cat .cat-image{
	border: none;
	  bottom: 0;
	  box-shadow: none;
	  height: 100%;
	  left: 0;
	  margin: 0;
	  max-height: none;
	  max-width: none;
	  object-fit: cover;
	  outline: none;
	  padding: 0;
	  position: absolute;
	  right: 0;
	  top: 0;
	  width: 100%;
}

.cat-blocks .child-cat:hover .overlay-cover{
	opacity: 0.3;
}

.cat-blocks .child-cat .content a:hover{
	background-color: #fff;
	color: #000;
}

@media screen and ( min-width: 500px ) {
	.cat-blocks{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and ( min-width: 768px ) {
	
	.cat-blocks{
		text-align: center;
		margin-bottom: 2em;
		grid-template-columns: repeat(3, 1fr);
	}
	
	.cat-blocks .child-cat{
		background-color: #000;
		position: relative;
	}

	
	.cat-blocks .child-cat .cat-image{
		display: block;
	}

}


@media screen and ( min-width: 921px ) {
	
	.cat-blocks{
		text-align: center;
		margin-bottom: 2em;
		grid-template-columns: repeat(4, 1fr);
	}
}

.employees .employee {
	margin-bottom: 50px;
}

.employees .employee > div{
	align-items: center;
	align-content: center;
}

.employees .employee > div .details .contact {
	margin-top: 10px;	
}

.employees .employee > div .details .contact a{
	text-decoration: none;
}

.employees .employee > div .details .contact a i{
	color: var(--color-primary);
}

@media screen and ( min-width: 768px ) {
	.employees .employee > div .details{
		padding-left: 50px;
	}
}


/*
 * FOOTER
 */
.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-mobile-stack .site-footer-section{
	padding-left: 20px;
	padding-right: 20px;
}


.ast-builder-social-element{
	border: 1px solid #9D9D9D;
	border-radius: 8px;
}

.gform-body input[type="color"], 
.gform-body input[type="date"], 
.gform-body input[type="datetime-local"], 
.gform-body input[type="datetime"], 
.gform-body input[type="email"], 
.gform-body input[type="month"], 
.gform-body input[type="number"], 
.gform-body input[type="password"], 
.gform-body input[type="search"], 
.gform-body input[type="tel"], 
.gform-body input[type="text"], 
.gform-body input[type="time"], 
.gform-body input[type="url"], 
.gform-body input[type="week"], 
.gform-body select, 
.gform-body textarea{
	background-color: #181818 !important;
	color: #fff !important;
}

.gform-body .gfield_label{
	color: #a3a3a3;
	font-weight: 300 !important;
}


.ginput_container.ginput_container_consent input[type="checkbox"],
.ginput_container.ginput_container_consent label{
	display: inline !important;
}



#klantenvertellen .rating-container{
	position: relative;
	width: 80px;
	height: 80px;
	display: inline-block;
	padding: 15px;
}

#klantenvertellen .rating-container .rating{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-weight: 700;
	font-size: 18px;
}

#klantenvertellen .rating-text{
	width: 145px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.4;
	color: #fff;
	margin-left: 5px;
	font-size: 14px;
	text-align: center;
	display: none;
}

@media screen and ( max-width: 500px ) {
	#klantenvertellen .rating-container{
		width: 70px;
		height: 70px;
		padding: 10px;
	}
	
	#klantenvertellen .rating-container .rating{
		font-size: 16px
	}
}

@media screen and ( min-width :921px ){
	
	#klantenvertellen .rating-container{
		padding: 10px;
	}
	
	#klantenvertellen .rating-container .rating{
		font-size: 22px;
	}
	
	#klantenvertellen .rating-text{
		display: inline-block;
	}
	
}

@media screen and ( min-width: 550px ) and ( max-width: 921px ) {
	.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row{
		grid-template-columns: repeat( 2,1fr ) !important;
	}	
}


/* 1. De container voorbereiden */
.video-cover {
    position: relative !important;
    overflow: hidden;
    padding: 0 !important;
    min-height: auto !important;
}

/* 2. De inner-container van WordPress dwingen naar jouw specs */
.video-cover .wp-block-cover__inner-container {
    width: 100% !important;
    max-width: 100% !important;
    height: 38vw !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

/* 3. De video positioneren */
.video-cover .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    max-width: 100% !important;
}

.video-cover .video-background iframe {
    width: 100%;
    height: 100%;
    pointer-events: none;
    object-fit: cover;
    border: none;
    height: 56vw;
}

/* 4. De overlay (WordPress eigen klasse binnen jouw .video-cover) */
.video-cover .wp-block-cover__background {
    z-index: 1 !important;
    pointer-events: none;
}

/* 5. Jouw tekstgroep naar voren */
.video-cover .cover-video-tekst {
    position: relative;
    z-index: 2 !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 768px) {
	
	.video-cover .video-background {
	    position: relative;
	}
	
	.video-cover .video-background iframe{
		
	}
	
    .video-cover .wp-block-cover__inner-container {
        height: auto !important; /* Iets groter op mobiel om tekst leesbaar te houden */
       flex-direction: column;
    }
    
    
}


.video-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.video-popup.active {
  display: flex;
}

.video-popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.video-popup-content {
  position: relative;
  width: 80%;
  max-width: 800px;
  aspect-ratio: 16 / 9;
}

.video-popup-content iframe {
  width: 100%;
  height: 100%;
}


.qlwapp__text{
	font-family: 'Poppins',sans-serif !important;
}


@media screen and ( max-width: 500px ) {
	body:not(.home) .wp-block-columns{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}