/*
 * 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);
}

/* .w-image.has_height img, .w-image[class*="ush_image_"] img {
    width: revert-layer !important;
} */

/* 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; }

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

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

/* 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;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
	margin-left: 50px !important;
	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;
    margin-top: 5px;
    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; }

/* Header */
#page-header { margin-top: 1rem; }
#page-header .l-subheader.at_middle .l-subheader-h {
    /* background: rgba(255, 255, 255, 0.75); */
    max-width: 1400px;
    padding: 1.25rem 2.5rem;
    border-radius: 1.25rem;
    /* backdrop-filter: blur(5px); */
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.12);
    transition: border-radius 150ms ease-in;

    position: relative;
    background: transparent;
    overflow: visible;
    isolation: isolate;
}
#page-header .l-subheader.at_middle .l-subheader-h::before {
    content: "";
    border: 1.2px solid rgba(255, 255, 255, 0.52);
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 1.25rem;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 0;
    pointer-events: none;

    transition: border-radius 150ms ease-in;
}
.l-header.shadow_thin .l-subheader.at_middle,
.l-header.shadow_thin .l-subheader.at_bottom {
    box-shadow: none !important;
}

/* Header navigation */
.l-subheader.at_middle .type_mobile .w-nav-list.level_1 { background: rgba(255, 255, 255, 0.75) !important; left: 0 !important; right: 0 !important; }
.header_hor .w-nav.type_desktop .menu-item.level_1 > a:not(.w-btn) {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}
.header_hor .l-subheader-cell.at_right > * {
    margin-left: 0.5rem !important;
}
    /* Header mobile navigation */
    .l-subheader.at_middle .type_mobile .w-nav-list.level_1 {
        left: 0px !important;
        right: 0px !important;
        border-radius: 0 0 1.25rem 1.25rem;
        border-right: 1.2px solid rgba(255, 255, 255, 0.52);
        border-bottom: 1.2px solid rgba(255, 255, 255, 0.52);
        border-left: 1.2px solid rgba(255, 255, 255, 0.52);
    }
    html.w-nav-open #page-header .l-subheader.at_middle .l-subheader-h,
    html.w-nav-open #page-header .l-subheader.at_middle .l-subheader-h::before {
        border-radius: 1.25rem 1.25rem 0 0;
        border-bottom: 0;
    }

/* Header navigation mobile (plugin) */
.ymm-overlay { background-color: rgba(0, 0, 0, 0.25) !important; }
.ymm-menu-panel {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(5px);
}
.ymm-menu-panel .ymm-panel { padding: 70px 20px 20px; }
.ymm-menu-panel .ymm-panel-header {
    background: none !important;
    border-bottom: none !important;
    backdrop-filter: none !important;
}
.ymm-menu-panel .ymm-back-button { color: var(--color-content-primary) !important; }
.ymm-menu-panel .ymm-burger:focus-visible,
.ymm-menu-panel .ymm-close:focus-visible,
.ymm-menu-panel .ymm-back-button:focus-visible,
.ymm-menu-panel .ymm-panel-trigger:focus-visible,
.ymm-menu-panel .ymm-submenu-toggle:focus-visible,
.ymm-menu-panel .ymm-menu a:focus-visible,
.ymm-menu-panel .ymm-submenu a:focus-visible {
    outline: 2px solid var(--color-content-primary) !important;
}

.ymm-menu-panel .mobile-btn-telephone a { justify-content: center; }

.ymm-menu-panel .mobile-btn-pechhulp {
    background: var(--color-content-secondary);
    border-radius: 0.5rem;
    border-color: transparent;
    margin-bottom: 8px;
}
.ymm-menu-panel .mobile-btn-contact {
    background: var(--color-content-primary);
    border-radius: 0.5rem;
    border-color: transparent;
}
.ymm-menu-panel .mobile-btn-pechhulp a,
.ymm-menu-panel .mobile-btn-contact a {
    justify-content: center;
    color: #fff !important;
}
.ymm-menu-panel .mobile-btn-pechhulp a::before,
.ymm-menu-panel .mobile-btn-contact a::before,
.ymm-menu-panel .mobile-btn-telephone a::before {
    font-family: var(--fa-family-classic);
    margin-right: 0.5rem;
    font-weight: 300;
}
.ymm-menu-panel .mobile-btn-pechhulp a::before { content: "\f071"; }
.ymm-menu-panel .mobile-btn-contact a::before { content: "\e1dd"; }
.ymm-menu-panel .mobile-btn-telephone a::before { content: "\f095" }

.ymm-menu-panel .bekijk-alle-btn { border-bottom: 2px solid rgba(255, 255, 255, 0.5); }

/* Header phone CTA */
.l-header .header-phone-cta {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(-2.5rem, 100%);
    width: fit-content;
    background: rgba(255, 255, 255, 0.8);
    line-height: 1.5rem;
    padding: 0.5rem 0.875rem;
    border-radius: 0 0 0.625rem 0.625rem;
    backdrop-filter: blur(5px);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.12) !important;
    border-left: 1.2px solid rgba(255, 255, 255, 0.52);
    border-right: 1.2px solid rgba(255, 255, 255, 0.52);
    border-bottom: 1.2px solid rgba(255, 255, 255, 0.52);
}
.l-header .header-phone-cta:hover {
    background: rgba(255, 255, 255, 0.8) !important;

    .w-btn-label {
        text-decoration: underline;
        color: var(--color-content-secondary);
    }
}

.l-header .header-pechhulp-cta {
position: absolute;
    bottom: 0;
    right: 194px;
    transform: translate(-2.5rem, 100%);
    width: 150px;
    line-height: 1.5rem;
    padding: 0.5rem 0.875rem;
    border-radius: 0 0 0.625rem 0.625rem;
    backdrop-filter: blur(5px);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.12) !important;
    border-left: 1.2px solid rgba(255, 255, 255, 0.52);
    border-right: 1.2px solid rgba(255, 255, 255, 0.52);
    border-bottom: 1.2px solid rgba(255, 255, 255, 0.52);
}
/* .l-header .l-subheader-h::before {
    position: absolute;
    right: 3rem;
    top: 100%;
    content: "085 - 020 93 40";
    width: 200px;
    background: rgba(255, 255, 255, 0.75);
    line-height: 1.5rem;
    padding: 0.5rem 0.875rem;
    border-radius: 0 0 0.625rem 0.625rem;
    backdrop-filter: blur(5px);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.12) !important;

    border-left: 1.2px solid rgba(255, 255, 255, 0.52);
    border-right: 1.2px solid rgba(255, 255, 255, 0.52);
    border-bottom: 1.2px solid rgba(255, 255, 255, 0.52);
} */

/* Header background blur */
html #page-content,
html #page-footer {
    filter: blur(0px);
    transition: filter 150ms ease-in;
}
html.w-nav-open #page-content,
html.w-nav-open #page-footer {
    filter: blur(4px);
}
html.w-nav-open .l-header .header-phone-cta,
html.w-nav-open .l-header .header-pechhulp-cta {
     pointer-events: none;
    display: none;
}

/* Header (mobile) elements & buttons */
.l-header .mobile-btn-pechhulp .w-nav-title::before,
.l-header .mobile-btn-contact .w-nav-title::before {
    font-family: "fontawesome";
    margin-right: 0.5rem;
    font-weight: 300;
}
.l-header .mobile-btn-pechhulp .w-nav-title::before { content: "\f071"; }
.l-header .mobile-btn-contact .w-nav-title::before { content: "\e1dd"; }

.l-header .mobile-btn-telephone {
    text-align: center;
    margin: 1.5rem 0;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    padding: 1rem 0;

    .w-nav-title::before {
        content: "\f879";
        font-family: "fontawesome";
        margin-right: 0.5rem;
        font-weight: 500;
    }
}

/* Homepage */
#home-banner .l-section-img {
    margin-left: auto;
    width: 50%;
}
#home-banner::before {
    content: '';
    position: absolute;
    width: 60%;
	height: 100%;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.00) 59.79%, rgba(0, 0, 0, 0.40) 93.51%),
        linear-gradient(270deg, rgba(0, 0, 0, 0.00) 54.62%, rgba(0, 0, 0, 0.40) 91.11%),
        #680273;
    transform: skewX(5deg) translateX(-10%);
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

#home-banner::after {
	content: '';
	position: absolute;
    width: 60%;
	height: 100%;
    background-image: url('/wp-content/uploads/2026/02/purple-banner-overlap.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transform: skewX(5deg) translateX(-10%);
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}
#home-banner > .l-section-h { z-index: 2; }
#home-banner .branded-list ul { margin-left: 1.5rem; }

#home-banner .branded-list ul li {
	list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M9.59977 0H6.40023C6.40023 0 6.39965 0 6.39965 0.000580788C6.39965 3.53501 3.53443 6.40023 0 6.40023V9.59977H6.39965V16H9.59919C9.59919 16 9.59977 16 9.59977 15.9994C9.59977 12.4656 12.465 9.60035 15.9994 9.59977C15.9994 9.59977 16 9.59977 16 9.59919V6.40023H9.59977V0Z" fill="%23FF7600"/></svg>');
}

/* Over ons / Ons verhaal sectie (aspect ratio afbeelding) */
#ons-verhaal-sectie img { aspect-ratio: 4 / 1; }

/* Leaseform slider */
.lf-swiper .swiper-slide {
    height: auto;
    display: flex;
}
.leaseform-slider__card { height: 100%;}
.leaseform-slider-wrapper { margin-bottom: 20rem; }
.leaseform-slider__images {
    position: relative;
    margin-top: -7rem;
}
.leaseform-slider-wrapper .leaseform-slider__card-img {
    display: block;
    transition: opacity 125ms ease-in-out;
    opacity: 0;
    top: 0 !important;
    right: 0;
    position: inherit;
    scale: 1;
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.leaseform-slider-wrapper .leaseform-slider__card-img.is-active { opacity: 1; }
.leaseform-slider__card {
	padding: 2.5rem 2rem;
	background: #F7F4EF;
	border-radius: 0.6rem;
    min-height: 40vh;
    padding-bottom: 5rem;
}
.leaseform-slider__card-label-wrapper {
	display: flex;
	justify-content: flex-end;
}
.leaseform-slider__card-label {
	font-size: .75rem;
	line-height: 1.2;
	width: fit-content;
	padding: .25rem .5rem;
	background: white;
	border-radius: .25rem;
    color: #737373 !important;
}
.leaseform-slider__card .w-btn { font-weight: 500; }
.leaseform-slider__card-title {
	color: #000;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.leaseform-slider__card a { font-weight: 500; }

.leaseform-slider__card-link {
    display: block;
    text-decoration: none;
    color: inherit;
}
.leaseform-slider__card-desc { color: #737373 !important; }
.leaseform-slider__card-link:hover,
.leaseform-slider__card-link:focus,
.leaseform-slider__card-link:active,
.leaseform-slider__card-link:visited {
    color: inherit;
    text-decoration: none;
}
.leaseform-slider__card-link .leaseform-slider__card-desc,
.leaseform-slider__card-link .leaseform-slider__card-label {
    text-decoration: none;
}

article.w-grid-item.leasevorm .leaseform-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.lf-slider-controls{
	display: flex;
	align-items: center;
	gap: 2px;
	width: fit-content;
}
.lf-slider-controls{
	position: absolute;
	top: 2.5rem;
	left: 2rem;
}
.lf-slider-controls .lf-swiper-button-prev, .lf-slider-controls .lf-swiper-button-next, .lf-slider-controls .lf-swiper-pagination{
	position: relative;
	top: unset !important;
	bottom: unset !important;
	left: unset !important;
	right: unset !important;
}
.lf-slider-controls .lf-swiper-button-prev, .lf-slider-controls .lf-swiper-button-next{
	font-size: 18px;
	height: 18px;
	color: #490059;
	margin-top: unset !Important;
}

/* Content pages */
#content-banner {
    padding-top: 10rem;
    padding-bottom: 6rem;
}
#content-banner:has(.yooker-google-rating) { padding-bottom: 8rem; }
#content-banner .l-section-img {
    margin-left: auto;
    width: 50%;
}
#content-banner::before {
    content: '';
    position: absolute;
    width: 60%;
	height: 100%;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.00) 59.79%, rgba(0, 0, 0, 0.40) 93.51%),
        linear-gradient(270deg, rgba(0, 0, 0, 0.00) 54.62%, rgba(0, 0, 0, 0.40) 91.11%),
        var(--color-content-secondary);
    transform: skewX(5deg) translateX(-10%);
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}
#content-banner::after {
    content: "";
    position: absolute;
    width: 60%;
    background: var(--color-content-secondary);
    transform: skewX(5deg) translateX(-10%);
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;

    background-image: url('/wp-content/uploads/2026/02/purple-banner-overlap.svg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
}

#home-banner:not(.with_img)::before,
#home-banner:not(.with_img)::after,
#content-banner:not(.with_img)::before,
#content-banner:not(.with_img)::after {
    width: 100%;
    transform: none;
}
#home-banner:not(.with_img) > .l-section-h > .g-cols > .wpb_column,
#content-banner:not(.with_img) > .l-section-h > .g-cols > .wpb_column {
    width: 100%;
}

#content-banner > .l-section-h { z-index: 2; }
#content-banner .g-cols > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper { max-height: 18vh; }

#content-banner.color_primary::before {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.00) 59.79%, rgba(0, 0, 0, 0.40) 93.51%),
        linear-gradient(270deg, rgba(0, 0, 0, 0.00) 54.62%, rgba(0, 0, 0, 0.40) 91.11%),
        var(--color-content-primary);
    pointer-events: none;
}
#content-banner.color_primary::after {
    background: none;
    background-image: url('/wp-content/uploads/2026/02/orange-banner-overlap.svg');
    pointer-events: none;
}

.white-banner-overlap {
    h1, h2, h3, h4, h5, h6, .w-post-elm, .wpb_text_column { color: #171717 !important; }
}
.white-banner-overlap::before {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.00) 59.79%, rgba(0, 0, 0, 0.40) 93.51%),
        linear-gradient(270deg, rgba(0, 0, 0, 0.00) 54.62%, rgba(0, 0, 0, 0.40) 91.11%),
        #E2DCD8 !important;
    pointer-events: none;
}
#content-banner.white-banner-overlap::after {
    background-color: transparent;
    background-image: url("/wp-content/uploads/2026/03/white-banner-overlap.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.5;
    pointer-events: none;
}

/* Branding elements */
.drivewise-paint, .drivewise-paint .w-text-h {
    z-index: 0;
    position: relative;
}
.drivewise-paint ~ * {
    position: relative;
    z-index: 1;
}
.drivewise-paint::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    height: 108px;
    width: 300px;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    top: 50%;
    pointer-events: none;

    /* Default option */
    background: url("/wp-content/uploads/2026/02/drivewise-branding-paint-offwhite.svg");
    z-index: -1;
}
.drivewise-paint.drivewise-paint-large::before {
    scale: 1.3;
    transform: translateY(-25%);
    top: inherit;
}

.drivewise-paint.drivewise-paint-orange::before,
section.color_secondary .drivewise-paint::before {
    background: url("/wp-content/uploads/2026/02/drivewise-branding-paint-orange.svg");
    pointer-events: none;
}
.drivewise-paint.drivewise-paint-purple::before {
    background: url("/wp-content/uploads/2026/02/drivewise-branding-paint-purple.svg");
    pointer-events: none;
}
.drivewise-paint.drivewise-paint-left::before {
    left: 0;
    right: inherit;
}
.drivewise-paint.drivewise-paint.drivewise-paint-right::before {
    left: inherit;
    right: 0;
}

.drivewise-road-bg::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: url(/wp-content/uploads/2026/02/drive-road-background.svg);
    height: 26px;
    top: 25%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* Stappen (bolletjes) */
.drivewise-steps .g-cols > .wpb_column > .vc_column-inner { background: #fff; }
.drivewise-steps .drivewise-steps-number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background: #6A2477;
    border-radius: 50%;
    color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    aspect-ratio: 1;
}
/* .drivewise-steps.drivewise-steps-large { } */

.drivewise-bullet-points {
    margin: 0.5rem 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.drivewise-bullet-points li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}
.drivewise-bullet-points li::before {
    position: relative;
    content: "";
    background: url('/wp-content/uploads/2026/02/drivewise-app-icons_icon-plus.svg');
    height: 24px;
    width: 24px;
    display: inline-block;
    aspect-ratio: 1;
}

/* Accordion element */
.drivewise-accordion .w-tabs-sections .w-tabs-section:nth-child(1) { border-top: none; }
.drivewise-accordion .w-tabs-sections .w-tabs-section:last-of-type { border-bottom: none; }
.drivewise-accordion .w-tabs-sections .w-tabs-section-content { padding: 0.5rem 2rem 0.5rem 2rem !important; }
.drivewise-accordion .w-tabs-sections .w-tabs-section-header { padding: 1.5rem 2rem; }
.drivewise-accordion .w-tabs-sections .w-tabs-section-title {
    font-weight: bold;
    color: #171717;
}

/* Custom plus icon */
.drivewise-accordion .w-tabs-sections.icon_plus .w-tabs-section-header .w-tabs-section-control::before {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2026/02/drivewise-branding-plus.svg);
    width: 1rem;
    height: 1rem;
    background-size: cover;
    inset: 0;
    pointer-events: none;
}
.drivewise-accordion .w-tabs-sections.icon_plus .w-tabs-section-header .w-tabs-section-control::after { display: none; }

/* Drivewise accordion simple - NEW */
.drivewise-accordion-simple {
    background: #f5f2ed;
    border-radius: 2rem;
    overflow: hidden;
}
.drivewise-accordion-simple .accordion-item + .accordion-item { border-top: 1px solid #ddd6cf; }
.drivewise-accordion-simple .accordion-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.75rem 2rem;
    background: transparent;
    border: 0;
    cursor: pointer;
    text-align: left;
}
.drivewise-accordion-simple .accordion-trigger:hover { background: rgba(0,0,0,0.04); }
.drivewise-accordion-simple .accordion-title {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
    color: #171717;
}
.drivewise-accordion-simple .accordion-icon {
    position: relative;
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
}
.drivewise-accordion-simple .accordion-icon::before {
    content: "";
    position: absolute;
    background: url('/wp-content/uploads/2026/02/drivewise-branding-plus.svg');
    width: 1rem;
    height: 1rem;
    background-size: cover;
    inset: 0;
    pointer-events: none;
}
.drivewise-accordion-simple .accordion-item.is-open .accordion-icon::after { display: none; }
.drivewise-accordion-simple .accordion-content { padding: 0.5rem 2rem 1.75rem 2rem; }
.drivewise-accordion-simple .accordion-content[hidden] { display: none !important; }
.drivewise-accordion-simple .accordion-content-inner { color: var(--color-content-text); }
.drivewise-accordion-simple .accordion-link { margin-top: 1rem; }
.drivewise-accordion-simple .accordion-link a {
    color: #f97316;
    font-weight: 600;
    text-decoration: none;
}

/* Footer */
.l-footer .main-footer { position: relative; }

.l-footer .main-footer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 110%;
	aspect-ratio: 11/7;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1100" height="700" viewBox="0 0 1450 540" preserveAspectRatio="xMidYMid meet"><path opacity="0.1" d="M1233 662.95L1073.9 73.6952L795.932 -469.74L732.695 -445.37L1010.67 98.0659L1169.76 687.32L1233 662.95Z" fill="%23A00072"/><path opacity="0.23" d="M1048.21 734.167L896.767 141.964L611.139 -398.519L530.239 -367.339L815.867 173.144L967.307 765.347L1048.21 734.167Z" fill="%23A00072"/><path opacity="0.36" d="M863.418 805.389L719.635 210.233L426.35 -327.301L327.784 -289.312L621.07 248.222L764.852 843.378L863.418 805.389Z" fill="%23A00072"/><path opacity="0.49" d="M678.632 876.607L542.507 278.502L241.564 -256.079L125.332 -211.285L426.279 323.3L562.4 921.405L678.632 876.607Z" fill="%23A00072"/><path opacity="0.61" d="M493.84 947.828L365.372 346.771L56.7721 -184.861L-77.126 -133.254L231.478 398.375L359.942 999.432L493.84 947.828Z" fill="%23A00072"/><path opacity="0.74" d="M309.049 1019.05L188.239 415.04L-128.019 -113.64L-279.579 -55.2268L36.6783 473.453L157.489 1077.46L309.049 1019.05Z" fill="%23A00072"/></svg>');
	background-repeat: no-repeat;
	background-size: cover; /* or 100% 100% */
	background-position: center;
}
.l-footer .w-socials-list {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin: 0;
}
.footer-contact-wrapper{
	display: grid;
	grid-template-columns: repeat(3,1fr);
}
.footer-contact-wrapper .w-iconbox{
	align-items: flex-start !important;
	line-height: 1.2;
}
.l-footer p,
.l-footer li,
.l-footer a {
	color: #E5E5E5;
}
.l-footer .w-socials-list .w-socials-item { padding: 0; }
.l-footer .w-socials-item .w-socials-item-link {
    width: 2.5em;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    box-shadow: inset  0 0 0 2px rgba(247, 244, 239, 0.25);
}
.l-footer .social-media-links .w-socials-item i { color: var(--color-content-primary) !important; }
.l-footer .social-media-links .w-socials-item .w-socials-item-link { background: #fff; }
.l-footer .social-media-links .w-socials-item .w-socials-item-link:hover { background: var(--color-content-primary); }
.l-footer .social-media-links .w-socials-item .w-socials-item-link:hover i { color: #fff !important; }
.l-footer .social-media-links .w-socials-item .w-socials-item-link .w-socials-item-link-hover { display: none; }

/* Footer snelmenu (pagina's) */
.l-footer #menu-footer-snelmenu {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.l-footer #menu-footer-snelmenu li { margin: 0; }

/* Footer snelmenu (leasevormen) */
.l-footer #footer-navigatie-leasevormen {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none;
    margin: 0;
}
.l-footer #footer-navigatie-leasevormen li {
    margin: 0;
    line-height: 1.4;
}

/* Footer terugbelformulier-cta */
.terugbelformulier-cta::before {
    background: url('/wp-content/uploads/2026/03/purple-circle-background.svg');
    content: "";
    position: absolute;
    bottom: -45%;
    left: -25%;
    height: 820px;
    width: 1400px;
    opacity: 0.1;
    pointer-events: none;
}
.terugbelformulier-cta .gform_button[type="submit"] { width: fit-content !important; }
.l-footer .yooker-google-rating,
.page-contact {
    background: none !important;
    border: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;

    .yooker-rating-score { color: #fff !important; }
}

.page-contact .gform_wrapper.gravity-theme .gfield_required { color: #fff !important; }

.page-contact .l-footer .main-footer {
	padding-top: 4rem !important;
    padding-bottom: 1.5rem !important;
}

/* Animations */
.spinning-tire i::before {
  display: inline-block;
  animation: ykr-spin 1.75s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes ykr-spin { to { transform: rotate(360deg); } }

/* Contact card */
/* .contact-card {
    border-radius: 1.25rem;
    overflow: hidden;
}*/
.contact-card > .wpb_column > .vc_column-inner { padding: 0 !important; }
/* .contact-card-inner { padding: 2rem; } */
.contact-card-info .w-iconbox .w-iconbox-icon { margin-right: 0.5rem; }
.contact-card .contact-card-info { justify-content: space-between; }
.contact-card .contact-card-info-links .w-iconbox-meta a { color: #0C0C0C !important; }

/* Leasevormen detailpagina */
.single-leasevorm .post_content .wp-block-heading { margin-bottom: 0.5rem; }

/* Leasevormen grid */
.leasevormen-grid { position: relative; }
.leasevormen-grid::after {
    /* content: "";
    position: absolute;
    background: url("/wp-content/uploads/2026/02/vw-bus-png.png");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    right: 0;
    width: 553px;
    height: 415px;
    transform: translate(5rem, 5rem);
    scale: 0.9; */

    /* content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
    aspect-ratio: 553 / 415;
    background: url('/wp-content/uploads/2026/02/vw-bus-png.png') no-repeat;
    background-size: contain; */

    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('/wp-content/uploads/2026/02/vw-bus-png.png') no-repeat;
    width: 38%;
    aspect-ratio: 1;
    background-size: contain;
    background-position: center bottom;
    transform: translate(3rem, 3rem);
}

.leasevormen-grid .w-grid-list > article.current_page_item .w-grid-item-h { background: #6A2477; }
.leasevormen-grid .w-grid-list > article.current_page_item .w-grid-item-h a.w-btn { display: none; }

.leasevormen-grid .w-grid-list > article.current_page_item .w-grid-item-h .leasevorm-content,
.leasevormen-grid .w-grid-list > article.current_page_item .w-grid-item-h .leasevorm-content .slider_title {
    color: #fff !important;
}

/* Gravity forms */
.gform_wrapper.gravity-theme .gfield_label {
	font-weight: 400;
	font-size: 15px !important;
}
.gform_wrapper.gravity-theme .gfield_required { color: #3A3A3A; }

footer#page-footer .gform_wrapper.gravity-theme .gfield_required { color: #fff; }

body.page-klantenservice #gform_submit_button_1 { width: 100%; }
body.page-klantenservice footer#page-footer section:nth-child(2) { padding-top: 12rem !important; }


/* Yooker google rating widget */
.yooker-google-rating-htmlwrapper { width: fit-content; }
.yooker-google-rating {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    color: #2A0035;
    width: fit-content;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    backdrop-filter: blur(5px);

    .fa-star, .fa-star-half { color: #FF7600; }
}
#home-banner .yooker-google-rating {
    background: rgba(255, 255, 255, 0.75);
    border: 1.2px solid rgba(255, 255, 255, 0.52);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.12);
}
#content-banner .yooker-google-rating { background: #F7F4EF; }
#content-banner .yooker-google-rating-htmlwrapper {
    position: absolute;
    bottom: -100%;
}

body main#page-content .ti-widget.ti-goog .ti-widget-container * { font-family: var(--font-family) !important; }
#page-content .ti-widget.ti-goog .ti-platform-icon { display: none; }
#page-content .ti-widget.ti-goog .ti-review-item > .ti-inner { background-color: #F7F4EF !important; }
#page-content .ti-widget.ti-goog .ti-reviews-container-wrapper { overflow: visible !important; }
#page-content .ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner>.ti-stars {
    margin: 0;
    position: absolute;
    top: -0.5rem;
    right: 2rem;
}
#page-content .ti-widget.ti-goog .ti-star {
    height: 20px !important;
    width: 20px !important;
}
#page-content .ti-widget.ti-goog .ti-review-content {
    margin-top: 0.5rem !important;
    font-size: 0.9rem !important;
    color: #737373 !important;
    font-weight: 400 !important;
}
#page-content .ti-widget.ti-goog .ti-review-content,
#page-content .ti-widget.ti-goog .ti-read-more {
    margin-left: 55px !important;
}
#page-content .ti-widget.ti-goog .ti-read-more span {
    color: var(--color-content-secondary) !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}
#page-content .ti-widget.ti-goog .ti-controls-line {
    display: block !important;
}
#page-content .ti-widget.ti-goog .ti-controls-line .dot {
    background-color: var(--color-content-primary) !important;
}
.page-klantverhalen #page-content .ti-widget.ti-goog .ti-controls-line {
    display: none !important;
}

.w-grid-item.voertuig .w-post-elm.omschrijving > p,
.w-grid-item.post.type-post .w-post-elm.post_content {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.w-grid-item.voertuig .w-btn.us-btn-style_7 {
    aspect-ratio: 1;
    padding: 0.85rem;
}

.type-teamlid .teamlid-buttons .w-btn {
    padding: 0.75rem 0.75rem;
    margin: 0;
}
.type-teamlid .teamlid-buttons {
    flex-direction: column;
    gap: 0.5rem;
}

.page-klantverhalen #page-content .ti-reviews-container-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    row-gap: 1rem !important;

    .ti-review-item {
        position: inherit !important;
        max-width: 100% !important;
    }
}

.page-klantverhalen #page-content .ti-reviews-container .ti-controls { display: none !important; }

.berijdersdesk-row-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper,
.berijdersdesk-row-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper > .w-hwrapper {
    height: 100%;
}

.terugbelformulier-cta .gform_body .gfield_label.gform-field-label {
    color: inherit !important;
}

/* Calendly popup */
.calendly-badge-widget .calendly-badge-content {
    height: 64px !important;
    width: 64px !important;
    border-radius: 100% !important;
	padding: inherit !important;
}
.calendly-badge-widget .calendly-badge-content span { display: none !important; }
.calendly-badge-widget .calendly-badge-content::before {
	content: "\f133";
	font-family: "fontawesome";
	font-size: 1.25rem;
}



/* ==================== RESPONSIVE ==================== */

@media screen and (max-width: 400px) {
    footer #footer-cta-person { width: 65% !important; }
    .contact-card .contact-card-info .w-vwrapper { flex-direction: column !important; }
}

@media screen and (max-width: 450px) {
    footer #footer-cta-person { width: 55%; }
    .contact-card .contact-card-info .w-vwrapper { flex-direction: column !important; }
}

/* Mobile Responsive */
@media screen and (max-width: 600px){	
	/* Footer */
	footer .w-tabs-section.active:not(.has_text_color)>.w-tabs-section-header { color: #fff; }
    .footer-contact-wrapper { grid-template-columns: 1fr; }
    .footer-mobile-nav-accordion .w-tabs-section {
        border: none !important;
        border-bottom: 1px solid #8A4A97 !important;
    }
    .footer-mobile-nav-accordion .w-tabs-section:last-child {
        border-bottom: 1px solid #6A2477 !important;
    }
    .footer-mobile-nav-accordion .w-tabs-section-header {
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-weight: 500 !important;
    }

    .terugbelformulier-cta::before {
        bottom: -150%;
        left: -150%;
    }

    /* Header */
    /* .l-header .l-subheader-h::before { display: none; } */
    #page-header ul.w-nav-list a.w-btn {
        margin: 0;
        width: 100%;
    }
    .l-subheader.at_middle .w-nav-list li { line-height: 60px; }
    #page-header .l-subheader.at_middle .l-subheader-h { padding: 1.25rem 1.5rem; }

    /*
    Header hero sectie banner & content banner
    */
    #home-banner,
    #content-banner {
        padding-top: 17rem;
        padding-bottom: 2rem;
    }
    #home-banner::before,
    #home-banner::after,
    #content-banner::before,
    #content-banner::after {
        width: 100% !important;
        transform: skewX(0deg) translateX(0%) !important;
    }
    #home-banner .l-section-img,
    #content-banner .l-section-img {
        width: 100% !important;
        z-index: 2;
        height: 300px;
        clip-path: polygon(5% 0, 100% 0, 100% 100%, 15% 100%);
    }

    #content-banner:not(.with_img),
    #home-banner:not(.with_img) {
        padding-top: 8rem;
        padding-bottom: 2rem;
    }
        
    #home-banner, #content-banner {
        h1 { font-size: 1.875rem; }
        h1,h2,h3,h4,h5,h6 { max-width: 100% !important; }
        .wpb_text_column { max-width: 100% !important; }
    }

    /* Sections */
    .l-section.height_medium, .l-section.height_large, .l-section.height_huge {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    /* Teamleden */
    .type-teamlid .teamlid-buttons .w-btn { padding: 1rem; }

    /* Leasevormen page - Contact card */
    .contact-card {  margin: 0 !important; }
    
    .contact-card .contact-card-info {
        flex-direction: column;

        .w-vwrapper:nth-child(1) { margin-bottom: 1rem; }
        .w-vwrapper {
            flex-direction: row;
            justify-content: space-between;
            width: 100%;

            > * { margin: 0; }
        }
    }

    #content-banner:has(.yooker-google-rating) { padding-bottom: 4rem; }
    #home-banner:has(.yooker-google-rating) { padding-bottom: 0rem; }

    #home-banner .yooker-google-rating-htmlwrapper {
        transform: translateY(50%) !important;
        .yooker-google-rating {
            width: 100% !important;
            padding: 1rem 0.5rem !important;
        }
    }
    #content-banner .yooker-google-rating-htmlwrapper {
        transform: translateY(50%) !important;
        width: calc(100% - 3rem) !important;
        .yooker-google-rating {
            width: 100% !important;
        }
    }

    .w-nav.type_mobile ul.w-nav-list.level_1 > li:nth-child(1) {
        border-top: 2px solid white;
        margin-top: 1rem;
        padding-top: 1rem;
    }

    #content-banner .g-cols > .wpb_column { width: 100% !important; }
    #content-banner .g-cols { flex-direction: column-reverse !important; }

    /* Leasevorm slider */
    .leaseform-slider-wrapper { margin-bottom: 12rem; }
    .leaseform-slider__card { padding-bottom: 3rem; }
    .leaseform-slider__images {
        margin-top: -6rem;
        margin-bottom: -6rem !important;
    }

    .lf-slider-controls {
        top: 2rem;
        left: 1.5rem;
    }
    .leaseform-slider__card {
        padding: 2rem 1.5rem;
        padding-bottom: 4rem;
    }
}

/* Tablet Responsive */
@media screen and (min-width: 601px) and (max-width: 1024px) {
    /* Footer terugbelformulier CTA */
    .terugbelformulier-cta {
        flex-direction: row-reverse;
/*         .wpb_column:first-child { width: 35%; } */
/*         .wpb_column:nth-child(2) { width: 65%; } */
        .gfield.gfield--type-email { grid-column: span 12 !important; }
        .gfield.gfield--type-name,
        .gfield.gfield--type-phone {
            grid-column: span 6 !important;
        }
    }
    .contact-card {
        margin: 0 auto !important;
        max-width: 75%;
    }
}

/* Mobile & Tablet */
@media screen and (max-width: 1024px) {
	/* Tablet stacking default */
	.tablet-stacking > .l-section-h > .g-cols > .wpb_column { width: 100%; }
	.tablet-stacking > .l-section-h > .g-cols > .wpb_column:nth-child(1) { margin-bottom: 1.5rem; }
	
	/* Tablet stacking reverse */
	.tablet-stacking.tablet-stacking-reverse > .l-section-h > .g-cols { flex-direction: column-reverse; }
	.tablet-stacking.tablet-stacking-reverse > .l-section-h > .g-cols > .wpb_column:nth-child(1) { margin-bottom: 0; }
	.tablet-stacking.tablet-stacking-reverse > .l-section-h > .g-cols > .wpb_column:nth-child(2) { margin-bottom: 1.5rem; }

/*     html.w-nav-open #page-header .l-subheader.at_middle .l-subheader-h,
    html.w-nav-open #page-header .l-subheader.at_middle .l-subheader-h::before {
        border-radius: 1.25rem 1.25rem 0 0;
        border-bottom: 0;
    } */
    /* html.w-nav-open .l-header.shadow_thin .l-subheader.at_middle {
        box-shadow: none;
    } */
    .l-header .w-nav-list.level_2 {
        backdrop-filter: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* Footer */
    /* Footer - info/socials */
    .footer-tablet .footer-tablet-info > .wpb_column { width: 100%; }
    .footer-tablet .footer-tablet-info > .wpb_column:nth-child(1) { margin-bottom: 2rem; }

    /* Footer - navigation */
    .footer-tablet .footer-tablet-nav > .wpb_column { width: 50%; }
    .footer-tablet .footer-tablet-nav > .wpb_column:nth-child(1),
    .footer-tablet .footer-tablet-nav > .wpb_column:nth-child(2) {
        margin-bottom: 2rem;
    }

    /* Home hero section banner */
    #home-banner::before { width: 70%; }
    #home-banner::after { width: 70%; }
    #home-banner .l-section-img { width: 40%; }

    #home-banner, #content-banner  {
        .wpb_text_column { max-width: 65%; }
        /* > .l-section-h > .g-cols > .wpb_column { width: 100%; } */
    }
    #home-banner {
        h1,h2,h3,h4,h5,h6 { max-width: 50%; }
    }
    #content-banner {
        h1,h2,h3,h4,h5,h6 { max-width: 100%; }
    }

    /* Teamleden */
    .type-teamlid .teamlid-buttons .w-btn { padding: 0.9rem; }

    /* Berijdersdesk page */
    .berijdersdesk-row-wrapper .wpb_column {
        width: 100%;
        &:not(:last-child) { margin-bottom: 2rem; }
    }

    /* Footer Google Reviews Rating */
    .l-footer .yooker-google-rating {
        padding: 0.5rem 0 !important;
    }

    .leasevormen-grid::after {
        display: none;
    }

    /* #content-banner .yooker-google-rating-htmlwrapper {
        bottom: inherit !important;
    } */

    /* #page-header .l-subheader.at_middle .l-subheader-h { background: rgba(255, 255, 255, 0.8) !important; } */

    #content-banner .g-cols > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper { max-height: 21vh; }
    #content-banner:has(.yooker-google-rating) { padding-bottom: 11rem; }

    #content-banner .g-cols > .wpb_column { width: 50%; }
}

/* Vanaf laptop */
@media screen and (min-width: 1025px) { }

/* Laptop Responsive */
@media screen and (min-width: 1025px) and (max-width: 1536px) { }

@media screen and (min-width: 1335px) {
	/* Header sub-navigation */
    .l-header .w-nav-list.level_2 {
        background: rgba(255, 255, 255, 0.95) !important;
        border-radius: 0 0 1.25rem 1.25rem;
        backdrop-filter: blur(5px) !important;
        box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.12) !important;

        border-left: 1.2px solid rgba(255, 255, 255, 0.52);
        border-right: 1.2px solid rgba(255, 255, 255, 0.52);
        border-bottom: 1.2px solid rgba(255, 255, 255, 0.52);
    }
}

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