/*
 * Theme Name: Yooker Theme
 * Description: Yooker Theme
 * Template: Impreza
 * Version: 1.0
 * Author:	Yooker
 * Theme URI: https://yooker.nl
 * Author URI: https://yooker.nl
*/


/* Headings */
.heading-1 { font-family: var(--h1-font-family); font-size: var(--h1-font-size); line-height: var(--h1-line-height); font-weight: var(--h1-font-weight); text-transform: var(--h1-text-transform); font-style: var(--h1-font-style); letter-spacing: var(--h1-letter-spacing); margin-bottom: var(--h1-margin-bottom); }
.heading-2 { font-family: var(--h2-font-family); font-size: var(--h2-font-size); line-height: var(--h2-line-height); font-weight: var(--h2-font-weight); text-transform: var(--h2-text-transform); font-style: var(--h2-font-style); letter-spacing: var(--h2-letter-spacing); margin-bottom: var(--h2-margin-bottom); }
.heading-3 { font-family: var(--h3-font-family); font-size: var(--h3-font-size); line-height: var(--h3-line-height); font-weight: var(--h3-font-weight); text-transform: var(--h3-text-transform); font-style: var(--h3-font-style); letter-spacing: var(--h3-letter-spacing); margin-bottom: var(--h3-margin-bottom); }
.heading-4 { font-family: var(--h4-font-family); font-size: var(--h4-font-size); line-height: var(--h4-line-height); font-weight: var(--h4-font-weight); text-transform: var(--h4-text-transform); font-style: var(--h4-font-style); letter-spacing: var(--h4-letter-spacing); margin-bottom: var(--h4-margin-bottom); }
.heading-5 { font-family: var(--h5-font-family); font-size: var(--h5-font-size); line-height: var(--h5-line-height); font-weight: var(--h5-font-weight); text-transform: var(--h5-text-transform); font-style: var(--h5-font-style); letter-spacing: var(--h5-letter-spacing); margin-bottom: var(--h5-margin-bottom); }
.heading-6 { font-family: var(--h6-font-family); font-size: var(--h6-font-size); line-height: var(--h6-line-height); font-weight: var(--h6-font-weight); text-transform: var(--h6-text-transform); font-style: var(--h6-font-style); letter-spacing: var(--h6-letter-spacing); margin-bottom: var(--h6-margin-bottom); }

/* Separators */
.w-separator.size_small { height: 1rem !important; }
.w-separator.size_medium { height: 2rem !important; }
.w-separator.size_large { height: 4rem !important; }
.w-separator.size_huge { height: 8rem !important; }


/* - Algemeen - */
.no-click { pointer-events: none; } /* Clickthrough */
.overflow-slider .owl-stage-outer { overflow: visible; } /* Overflowing slider */
.logo-main i { color: var(--color-content-primary);} /* Logo main color */
.logo-secondary i { color: var(--color-content-secondary); } /* Logo secondary color */
.contain-img img { object-fit: contain !important; }
.break-word { word-break: break-word; }

.logo-slider img {
    filter: grayscale(1);
    transition: filter 250ms ease-in-out;
}
.logo-slider img:hover { filter: grayscale(0); }

/* Scrollbar */
body::-webkit-scrollbar { width: 1em; }
body::-webkit-scrollbar-track { background:#fff; }
body::-webkit-scrollbar-thumb { background-color: var(--color-content-primary); }

/* Home */
#home-banner .l-section-img,
#content-banner .l-section-img {
    /* background-size: 66% auto; */
    background-size: cover;
    background-repeat: no-repeat;

    background-position: right calc(var(--header-height) / 2) !important;

    max-width: 66%;
    margin-left: auto;
}

@media screen and (max-width: 600px) {
    #home-banner .l-section-img,
    #content-banner .l-section-img {
        background-position: 75% calc(var(--header-height) / 2) !important;
    }
}
@media screen and (max-width: 1024px) {
    #home-banner .l-section-img,
    #content-banner .l-section-img {
        max-width: 100%;
        margin-left: unset;
        background-position: center calc(var(--header-height) / 2);
    }

	/* Homepage social proof (onder zoekbalk, hero sectie) */
	#social-proof-info { flex-direction: row !important; }
}

#home-banner.background-top::before,
#content-banner.background-top::before {
    background-position: top right;
}


.stretched-cover-image .w-image-h {
    height: 100%;
    width: 100%;
}

body :not(#home-banner):not(#content-banner) .wpb_column.stretched > .vc_column-inner { padding: 0 !important; }
body :not(#home-banner):not(#content-banner) .wpb_column.stretched:has(.w-image.stretched-cover-image) > .vc_column-inner > .wpb_wrapper,
body :not(#home-banner):not(#content-banner) .wpb_column.stretched:has(.w-image.stretched-cover-image) > .vc_column-inner > .wpb_wrapper > .w-image.stretched-cover-image {
    height: 100%;
    width: 100%;
}

@media screen and (max-width: 1300px) {
	/* Homepage social proof (onder zoekbalk, hero sectie) */
	#social-proof-info { flex-direction: column; }
}

@media (min-width: 1025px) and (max-width: 1360px) {
    .g-cols.via_flex.type_default > .wpb_column.stretched {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* Gforms */
.gform_required_legend { display: none; }

/* GForms error message */
.page-contact #gform_wrapper_1 .gfield_validation_message,
.page-contact #gform_wrapper_1 .validation_message,
.page-contact #gform_wrapper_1 .gfield_error label,
.page-contact #gform_wrapper_1 [aria-invalid=true]+label,
.page-leerpad #gform_wrapper_5 .gfield_validation_message,
.page-leerpad #gform_wrapper_5 .validation_message,
.page-leerpad #gform_wrapper_5 .gfield_error label,
.page-leerpad #gform_wrapper_5 [aria-invalid=true]+label {
	color: #ffd0c7 !important;
}

.page-contact #gf_1 .gform_confirmation_message {
	color: #fff !important;
}

/* Cookie Banner */
.seopress-user-consent {
	font-size: 1rem !important;
	padding: 0.75rem !important;
	background: #f7f7f7 !important;
	border-right: 0 !important;
}
.seopress-user-consent p a:first-child {
	content: '';
    background-image: url('/wp-content/uploads/2022/01/yooker-cookies.png');
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: cover;
    margin-bottom: -11px;
    margin-right: 13px;
}
.seopress-user-consent #seopress-user-consent-accept {
	background: var(--color-content-primary);
    color: #fff;
    padding: 0.5rem 2rem;
    font-size: 13px;
    font-weight: 600;
	margin-left: 50px;
	border: none;
	cursor: pointer;
	transition: all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close {
    background: none;
    border: none;
    font-size: 13px;
    padding: 3px 20px;
    font-weight: 600;
    color: #000;
    transition: all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close:hover {
    border: none;
    background: none;
    color: red;
    transition: all ease .3s;
}
.seopress-user-consent p a:nth-child(2) { text-decoration: underline; }
.seopress-user-consent p { padding-bottom: 0 !important; }

/* Ontdek de mogelijkheden voor, possibilities cards */
.custom-col-possibility ul { margin-left: 1.5rem !important; }
/* .custom-col-possibility {
    overflow: hidden;
} */
/* .custom-col-possibility .w-vwrapper {
    position: relative;
    transform-origin: center center;
    background-size: 150% !important;
    background-position: center;
    transition: background-size 275ms ease-in-out;
}
.custom-col-possibility .w-vwrapper > * {
    position: relative;
    z-index: 1;
}
.custom-col-possibility:hover .w-vwrapper {
    background-size: 170% !important;
} */
/* Centered card */
/* .custom-col-possibility-center:after {
	background: url("https://knowhouse.yookerdesign.nl/wp-content/uploads/2025/09/blue-blocks.svg") no-repeat;
    transform: translateX(0px) translateY(0px);
    width: 154px;
    height: 102px;
    bottom: 0;
	align-self: center;
}
.custom-col-possibility-center:hover::after { transform: translateX(83px) translateY(83px); } */

/* Left card */
/* .custom-col-possibility-left::after {
	background: url('https://knowhouse.yookerdesign.nl/wp-content/uploads/2025/09/green-blocks.svg') no-repeat;
    width: 154px;
    height: 154px;
    bottom: 0;
    left: 0;
}
.custom-col-possibility-left:hover:after { transform: translateX(-131px) translateY(-70px); } */

/* Right card */
/* .custom-col-possibility-right::after {
    background: url('https://knowhouse.yookerdesign.nl/wp-content/uploads/2025/09/yellow-blocks.svg') no-repeat;
    width: 153px;
    height: 153px;
    bottom: 0;
    right: 0;
}
.custom-col-possibility-right:hover:after {
    transform: translateX(110px) translateY(42px);
}
.custom-col-possibility:after {
	content: "";
    position: absolute;
    transform: translateX(0px) translateY(0px);
    pointer-events: none;
    transition: transform 275ms ease-in-out;
} */
.custom-col-possibility-left,
.custom-col-possibility-center,
.custom-col-possibility-right {
    position: relative;
}

.custom-col-possibility-left .w-image,
.custom-col-possibility-center .w-image,
.custom-col-possibility-right .w-image {
    transition: opacity 0.2s ease;
}

/* Tweede afbeelding over de eerste */
.custom-col-possibility-left .w-image:nth-of-type(2),
.custom-col-possibility-center .w-image:nth-of-type(2),
.custom-col-possibility-right .w-image:nth-of-type(2) {
    opacity: 0;
    visibility: hidden;
	display: none;
}

/* Hover */
.custom-col-possibility-left.is-hovered .w-image:nth-of-type(1),
.custom-col-possibility-center.is-hovered .w-image:nth-of-type(1),
.custom-col-possibility-right.is-hovered .w-image:nth-of-type(1) {
    opacity: 0;
	visibility: hidden;
	display: none;
}

.custom-col-possibility-left.is-hovered .w-image:nth-of-type(2),
.custom-col-possibility-center.is-hovered .w-image:nth-of-type(2),
.custom-col-possibility-right.is-hovered .w-image:nth-of-type(2) {
    opacity: 1;
    visibility: visible;
	display: block;
}

/* Custom Yellow Shape */
/* .custom-yellow-shape::before {
	content: '';
    background: url('https://knowhouse.yookerdesign.nl/wp-content/uploads/2025/09/yellow-blocks-2.svg');
    bottom: 0;
    left: 0;
    transform: translateY(24px);
    position: absolute;
    width: 120px;
    height: 48px;
} */

/* 4 USPS blocks section */
.usps-blocks-wrapper .l-section-h {
	border: 2px solid rgba(4, 96, 169, 0.06);
	padding: 50px;
}
.usps-blocks-wrapper .l-section-h::before {
    top: 0;
    right: 0;
    transform: translateX(50px) translateY(-24px);
}

/* Homepagina "Waarom Knowhouse werkt" section */
/* .homepage-image-block .vc_column-inner .wpb_wrapper:before {
    top: 0;
    right: 0;
    transform: translate(0px, -24px);
}
.usps-blocks-wrapper .l-section-h:before, .homepage-image-block .vc_column-inner .wpb_wrapper:before {
	content: '';
    background: url('https://knowhouse.yookerdesign.nl/wp-content/uploads/2025/09/green-blocks-2.svg');
    position: absolute;
	width: 120px;
    height: 48px;
	z-index: 2;
} */

/* Offer list filter custom styling */
/* .filter-section-wrapper {
  position: sticky;
  top: 80px;
  z-index: 2;
  background: white;
} */
/* .filter-section-wrapper.is-sticky:after {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 21.6%, rgba(0, 0, 0, 0.10) 100%);
	height: 125px;
	width: 100%;
} */

/* .offer-list-filter .w-filter-list {
	display: flex;
    justify-content: space-between;
	align-items: flex-start;
    gap: 24px;
}
.offer-list-filter .w-filter-list::before {
    position: absolute;
    content: '';
    background: url('https://knowhouse.yookerdesign.nl/wp-content/uploads/2025/09/yellow-blocks-2.svg');
    justify-self: center;
    left: 0;
    width: 120px;
    height: 48px;
    transform: rotate(-90deg) translateX(-8px) translateY(-60px);
}
.offer-list-filter .w-filter-list .w-filter-item { flex: 1; }
.offer-list-filter .w-filter-list .w-filter-item { border: 2px solid rgba(4, 96, 169, 0.15); }
.offer-list-filter .w-filter-list .w-filter-item-title { padding: 1em 2em 1em 1em; }
.offer-list-filter .w-filter-list .w-filter-item-title:after { margin-right: 1em; }
.offer-list-filter .w-filter-list .w-filter-item .w-filter-item-content {
	margin-bottom: 1em;
    margin-top: 1em;
    margin-left: 1em;
}
.offer-list-filter .w-filter-list .w-filter-item .w-filter-item-content .w-filter-item-values .w-filter-item-value input[type=checkbox] {
	border: 1px solid #D9D9D9;
    border-radius: 8px !important;
}
.offer-list-filter .w-filter-list .w-filter-item .w-filter-item-content .w-filter-item-values .w-filter-item-value input:checked::before { visibility: hidden; }
.offer-list-filter .w-filter-list .w-filter-item .w-filter-item-content .w-filter-item-values .w-filter-item-value input:checked {
	border-color: #F6A926;
	background: #F6A926;
} */

/* Cursus Custom Link (Aanbod Detail Pagina) */
.custom-cursus-link > div.wpb_wrapper > a {
    font-weight: 500 !important;
    background: none;
    width: 100%;
}
.custom-cursus-link > div.wpb_wrapper > a:hover { background: none; }

/* START customizer */

/* Header */
#page-header { font-family: gingerround; }
.l-subheader.at_middle {
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
/* .l-subheader.at_bottom {
    background-color: #00A64E !important;
    color: #fff !important;
} */
 /* .aanbod-knop .w-nav-title::before {
    content: "\f19d";
    font-family: "fontawesome";
    font-weight: 900;
    margin-right: 8px;
} */
.l-header .w-nav .w-nav-anchor.level_1 .w-nav-arrow:before { color: #909296; }

/* Contact page */
.page-contact textarea,
.page-leerpad textarea {
	border-radius: 1rem !important;
}
.page-contact .gform_wrapper .ginput_container_consent a:not(#page-footer a),
.page-aanmelden-winactie .gform_wrapper .ginput_container_consent a:not(#page-footer a) {
	color: #fff;
	text-decoration: underline;
}
.page-aanmelden-winactie .l-subheader.at_bottom {
	display: none;
}
.page-contact .gform_wrapper .gform_button.button[type="submit"]:not(#page-footer .gform_button.button) {
    border-color: var(--color-content-primary);
}
.page-contact .contact-page-content a {
    color: var(--color-content-secondary);
    text-decoration: underline;
}

/* Hero banner */
.hero-image-slider .rsNav  {
	position: absolute;
	bottom: 20px;
	right: 20px;
	justify-content: right;
}
.hero-image-slider .rsBullet span {
	background: #fff;
	opacity: 1 !important;
	box-shadow: 0 0 0 2px !important;
	color: #fff;
}
.hero-image-slider .rsBullet.rsNavSelected span { background: #0460A9 !important; }
/* .w-search  { overflow: hidden !important; } */
.w-search.layout_simple .w-btn {
    /* bg = #F2F7FA */

    background: #006CB7 !important;
    color: #fff !important;
    width: 35px !important;
    height: 35px;
    font-weight: 10px !important;
    border-radius: 200px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}
.w-search.layout_simple input {
	box-shadow: 0 0px 6px 3px rgba(0, 0, 0, 0.15);
	padding: 0.5rem 1.5rem !important;
}
.w-search.layout_simple .w-btn  i {
	font-weight: 400 !important;
	font-size: 16px;
}

/* Newsletter */
#page-footer #gform_2 {
	position: relative;
}
.gform-newsletter .gform_wrapper  { position: relative !important; }
.gform-newsletter .gform-footer {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 !important;
	padding: 0 !important;
}
.gform-newsletter .gform-footer .gform_button {
    height: 46px;
    line-height: 40px !important;
    padding-top: 0 !important;
    padding-right: 50px !important;
    padding-bottom: 0 !important;
}
.gform-newsletter .gform-footer:hover::after { transform: translatex(5px); }
.gform-newsletter .gform-footer::after {
	font-weight: 200;
	content: '\f061';
	vertical-align: middle !important;
	margin-top: auto;
	font-family: FontAwesome;
	margin-bottom: auto;
	padding-right: 0;
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	vertical-align: middle;
	color: #fff; 
	transition: .3s all !important;
	right: 25px;
	pointer-events: none;
	line-height: 44px;
}

.gform-newsletter .gform_wrapper  { margin-bottom: 0 !important; }
.gform-newsletter .gform_wrapper.gravity-theme .gform-loader { display: none !important; }
.gform-newsletter input[type="checkbox"] { border-radius: 8px !important; }
.gform-newsletter .gfield_consent_label { font-style: italic; }
.gform-newsletter .gfield_consent_label a { text-decoration: underline; }

@media only screen and (max-width: 600px) {
	.gform-newsletter .gform-footer {
		position: relative !important;
		margin-top: 20px !important;
		width: max-content;
	}
}

/* Shapes */
/* .shape-yellow { position: relative !important; }
.shape-yellow::before {
	content: "";
	position: absolute;
	top: -25px;
	bottom: 0;
	right: 50px;
	width: 125px !important;
	background-image: url("https://knowhouse.yookerdesign.nl/wp-content/uploads/2025/08/shape-yellow.svg");
	background-repeat: no-repeat !important;
	background-size: 100%;
}
.shape-green::before {
	content: "";
	position: absolute;
	top: -25px;
	bottom: 0;
	right: 50px;
	width: 125px !important;
	background-image: url("https://knowhouse.yookerdesign.nl/wp-content/uploads/2025/08/shape-green.svg");
	background-repeat: no-repeat !important;
	background-size: 100%;
} */

/* Highlight wipe */

.hl-wipe {
    position: relative;
    display: inline-block;
    margin-left: 11px !important;
    margin-right: 11px !important;
    --hl-color: #fad1c6;
    --hl-xpad: .35em;
    --hl-delay: .2s;
    --hl-duration: .9s;
    opacity: 1;
    animation: none;
}

.hl-wipe::before {
    content: '';
    position: absolute;
    left: calc(-1.5 * var(--hl-xpad));
    right: calc(-1.5 * var(--hl-xpad));
    top: -0.15em;
    bottom: -0.15em;
    background: var(--hl-color);
    z-index: -1;
    transform: scaleX(0);
    transform-origin: left center;
    animation: none;
}
.hl-wipe-red { --hl-color: #EE2331; }
.hl-wipe-orange { --hl-color: #F89F1C; }
.hl-wipe-green { --hl-color: #00A64E; }
.hl-wipe-purple { --hl-color: #C2519F; }
.hl-wipe-red,
.hl-wipe-orange,
.hl-wipe-green {
    color: #fff;
}
.hl-wipe-purple { color: #000; }

#home-banner .hl-wipe,
#content-banner .hl-wipe {
    animation: hl-text .3s ease var(--hl-delay) forwards;
}
#home-banner .hl-wipe::before,
#content-banner .hl-wipe::before {
    animation: hl-swipe var(--hl-duration) cubic-bezier(.22, .9, .25, 1) var(--hl-delay) forwards;
}
/* Overige highlights animeren zodra JavaScript .is-visible toevoegt */
.hl-wipe.is-visible { animation: hl-text .3s ease var(--hl-delay) forwards; }
.hl-wipe.is-visible::before { animation: hl-swipe var(--hl-duration) cubic-bezier(.22, .9, .25, 1) var(--hl-delay) forwards; }

@keyframes hl-swipe {
    to { transform: scaleX(1); }
}
@keyframes hl-text {
    to { opacity: 1; }
}


/* Custom block: Possibilities */
.custom-inner-row-possibilities {
	flex-wrap: nowrap !important;
}
.custom-col-possibility .vc_column-inner {
	transform: scale(1);
	transition: transform 250ms ease;
}
@media (hover: hover) and (pointer: fine) {
	.custom-col-possibility:hover .vc_column-inner {
		transform: scale(1.1);
		z-index: 1;
	}
}
.custom-col-possibility-center,
.custom-col-possibility-left,
.custom-col-possibility-right {
	z-index: 0;
	margin-left: 1rem;
	margin-right: 1rem;
}
.custom-col-possibility * {
	z-index: 1;
}

/* Responsive */
@media only screen and (max-width: 1024px) {
    .buttons-themes {
        gap: 1rem;
        flex-wrap: wrap;
    }
	.buttons-themes .w-btn  { width: 100% !important; }
	.custom-col-possibility-center  {
        z-index: 1;
        transform: scale(1);
    }
	.custom-inner-row-possibilities {
		flex-wrap: wrap !important;
		gap: 2rem;
	}
}

/* @media only screen and (max-width: 600px) {
	.buttons-themes > div { width: 100% !important; }
} */

/* Cursus */
.cursus-wat-leer-je ul {
	display: flex !important;
	flex-wrap: wrap;
	margin: 0;
}
.cursus-wat-leer-je ul li {
	width: 50%;
	list-style: none;
	display: flex;        
}
.cursus-wat-leer-je ul li::before {
	content: "\f336";
	font-family: FontAwesome;
	min-width: 40px;
	justify-content: center;
	margin-right: 8px;  
	font-weight: bold;
	font-size: 32px;
	color: #019535;
}

/* Cursus/Learning grid-weergave */
.w-grid-item.type-aanbod .post_content,
.w-grid-item.type-aanbod .post_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.w-grid-item.type-aanbod .prijs_va,
.single-aanbod .w-post-elm.prijs_va {
	display: flex;
}
.w-grid-item.type-aanbod { position: relative; }
/* .w-grid-item.type-aanbod::before {
    content: '';
    position: absolute;
    background-image: url('/wp-content/uploads/2026/06/label-nieuw.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 87px;
    aspect-ratio: 47 / 40;
    top: 3px;
    left: 40px;
    z-index: 1;
    pointer-events: none;
} */
.w-grid-item.type-aanbod .learning-label {
    display: flex;
    align-items: center;
    text-align: center;
	justify-content: center;
}
.w-grid-item .learning-label::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    width: 15px;
    height: 15px;
    aspect-ratio: 1;
    background: black;
}
.w-grid-item.type-aanbod .post_custom_field.prijs_va .w-post-elm-before {
	font-size: 1rem;
    font-family: var(--h1-font-family);
}
.w-grid-item.type-aanbod .w-btn.knowhouse-open-offerte-popup {
    width: 45px;
    justify-content: center;
    display: flex;
    aspect-ratio: 1;
    align-items: center;
    padding: unset;
}
.w-grid-item.type-aanbod .w-btn.knowhouse-open-offerte-popup .w-btn-label { display: none; }
.w-grid-item.type-aanbod .w-btn.knowhouse-open-offerte-popup i { margin: 0; }
.w-grid-item.type-aanbod .knowhouse-offerte-action-message { display: none; }

/* Grid weergave post */
.w-grid-item.type-post .usg_vwrapper_2,
.w-grid-item.type-post .usg_vwrapper_1 {
	flex: 1;
}

/* Homepagina */
.block-graphic-1, .block-graphic-2 { position: relative; }

/* ========================================
   Programma timeline
   Shortcode: [programma_timeline]
======================================== */
.program-timeline {
	--timeline-color: #ff203d;
	--timeline-text: #000;
	--timeline-muted: #b9b9b9;
	--timeline-background: #fff;

	width: 100%;
}
.program-timeline__inner { width: 100%; }
.program-timeline__list {
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.program-timeline__item {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	padding: 0 15px;
	text-align: center;
}
/* Horizontale rode lijn */
.program-timeline__item::before,
.program-timeline__item::after {
	content: '';
	position: absolute;
	top: 21px;
	height: 1px;
	background: var(--timeline-color);
	z-index: 1;
}
.program-timeline__item::before {
	left: 0;
	right: 50%;
}
.program-timeline__item::after {
	left: 50%;
	right: 0;
}
.program-timeline__item:first-child::before { left: -999px; }
.program-timeline__item:last-child::after { right: -999px; }
.program-timeline__heading {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 42px;
}
.program-timeline__number {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 58px;
	padding: 0 10px;
	background: var(--timeline-background);
	color: var(--timeline-text);
	font-family: var(--h1-font-family, inherit);
	font-size: 34px;
	font-weight: 500;
	line-height: 1;
}
.program-timeline__item--active .program-timeline__number { color: var(--timeline-color); }
.program-timeline__content { margin-top: 2px; }
.program-timeline__step-title {
	display: none;
	max-width: 190px;
	margin: 0 auto;
	color: var(--timeline-text);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.25;
}
.program-timeline__description {
	max-width: 190px;
	margin: 4px auto 0;
	color: var(--timeline-text);
	font-size: 15px;
	line-height: 1.3;
    font-weight: 500;
}
.program-timeline__description p { margin: 0; }
.program-timeline__item--active .program-timeline__step-title, .program-timeline__item--active .program-timeline__description { color: var(--timeline-color); }
.program-timeline__duration { display: none; }
.program-timeline__next-placeholder {
	position: relative;
	z-index: 2;
	display: block;
	width: 70px;
	height: 20px;
	background: var(--timeline-background);
}
.program-timeline__item--next:last-child .program-timeline__next-placeholder { opacity: 0; }
.program-timeline__next-text {
	display: block;
	margin-top: 3px;
	color: var(--timeline-muted);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.25;
}

/* Mobiel */
@media (max-width: 767px) {
	.program-timeline { overflow: visible; }
	.program-timeline__list {
		position: relative;
		display: block;
	}
	.program-timeline__list::before {
		content: '';
		position: absolute;
		top: 20px;
		bottom: 20px;
		left: 18px;
		width: 1px;
		background: var(--timeline-color);
	}
	.program-timeline__item {
		display: grid;
		grid-template-columns: 55px 1fr;
		align-items: start;
		margin-bottom: 25px;
		padding: 0;
		text-align: left;
	}
	.program-timeline__item::before, .program-timeline__item::after { display: none; }
	.program-timeline__heading {
		height: auto;
		justify-content: flex-start;
	}
	.program-timeline__number {
		min-width: auto;
		padding: 0 8px 0 0;
		font-size: 28px;
	}
	.program-timeline__content { margin-top: 2px; }
	.program-timeline__step-title,
	.program-timeline__description {
		max-width: none;
		margin-right: 0;
		margin-left: 0;
	}
	.program-timeline__step-title { font-size: 15px; }
	.program-timeline__next-placeholder {
		width: 36px;
		height: 25px;
	}
	.program-timeline__next-text { margin-top: 3px; }
}

/* Aanbod/Cursus/Learning detailpagina */
.single-aanbod .l-subheader.at_bottom { display: none; }

/* Klantverhaal detailpagina */
.single-klantverhaal .hero-breadcrumbs a { color: inherit; }
.single-klantverhaal .post_custom_field.klantverhaal h1 { font-size: 2.3rem !important; }

/* Learning sale */
.learning-sale-price { position: relative; }
.learning-sale-price::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% + 0px);
    height: 3px;
    background: #EE2331;
    transform: translate(-50%, -50%) rotate(30deg);
}
.learning-price-label {
    font-size: 1rem;
    font-family: var(--h1-font-family);
}
.learning-new-price {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
}

/* Footer */
.vc_wp_custommenu li { margin-bottom: 10px; }
.l-footer { box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08); }
.l-footer #menu-legal-menu a:hover { text-decoration: underline; }

/* Replace carousel arrows */
.carousel-nav-bottom .owl-prev {
	position: absolute;
	right: 6.5rem !important;
	top: unset !important;
	bottom: 0 !important;
	border: 2px solid #fff;
	left: unset !important;
}
.carousel-nav-bottom .owl-next {
	position: absolute;
	right: 2rem !important;
	top: unset !important;
	bottom: 0 !important;
	border: 2px solid #fff;
	left: unset !important;
}
/* END customizer */

/* Overwrite carousel navigation arrows icon(s) */
.owl-nav .owl-prev::after{ content: '\f177' !important; }
.owl-nav .owl-next::after { content: '\f178' !important; }

/* Single aanbod (detailpagina) */
.single-aanbod .post_custom_field.pagina_titel h1 { padding: 0 !important; }

/* Inklapbare tekst */
.post_custom_field.wat_je_leert {
	position: relative;
	overflow: hidden;
	transition: max-height 0.4s ease;
}
.post_custom_field.wat_je_leert.wat-je-leert--collapsed { max-height: 300px; }
/* Witte verlooplaag onderaan de tekst */
.post_custom_field.wat_je_leert.wat-je-leert--collapsed::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100px;
	pointer-events: none;
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0),
		#fff
	);
}
.post_custom_field.wat_je_leert.wat-je-leert--expanded { max-height: none; }
.wat-je-leert-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 20px auto 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #8c8c8c;
	cursor: pointer;
}
.wat-je-leert-toggle svg {
	width: 28px;
	height: 28px;
	fill: none;
	stroke: currentColor;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 0.3s ease;
}
.wat-je-leert-toggle.is-active svg { transform: rotate(180deg); }

.equal-height-blocks .vc_column-inner > .wpb_wrapper { height: 100%; }

/* Contact floating wrapper */
#home-banner .floating-contact-wrapper,
#content-banner .floating-contact-wrapper {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(50%);

	display: flex;
	align-items: flex-start;
	gap: 1.5rem;

	background: rgba(255, 255, 255, 0.7);
	padding: 0.75rem 1.75rem;
	z-index: 10;
}
.floating-contact-wrapper .floating-contact-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    text-decoration: none;
    color: #f72535;
    font-size: 0.85rem;
}
.floating-contact-wrapper .floating-contact-item i {
	font-size: 1.5rem;
	margin: 0;
}
.floating-contact-wrapper .floating-contact-item span {
	line-height: 1;
	font-size: 0.9rem;
}
body.header_hor .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 { top: 99% !important; }
.w-nav.type_desktop.dropdown_slide .w-nav-list:not(.level_1) { top: 99.5% !important; }

.search-contact-cta { text-align: center; }
.search-contact-cta__text {
	max-width: 800px;
	margin: 1rem auto;
}

.leerpad-knop .far.fa-cart-plus::before,
.w-grid-item.type-aanbod .w-btn.knowhouse-open-offerte-popup:not(.is-added) i::before {
	content: '';
	display: block;
	background-image: url('/wp-content/uploads/2026/06/studiemutsje.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.leerpad-knop .far.fa-cart-plus::before {
	width: 32px;
	height: 32px;
}
.w-grid-item.type-aanbod .w-btn.knowhouse-open-offerte-popup:not(.is-added) i::before {
    width: 29px;
    height: 29px;
    filter: invert(1);
}

/* Zoekresultaten (search.php) */
.zoekresultaten_gridview .w-grid-list { --columns: 3; }
body.search #content-banner .floating-contact-wrapper { display: none; }
body.search .zoekresultaten_gridview .w-grid-item-h {
	/* border: 1px solid rgba(0, 0, 0, 0.15); */
	background: #DDF2FB;
    padding: 1rem;
	/* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05); */
}

body.search .zoekresultaten_gridview .w-post-thumbnail {
	aspect-ratio: 3 / 2;
	overflow: hidden;
	margin: -1rem -1rem 1rem;
	width: calc(100% + 2rem);
}

body.search .zoekresultaten_gridview .w-post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Mobile Responsive */
@media screen and (max-width: 600px){	
	/* Footer */
	footer .w-tabs-section.active:not(.has_text_color) > .w-tabs-section-header { color: #fff; }
	.seopress-user-consent #seopress-user-consent-accept{
		margin-left: inherit !important;
	}

    /* .tablet-stacking > .l-section-h > .g-cols > .wpb_column:nth-child(1) { margin-bottom: 2.5rem !important; }
	.tablet-stacking.tablet-stacking-reverse > .l-section-h > .g-cols > .wpb_column:nth-child(2) { margin-bottom: 2.5rem !important; }
	.tablet-stacking.tablet-stacking-reverse > .l-section-h > .g-cols > .wpb_column:nth-child(1) { margin-bottom: 0 !important; } */

    /* .owl-nav .owl-prev { transform: translateX(60%) translateY(-50%) !important; } */
    /* .owl-nav .owl-next { transform: translateX(-60%) translateY(-50%) !important; } */
    .owl-nav .owl-prev { padding: 0.5em 0.6em !important; }
    .owl-nav .owl-next { padding: 0.5em 0.6em !important; }

    /* Overwrite carousel navigation arrows placement */
    /* .carousel-nav-overlap .owl-nav .owl-prev { transform: translateX(75%) translateY(-50%) !important; } */
    /* .carousel-nav-overlap .owl-nav .owl-next { transform: translateX(-75%) translateY(-50%) !important; } */
    .carousel-nav-overlap .owl-nav .owl-prev { transform: translateX(-25%) translateY(0) !important; }
    .carousel-nav-overlap .owl-nav .owl-next { transform: translateX(25%) translateY(0) !important; }
	
	#home-banner .floating-contact-wrapper,
	#content-banner .floating-contact-wrapper {
		flex-direction: column;
		align-items: center !important;
		padding: 0.8rem !important;
		transform: translateY(25%) !important;
	}

	.w-grid.us_carousel.layout_3263 .owl-nav { --arrows-hor-offset: 1.5rem !important; }

	/* Aanbod grid-weergave */
	.w-grid-item.type-aanbod .aanbod-actions {
		flex-direction: column-reverse;
    	align-items: flex-start;
	}

	/* Zoekresulaten (search.php) */
	.zoekresultaten_gridview .w-grid-list { --columns: 1 !important; }
	body.search.search-results h1 { font-size: 32px !important; }

	/* Winactie */
	.l-subheader.at_bottom .w-text.ush_text_1 { display: none; }
}

/* Aanbod pagina */
.post-type-archive-aanbod .w-filter-item-value.us-btn-style_8:has(input:checked) {
	background: var(--color-content-secondary);
	color: #fff !important;
}
.post-type-archive-aanbod .w-filter-item-value.us-btn-style_8 {
	--btn-border-color: var(--color-content-secondary);
}

/* Tablet Responsive */
@media screen and (min-width: 601px) and (max-width: 1024px){
	.category-buttons-block > .vc_col-sm-3 {
		width: 100%;
		text-align: center;
		margin-bottom: 1rem;
	}
	.category-buttons-block > .vc_col-sm-9 { width: 100%; }
	
	/* Aanbod label */
	.w-grid-item.type-aanbod::before {
		width: 60px;
        top: 7px;
	}

	#home-banner .floating-contact-wrapper,
	#content-banner .floating-contact-wrapper {
		flex-direction: column;
		align-items: center !important;
		padding: 0.8rem !important;
		transform: translateY(-25%);
	}
	/* #home-banner .floating-contact-wrapper,
	#content-banner .floating-contact-wrapper {
		transform: translateY(25%) !important;
	} */
}

/* Mobile & Tablet */
@media screen and (max-width: 1024px) {
    /* Tablet stacking default */
	.tablet-stacking .g-cols > .wpb_column { width: 100%; }
	.tablet-stacking .g-cols > .wpb_column:nth-child(1) { margin-bottom: 1.5rem; }
	
	/* Tablet stacking reverse */
	.tablet-stacking.tablet-stacking-reverse .g-cols { flex-direction: column-reverse; }
	.tablet-stacking.tablet-stacking-reverse .g-cols > .wpb_column:nth-child(1) { margin-bottom: 0; }
	.tablet-stacking.tablet-stacking-reverse .g-cols > .wpb_column:nth-child(2) { margin-bottom: 1.5rem; }
	
	/* Stretched columns */
	.tablet-stacking .g-cols > .wpb_column.stretched,
	.tablet-stacking.tablet-stacking-reverse .g-cols > .wpb_column.stretched {
        margin-inline-start: 0 !important;
        margin-inline-end: 0 !important;
		container-type: inherit;
	}
	/* Tablet stacking - Larger gap */
	.tablet-stacking.gap-large .g-cols > .wpb_column:nth-child(1),
	.tablet-stacking.gap-large.tablet-stacking-reverse .g-cols > .wpb_column:nth-child(2) { margin-bottom: 4rem; }


    .tablet-stacking:not(#home-banner):not(#content-banner) .g-cols:has(.g-cols) .g-cols > .wpb_column > .vc_column-inner,
    section.tablet-stacking:not(#home-banner):not(#content-banner) .g-cols:has(.g-cols) .g-cols > .wpb_column > .vc_column-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .stretched-cover-image .w-image-h > div { padding-bottom: 50% !important; }

    .tablet-stacking.reverse .g-cols { flex-direction: column-reverse; }

    /* Overwrite carousel navigation arrows placement */
/*     .carousel-nav-overlap .owl-nav .owl-prev { transform: translateX(50%) translateY(-50%); } */
    .carousel-nav-overlap .owl-nav .owl-prev { transform: translateX(-50%) translateY(0%) !important; }
/*     .carousel-nav-overlap .owl-nav .owl-next { transform: translateX(-50%) translateY(-50%); } */
    .carousel-nav-overlap .owl-nav .owl-next { transform: translateX(50%) translateY(0%) !important; }

	/* Footer nieuwsbrief container */
	#footer-nieuwsbrief-wrapper {
		flex-direction: column;
		gap: 1rem;
	}

	/* USPs sectie met keuzes */
	.custom-inner-row-possibilities > .wpb_column { width: 100%; }

	/* Zoekresultaten (search.php) */
	.zoekresultaten_gridview .w-grid-list { --columns: 2; }
	body.search.search-results h1 { font-size: 42px; }
}

/* Vanaf laptop */
@media screen and (min-width: 1025px) {
    .block-graphic-1::after {
		content: '';
        background-image: url(/wp-content/uploads/2026/06/blocks-1.svg);
        position: absolute;
        z-index: 0;
        bottom: 0;
        right: 0;
        width: 156px;
        transform: translate(calc(50% + 0.465em), calc(50% + 0.133em));
        aspect-ratio: 1;
    }
    .page-mogelijkheden .wpb_text_column h1,
    #home-banner h1,
    #content-banner h1 {
        position: relative;
    }

/* Heeft een h1 én zelf block-graphic-1 óf block-graphic-2 */
#home-banner .wpb_text_column:has(h1):is(.block-graphic-1, .block-graphic-2),
#content-banner .wpb_text_column:has(h1):is(.block-graphic-1, .block-graphic-2) {
    width: 90% !important;
}

/* Heeft een h1 én zelf geen van beide classes */
#home-banner .wpb_text_column:has(h1):not(.block-graphic-1):not(.block-graphic-2),
#content-banner .wpb_text_column:has(h1):not(.block-graphic-1):not(.block-graphic-2) {
    width: fit-content !important;
}

    .page-mogelijkheden #content-banner .wpb_text_column:not(:has(.block-graphic-1)) .hl-wipe,
    .page-mogelijkheden #content-banner .wpb_text_column:not(:has(.block-graphic-2)) .hl-wipe,
    #home-banner .wpb_text_column:not(:has(.block-graphic-1)) .hl-wipe,
    #home-banner .wpb_text_column:not(:has(.block-graphic-2)) .hl-wipe,
    #content-banner .wpb_text_column:not(:has(.block-graphic-1)) .hl-wipe,
    #content-banner .wpb_text_column:not(:has(.block-graphic-2)) .hl-wipe {
        position: unset !important;
    }
    .block-graphic-2::after {
        /* content: '';
        width: 150px;
        transform: translate(calc(50% + 0.22em), calc(50% + 0.12em)); */
        content: '';
        background-image: url(/wp-content/uploads/2026/06/blocks-6.svg);
        position: absolute;
        z-index: 0;
        bottom: 0;
        right: 0;
        width: 157px;
        /* transform: translate(calc(50% + 0.47em), calc(50% + 0.13em)); */
        transform: translate(calc(50% + 0.467em), calc(50% + 0.14em));
        aspect-ratio: 1;
    }
}
/* @media screen and (min-width: 601px) {
    .l-header.sticky .l-subheader.at_top {
        --header-area-height: 35px !important;
        overflow: visible !important;
        visibility: visible !important;
    }
}
@media screen and (min-width: 1361px) {
    .l-header.sticky .l-subheader.at_top {
        --header-area-height: 40px !important;
        overflow: visible !important;
        visibility: visible !important;
    }
} */

@media screen and (max-width: 1361px) {
	.us_carousel.layout_3263 .owl-nav { --arrows-hor-offset: -0.5rem !important; }
}

/* Laptop Responsive */
@media screen and (min-width: 1025px) and (max-width: 1536px) {
	.us_carousel.layout_3263 .owl-nav { --arrows-hor-offset: -4rem; }
}

/* Desktop Responsive */
@media screen and (min-width: 1537px) { }


.w-grid-item .w-post-elm.Pagina_intro_tekst > p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2 !important;
    overflow: hidden;
}

.pagina_titel h1:first-child .hl-wipe {
    position: relative;
    z-index: 1;
}