/*
Theme Name: Wux Theme
Author: Wux
Author URI: https://wux.nl/
Version: 1.0
*/


:root {
    --global-fs: 1.6rem;
    --global-lh: 2.4rem;

    --wpb-font-family: 'klavika-web', sans-serif; /* 400, 600, 700 */
}

@media (min-width: 992px) {
    :root {
        --global-fs: 1.8rem;
        --global-lh: 2.6rem;
    }
}

* { font-family: var(--wpb-font-family); }

.wpb-body { font-size: 1.7rem; line-height: 1.5; }

.image img { border-radius: 1.4rem; }

/*** Custom icons ***/
.wpb-icon.ag-icon__arrow-left { --icon: url('assets/icons/icon_arrow-left.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__arrow-right { --icon: url('assets/icons/icon_arrow-right.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__headset { --icon: url('assets/icons/icon_headset.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__envelope { --icon: url('assets/icons/icon_envelope.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__phone { --icon: url('assets/icons/icon_phone.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__arrow-90-up { --icon: url('assets/icons/icon_arrow-90-up.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__pencil { --icon: url('assets/icons/icon_pencil.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__thumbs-up { --icon: url('assets/icons/icon_thumbs-up.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__check { --icon: url('assets/icons/icon_check.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__basket { --icon: url('assets/icons/icon_basket.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__cross { --icon: url('assets/icons/icon_cross.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__minus { --icon: url('assets/icons/icon_minus.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__plus { --icon: url('assets/icons/icon_plus.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__truck { --icon: url('assets/icons/icon_truck.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__discount-card { --icon: url('assets/icons/icon_discount-card.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__marker { --icon: url('assets/icons/icon_marker.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__question { --icon: url('assets/icons/icon_question.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__five-stars { --icon: url('assets/icons/icon_five-stars.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__image { --icon: url('assets/icons/icon_image.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__seat-belt-check { --icon: url('assets/icons/icon_seat-belt-check.svg'); --color: 0, 0, 0; }
.wpb-icon.ag-icon__info { --icon: url('assets/icons/default/icon_info.svg'); }
.wpb-icon.ag-icon__whatsapp { --icon: url('assets/icons/whatsapp.svg'); }

/*** Modal ***/
.modal .modal-dialog__header span { cursor: pointer; }
.modal .modal-dialog__header span .wpb-icon { --width: 1.4rem; }

/*** Typography ***/
h1, .h1 { --fs: clamp(3.8rem, 5vw, 5.4rem); --lh: 1; }
h2, .h2 { --fs: clamp(2.8rem, 4vw, 3.6rem); --lh: 1.1; }
h3, .h3 { --fs: clamp(2rem, 3vw, 2.4rem); --lh: 1.2; }
h4, .h4 { --fs: 1.8rem; --lh: 2rem; }

/*** Whitespace ***/
.wpb-wp__none { --wpb-wp: 0; }
.wpb-wp__small { --wpb-wp: 3.2rem; }
.wpb-wp__medium { --wpb-wp: 4.8rem; }
.wpb-wp__large { --wpb-wp: 6.4rem; }

@media (min-width: 992px) {
    .wpb-wp__small { --wpb-wp: 6.4rem; }
    .wpb-wp__medium { --wpb-wp: 8rem; }
    .wpb-wp__large { --wpb-wp: 10rem; }
}

/*** Background colors ***/
.wpb-bg-color__primary { background-color: rgb(var(--wpb-primary)); }
.wpb-bg-color__secondary { background-color: rgb(var(--wpb-secondary)); }
.wpb-bg-color__secondary-smoke { background-color: rgb(var(--wpb-secondary-smoke)); }
.wpb-bg-color__grey { background-color: rgb(var(--wpb-grey)); }
.wpb-bg-color__primary + .wpb-bg-color__primary { padding-top: 0; }
.wpb-bg-color__secondary + .wpb-bg-color__secondary { padding-top: 0; }
.wpb-bg-color__grey + .wpb-bg-color__grey { padding-top: 0; }

.wpb-bg-color__primary *:not(.btn) { color: #fff; }

/*** Seat belt stitch ***/
.wpb-seat-belt-stitch { position: relative; }
.wpb-seat-belt-stitch::before, .wpb-seat-belt-stitch::after { --color: 0,0,0,.2; --mask: url('assets/icons/seat_belt_stitch.svg'); content: ''; width: 100%; height: 2.2rem; position: absolute; left: 0; -webkit-mask-image: var(--mask); mask-image: var(--mask); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; -webkit-mask-position: left; mask-position: left; background-color: rgba(var(--color)); pointer-events: none; }
.wpb-seat-belt-stitch::before { top: 2.2rem; }
.wpb-seat-belt-stitch::after { bottom: 2.2rem; }

/*** Sections ***/
.wpb-section__header { padding-bottom: 3.2rem; }
.wpb-section__header .text { margin-bottom: 0; }
.wpb-section__header .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.6rem; }

/*** Gravity Forms / forms ***/
.gform_wrapper .gform_validation_errors { border-radius: 0!important; }
.form-control, .form-select, .gform_wrapper .gfield :is(input:not([type=checkbox], [type=radio]), textarea, select) { --padding: 1rem 1.6rem; --border-radius: .8rem; font-weight: 400; font-size: 1.6rem!important; }
/* .form-control::placeholder, .gform_wrapper .gfield :is(input:not([type=checkbox], [type=radio]), textarea, select)::placeholder {  } */
.form-label { font-weight: 600; font-size: 1.6rem; margin: 0; }
.form-control::placeholder { color: rgba(var(--wpb-dark), .45); }
.form-control.invalid { --border: 1px solid red; }

/*** Buttons ***/
.btn, .gform_button, .woocommerce-page #payment #place_order { --padding-x: 2.4rem; --padding-y: .85rem; --line-height: 1.5; --border-radius: 3rem; font-weight: 600; gap: .6rem; }
.btn .wpb-icon { --width: 1.4rem; --height: 1.4rem; }

.btn.btn-primary, .gform_button, .woocommerce-page #payment #place_order { --color: 255,255,255; --bg-color: var(--wpb-primary); --border: 1px solid transparent; --hover-bg-color: var(--wpb-primary),.9; }

.btn.btn-white { --color: var(--wpb-primary); --border: 1px solid rgb(255,255,255); --hover-color: 255,255,255; --hover-bg-color: transparent; --hover-border: 1px solid rgb(255,255,255); }
.btn.btn-white .wpb-icon { --color: var(--wpb-primary); }

.btn.btn-outline { --color: var(--wpb-text); --bg-color: 255,255,255; --border: 1px solid rgb(var(--wpb-border-color)); --box-shadow: none; --hover-color: 255,255,255; --hover-bg-color: var(--wpb-primary); --hover-border: 1px solid rgb(var(--wpb-primary)); gap: 1.2rem; }
.btn.btn-outline-secondary { --color: var(--wpb-text); --bg-color: 255,255,255; --border: 1px solid rgb(var(--wpb-border-color)); --box-shadow: none; --hover-color: var(--wpb-secondary); --hover-bg-color: var(--wpb-secondary-smoke); --hover-border: 1px solid rgb(var(--wpb-secondary)); --active-color: var(--wpb-secondary); --active-bg-color: var(--wpb-secondary-smoke); --active-border: 1px solid rgb(var(--wpb-secondary)); }

.btn.btn-secondary { --color: 255,255,255; --border: 1px solid var(--wpb-secondary); --bg-color: var(--wpb-secondary); --hover-color: var(--wpb-secondary); --hover-bg-color: var(--wpb-secondary-smoke); --hover-border: 1px solid var(--wpb-secondary-smoke); }
.btn.btn-secondary .wpb-icon { --color: 255,255,255; }

.btn.btn-secondary-smoke { --color: var(--wpb-secondary); --border: 1px solid var(--wpb-secondary-smoke); --bg-color: var(--wpb-secondary-smoke); --hover-color: 255,255,255; --hover-bg-color: var(--wpb-secondary); --hover-border: 1px solid var(--wpb-secondary); }
.btn.btn-secondary-smoke .wpb-icon { --color: var(--wpb-secondary); }

.btn.btn-link { --hover-color: var(--wpb-secondary); }

.btn.btn-small { --padding-x: 1.8rem; --padding-y: .6rem; --font-size: 1.6rem; }

/*** Navigation ***/
.wpb-navigation { border-bottom: 1px solid rgb(var(--wpb-border-color)); }
.wpb-navigation .inner { gap: 1.6rem; align-items: inherit; }
.wpb-navigation .inner .wpb-woocommerce-mini-cart { margin-left: auto; z-index: 50; }
.wpb-navigation .inner .wpb-woocommerce-mini-cart .ag-icon__arrow-right { display: none; }

.wpb-navigation .nav-toggle { --border-radius: 50%;  --bg-color: #fff; --color: rgb(var(--wpb-text)); padding: 4px;}
.wpb-navigation .logo img { width: 100%; max-width: 18rem; }
.wpb-navigation .menu-item a { color: rgb(var(--wpb-text)); font-weight: 600; line-height: 1.15; }
.wpb-navigation .menu-item a:hover { color: rgb(var(--wpb-primary)) } 

.wpb-navigation.wpb-navigation__cart { position: relative; border: none; background-color: rgb(var(--wpb-grey)); padding-top: 2.8rem; padding-bottom: 2.8rem; }
.wpb-navigation.wpb-navigation__cart .inner { justify-content: center; }

.wpb-woocommerce-mini-cart > a .ag-icon__arrow-right { margin-left: auto; }

.menu-item__secondary a { color: rgb(var(--wpb-primary))!important; display: flex!important; align-items: center; gap: .6rem; }
.menu-item__secondary a .wpb-icon { --width: 1.6rem; --color: var(--wpb-primary); }
.menu-item__secondary a:hover { color: rgb(var(--wpb-text))!important; }
.menu-item__secondary a:hover .wpb-icon { --color: var(--wpb-text); }

@media (min-width: 992px) {
    .wpb-navigation { padding: 0; }
    .wpb-navigation .wpb-navigation__collapse { flex-grow: 1; }
    .wpb-navigation .wpb-navigation__collapse .menu-hoofdmenu-container { margin: 0 auto }
    .wpb-navigation .menu-item a { padding: 3.8rem 1.2rem; }
    /* .menu-item__secondary a { padding: 3rem 1.2rem!important; }  */

    .wpb-navigation.wpb-navigation__cart { padding-top: 4.8rem; padding-bottom: 4.8rem; }

    .wpb-navigation .logo img { max-width: 11rem; }
}

@media (min-width: 1200px) {
    .wpb-navigation .logo img { max-width: 20rem; }
    .wpb-navigation .inner .wpb-woocommerce-mini-cart .ag-icon__arrow-right { display: inline-block; }
    /* .menu-item__secondary a { padding: 3rem 2.4rem!important; }  */

    .wpb-navigation.wpb-navigation__cart { padding-bottom: 4.8rem; }
}

/*** Block: Testimonials ***/
.prd-customer-testimonials { overflow: hidden; }
.prd-customer-testimonials .text { text-align: center; padding-bottom: 3.2rem; }

.wpb-card.wpb-card__testimonial { --border-radius: 1.4rem; position: relative; height: 100%;}
.wpb-card.wpb-card__testimonial .wpb-card__header { position: absolute; inset: 0; }
.wpb-card.wpb-card__testimonial .wpb-card__header img { object-fit: cover; border-radius: var(--border-radius); } 

.wpb-card.wpb-card__testimonial .wpb-card__body { position: relative; z-index: 1; padding-bottom: 4.8rem; }

.wpb-card.wpb-card__testimonial .name { display: block; color: rgb(var(--wpb-primary)); padding-bottom: 1rem; }
.wpb-card.wpb-card__testimonial .score { display: flex; align-items: center; gap: 1.2rem; position: absolute; bottom: 1.6rem; }
.wpb-card.wpb-card__testimonial .score .wpb-icon { --width: 9.5rem; }
.wpb-card.wpb-card__testimonial .score span { display: flex; align-items: baseline; font-size: 1.4rem; }
.wpb-card.wpb-card__testimonial .score span strong { font-size: 2rem; }
.wpb-card.wpb-card__testimonial .card-title {margin-bottom: 8px;}

.wpb-card.wpb-card__testimonial.has-post-thumbnail .wpb-card__header::before { content: ''; border-radius: var(--border-radius); display: block; position: absolute; inset: 0; background-color: rgba(0,0,0,.5); }
.wpb-card.wpb-card__testimonial.has-post-thumbnail *:not(.btn) { color: #fff; }
.wpb-card.wpb-card__testimonial.has-post-thumbnail :is(.name, .card-title) { color: #fff; }
.wpb-card.wpb-card__testimonial.has-gallery .btn { z-index: 2; opacity: 0; pointer-events: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space:nowrap; transition: var(--ts-15) ease; }
.wpb-card.wpb-card__testimonial.has-gallery:hover .btn { opacity: 1; pointer-events: all; }
.wpb-card.wpb-card__testimonial.has-gallery .wpb-card__body::after { content: ''; position: absolute; inset: 0; border-radius: var(--border-radius); background-color: rgba(0,0,0,0); transition: background-color var(--ts-15) ease; }
.wpb-card.wpb-card__testimonial.has-gallery:hover .wpb-card__body::after { background-color: rgba(0,0,0,.5); }

/*** Testimonial overview ***/
.wpb-testimonial-overview { --gc: 1; }
.wpb-testimonial-overview .inner { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 1.6rem; }

@media (min-width: 768px) {
    .wpb-testimonial-overview { --gc: 2; }
}

@media (min-width: 992px) {
    .wpb-card.wpb-card__testimonial .score {position: absolute; bottom: 3.2rem; }
    .wpb-card.wpb-card__testimonial .wpb-card__body {padding-bottom: 7rem; }
    .wpb-testimonial-overview { --gc: 3; }
}

/*** Carousel ***/
.wpb-carousel .wpb-carousel__button { transition: opacity var(--ts-15) ease; }
.wpb-carousel .wpb-carousel__button.disabled { opacity: 0; }
.wpb-carousel .wpb-carousel__button { width: 3.8rem; height: 3.8rem; border-radius: 50%; z-index: 4; background-color: #fff; border: 1px solid rgb(var(--wpb-border-color));  }
.wpb-carousel .wpb-carousel__button .wpb-icon { --width: 1.6rem; --height: 1.6rem; }
.wpb-carousel .wpb-carousel__button.wpb-carousel__button-prev { left: -2.2rem; }
.wpb-carousel .wpb-carousel__button.wpb-carousel__button-next { right: -2.2rem; }

@media (min-width: 768px) {
    .wpb-carousel .wpb-carousel__button { width: 4.4rem; height: 4.4rem; }
}

@media (min-width: 1400px) {
}

@media (min-width: 1426px) {
    .wpb-carousel .wpb-carousel__button { width: 5rem; height: 5rem; }
    .wpb-carousel .wpb-carousel__button .wpb-icon { --width: 1.8rem; --height: 1.8rem; }
    .wpb-carousel .wpb-carousel__button.wpb-carousel__button-prev { left: -6.6rem; }
    .wpb-carousel .wpb-carousel__button.wpb-carousel__button-next { right: -6.6rem; }
}

/*** Woocommerce mini-cart ***/
.woocommerce-mini-cart__content { border-radius: 0 0 1.4rem 1.4rem; border-color: rgb(var(--wpb-border-color)); border-top: 0; }

/*** Breadcrumb ***/
.wpb-breadcrumbs > span { display: flex; gap: 1rem; }
.wpb-breadcrumbs :is(span, a) { font-size: 1.6rem; line-height: 1.1; white-space: nowrap; }
.wpb-breadcrumbs > span > span { padding: 0!important; margin: 0; position: relative; display: inline-flex; align-items: center; font-size: 1.6rem; }
.wpb-breadcrumbs > span > span::before { content: ''; width: 1.2rem; height: 1.2rem; --icon: ; --color: 0, 0, 0, .45; margin-right: 1rem; -webkit-mask-image: var(--icon); mask-image: var(--icon); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; background-color: rgba(var(--color)); }
.wpb-breadcrumbs > span > span:not(:first-child)::before { --icon: url('assets/icons/icon_chevron-right.svg'); }
.wpb-breadcrumbs > span > span:first-child::before { width: 1.5rem; height: 1.5rem; margin: 0; --icon: url('assets/icons/icon_home.svg'); }
.wpb-breadcrumbs > span > span:first-child a { text-indent: -999rem; max-width: 0px; display: inline-block; }
.wpb-breadcrumbs > span > span:first-child a::after { content: ''; position: absolute; inset: 0; }
.wpb-breadcrumbs .breadcrumb_last { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
@media (min-width: 768px) {
    .wpb-breadcrumbs > span {gap: 1.6rem;}
    .wpb-breadcrumbs > span > span::before {margin-right: 1.6rem;}
}



/*** Cards ***/
.wpb-card { --border-radius: .8rem; }
.wpb-card.wpb-card__contact h3 { padding-bottom: 1rem; }
.wpb-card.wpb-card__contact a { display: grid; grid-template-columns: 2.3rem 1fr; gap: .7rem; align-items: center; text-decoration: none; font-size: 2rem; padding: .15rem 0; }
.wpb-card.wpb-card__contact a:hover { text-decoration: underline; }

.wpb-card.wpb-card__address h3 { padding-bottom: 1rem; }
.wpb-card.wpb-card__address .address { display: grid; grid-template-columns: 4.7rem 1fr; gap: 1rem; align-items: center; }
.wpb-card.wpb-card__address .address p { font-size: 2.2rem; line-height: 2.4rem; }
.wpb-card.wpb-card__address .is-google-maps { padding-top: 8rem!important; border-radius: 0 0 .8rem .8rem; text-decoration: none; display: flex; justify-content: space-between; align-items: center; position: relative; background: url('assets/img/open-street-map.jpg') no-repeat center/cover; background-size: 100%; transition: background-size var(--ts-25) ease;  }
.wpb-card.wpb-card__address .is-google-maps::before { border-radius: 0 0 .8rem .8rem; content: ''; width: 100%; height: 50%; position: absolute; inset: auto 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); }
.wpb-card.wpb-card__address .is-google-maps > * { z-index: 1; position :relative; color: #fff; }
.wpb-card.wpb-card__address .is-google-maps .wpb-icon { --color: 255,255,255; --width: 1.6rem; --height: 1.6rem; }
.wpb-card.wpb-card__address .is-google-maps:hover { background-size: 120%; }

.wpb-card.wpb-card__article { --border-radius: 1.4rem; }
.wpb-card.wpb-card__article .wpb-card__header { position: absolute; inset: 0; border-radius: var(--border-radius); }
.wpb-card.wpb-card__article .wpb-card__header img { object-fit: cover; transition: transform var(--ts-25) ease; }
.wpb-card.wpb-card__article .wpb-card__header::before { content: ''; z-index: 1; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); }
.wpb-card.wpb-card__article .wpb-card__body { z-index: 1; display: flex; flex-direction: column; justify-content: space-between; }
.wpb-card.wpb-card__article .wpb-card__body * { color: #fff; }
.wpb-card.wpb-card__article .card-title { font-weight: 600; padding-bottom: 4.8rem; }
.wpb-card.wpb-card__article:hover .wpb-card__header img { transform: scale(1.2); }
.wpb-card.wpb-card__article .ag-icon { transition: transform var(--ts-25) ease; }
.wpb-card.wpb-card__article:hover .ag-icon { transform: rotate(-45deg); }

.wpb-card.wpb-card__cta { --border-radius: 1.4rem; padding: 0; border: none; max-width: 44rem; }
.wpb-card.wpb-card__cta h3 { display: inline-flex; align-items: center; gap: .8rem; }
.wpb-card.wpb-card__cta h3 .wpb-icon { --color: 255,255,255; --width: 2.4rem; --height: 2.4rem; }
.wpb-card.wpb-card__cta .usps { padding-top: .5rem!important; }
.wpb-card.wpb-card__cta .usps li { font-size: 1.5rem; line-height: 1.8rem; }
.wpb-card.wpb-card__cta .wpb-card__body .text { z-index: 1; position: relative; }
.wpb-card.wpb-card__cta img { position: absolute; bottom: 0; right: 0; max-width: 18rem; height: calc(100% + 1.6rem); transform: none; object-fit: contain; object-position: bottom; }

@media (min-width: 992px) {
    .wpb-card .wpb-card__body { padding: 3.2rem; }
    .wpb-card .wpb-card__footer { padding: 0 2.4rem 2.4rem 2.4rem; }

    .wpb-card.wpb-card__article .card-title { font-size: 3.2rem; line-height: 3.6rem; }
}

.usps { padding-left: 0!important; list-style: none; display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; }
.usps li { display: grid; align-items: center; grid-template-columns: 1.6rem 1fr; gap: .5rem; }
.usps li .wpb-icon { --width: 1.6rem; --height: 1.6rem; --color: 255,255,255; }

.ag-icon { width: 2.3rem; height: 2.3rem; border-radius: 50%; display: inline-grid; place-items: center; }
.ag-icon__primary { background-color: rgb(var(--wpb-primary)); }
.ag-icon__primary .wpb-icon { --color: 255,255,255; --width: 1.2rem; --height: 1.2rem; }
.ag-icon__secondary-smoke { background-color: rgb(var(--wpb-secondary-smoke)); }
.ag-icon__secondary-smoke .wpb-icon { --color: var(--wpb-secondary); --width: 2.2rem; --height: 2.2rem; }
.ag-icon__large { width: 4.7rem; height: 4.7rem; }
.ag-icon__large .wpb-icon { --width: 1.6rem; --height: 1.6rem; }

/*** Block: Header subpage ***/
.wpb-header__subpage.has-cta .inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.2rem; }

@media (min-width: 992px) {
    .wpb-header__subpage.has-cta .inner { grid-template-columns: 1fr 40rem; }
    .wpb-header__subpage.has-cta .inner .wpb-card { transform: translateY(calc(var(--wpb-wp) + 6.4rem)); width: 44rem;  }
    .wpb-header__subpage.has_background-image::after { background: linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.8) 40%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.2) 100%); }
}

/*** Block: Blurb ***/
.wpb-blurb {}

/*** Page contact ***/
.page-contact { background-color: rgb(var(--wpb-grey)); }
.wpb-contact-info .inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.2rem; align-items: start; }
.wpb-contact-info .aside { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 1.8rem; }

@media (min-width: 576px) {
    .wpb-contact-info .aside { --gc: 2; }
}

@media (min-width: 992px) {
    .wpb-contact-info .inner { grid-template-columns: 2fr 1fr; gap: 3.6rem; }
    .wpb-contact-info .aside { --gc: 1; }
}

/*** Archive ***/
.post-type-archive:not(.post-type-archive-product) { background-color: rgb(var(--wpb-grey)); }
.wpb-header__archive .wpb-filters { padding: 0; }

@media (min-width: 992px) {
    .wpb-header__archive { padding-bottom: 5rem; }
}

@media (min-width: 1200px) {
    .wpb-archive { --gc: 3; }
}

/*** Accordion ***/
.wpb-accordion { --color: var(--wpb-text); --border-radius: 1.4rem; --active-bg: var(--wpb-secondary-smoke); }
.accordion__item .accordion__button { font-size: 1.8rem; }
.accordion__item .accordion__button.is-active { color: rgb(var(--wpb-secondary)); }
.accordion__item .accordion__button i { transition: transform var(--ts-25) ease, color var(--ts-25) ease; }
.accordion__item .accordion__button.is-active i { --color: var(--wpb-secondary); }
.accordion__item .accordion__body p{padding-bottom:1rem;}

@media (min-width: 992px) {
    .wpb-accordion { --padding: 1.6rem 2.4rem; --body-padding: 2.4rem 2.8rem; }
}

/*** Pagination ***/
.wpb-pagination { --color: rgb(var(--wpb-text)); --bg-color: 255,255,255; --border: 1px solid rgb(var(--wpb-border-color)); --border-radius: 50%; --hover-color: rgb(var(--wpb-primary)); --hover-bg-color: var(--bg-color); --hover-border: 1px solid rgb(var(--wpb-primary)); --active-color: rgb(var(--wpb-primary)); --active-bg-color: rgb(var(--bg-color)); --active-border: 1px solid rgb(var(--wpb-primary)); }
.wpb-pagination li span { width: 5rem; height: 5rem; font-size: 2rem; line-height: 3.75rem; }
.wpb-pagination li .page-number__next, .wpb-pagination li .page-number__prev { display: inline-grid; place-items: center; }
.wpb-pagination li .page-number__next .wpb-icon, .wpb-pagination li .page-number__prev .wpb-icon { --width: 1.6rem; }
.wpb-pagination li .page-number__next:hover .wpb-icon, .wpb-pagination li .page-number__prev:hover .wpb-icon { --color: var(--wpb-primary); }

/*** Single ***/
.wpb-single__breadcrumbs { padding-top: 3.2rem; padding-bottom: 3.2rem; }
.wpb-single__breadcrumbs + section { padding-top: 0; }
.wpb-single__content .content-section:first-child { padding-top: 0; }
.wpb-single__content.has-sidebar > .container > .inner { display: grid; gap: 3.2rem; grid-template-columns: minmax(0, 1fr); }
.wpb-single__content.has-sidebar > .container > .inner .container { padding: 0; }
.wpb-single__content.has-sidebar .sidebar { padding-bottom: 3.2rem; }
.wpb-single__content.has-sidebar .sidebar .wpb-card { --border-radius: 1.4rem; border: none; position: sticky; top: 6.4rem; }
.wpb-single__content.has-sidebar .sidebar .wpb-card .wpb-card__body { display: grid; grid-template-columns: 1fr 14rem; align-items: end; position: relative; }
.wpb-single__content.has-sidebar .sidebar .wpb-card .wpb-card__body a { font-size: 1.8rem; line-height: 2.1rem; text-decoration: none; font-weight: 700; display: inline-flex; align-items: center; gap: .5rem; padding-top: 1rem; }
.wpb-single__content.has-sidebar .sidebar .wpb-card .wpb-card__body a .wpb-icon { --color: 255,255,255; --width: 1.4rem; --height: 1.4rem; }
.wpb-single__content.has-sidebar .sidebar .wpb-card .wpb-card__body img { width: 14rem; height: 100%; position: absolute; right: 0; bottom: 0; border-radius: 1.4rem; object-fit: contain; object-position: bottom; }
.wpb-single__content.has-sidebar .sidebar .wpb-card h3 + p { padding-top: 1rem; font-size: 1.6rem; line-height: 2.2rem; }

:is(.wpb-featured, .wpb-featured__single) .wpb-card.wpb-card__article .card-title { padding-bottom: 12.8rem; }

@media (min-width: 992px) {
    .wpb-header__single .text { width: 50%; }
    .wpb-header__single::after { background: linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.8) 40%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.2) 100%); }
    .wpb-single__breadcrumbs { padding-top: 3.6rem; padding-bottom: 6.4rem; }

    .wpb-single__content.has-sidebar > .container > .inner { grid-template-columns: 1fr 43rem; }
    .wpb-single__content.has-sidebar .sidebar { padding-bottom: 6.4rem; }
}

@media (min-width: 1200px) {
    .wpb-header__single .text :is(p, ul, ol) { font-size: 2.2rem; line-height: 3rem; }

    .wpb-single__content.has-sidebar > .container > .inner { gap: 5rem; }

    :is(.wpb-featured, .wpb-featured__single) .wpb-card.wpb-card__article .card-title { padding-bottom: 19.2rem; }
}

.wpb-share-article { border-top: 1px solid rgb(var(--wpb-border-color)); display: flex; flex-wrap: wrap; align-items: center; padding-top: 3.2rem; padding-bottom: 3.2rem; gap: .5rem 1.9rem; }
.wpb-share-article .social-share-icons { padding-top: 0; gap: 0.5rem; }
.wpb-share-article .social-share-icons .wpb-icon { --width: 2rem; --height: 2rem; } 

@media (min-width: 992px) {
    .wpb-share-article { padding-bottom: 6.4rem; }
}

/*** Block: Header home ***/
.wpb-header__home { padding-top: 3.2rem; }
.wpb-header__home .inner { align-items: center; }

.wpb-header__home .wpb-header__cta { padding: 1.6rem; border-radius: 1.4rem; position: relative; overflow: hidden; min-height: 26rem; height: 100%; text-decoration: none; } 
.wpb-header__home .wpb-header__cta .content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: start; height: 100%; }
.wpb-header__home .wpb-header__cta .content .btn { margin-top: auto; }
.wpb-header__home .wpb-header__cta img { position: absolute; width: 100%; height: 100%; object-fit: contain; object-position: right bottom; }
.wpb-header__home .wpb-header__cta .btn.btn-link { padding-left: 0; padding-bottom: 0; }
.wpb-header__home .wpb-header__cta-1 img { max-width: 28rem; position: absolute; bottom: 0; right: 0; top: 1.6rem; }
.wpb-header__home .wpb-header__cta-2 img { position: absolute; top: 6.4rem; right: 3.2rem; bottom: 0; transition: opacity var(--ts-15) ease; max-width: 200px; max-height: 120px; }
.wpb-header__home .wpb-header__cta-2 .btn.btn-link { color: rgb(var(--wpb-secondary)); pointer-events: none; }
.wpb-header__home .wpb-header__cta-2 .btn.btn-link .wpb-icon { --color: var(--wpb-secondary); transition: transform var(--ts-15) ease; }
.wpb-header__home .wpb-header__cta-2:hover img { opacity: .75; }
.wpb-header__home .wpb-header__cta-2:hover .btn.btn-link .wpb-icon { transform: translateX(1.6rem); }
.wpb-header__home .wpb-header__cta-3 img { position: absolute; top: 1.6rem; right: 0; bottom: 0; }
.wpb-header__home .wpb-header__cta-3 { border: 1px solid rgb(var(--wpb-border-color)); }
.wpb-header__home .wpb-header__cta-3 .btn.btn-link { color: rgb(var(--wpb-primary)); pointer-events: none; transition: transform var(--ts-15) ease; }
.wpb-header__home .wpb-header__cta-3 .btn.btn-link .wpb-icon { --color: var(--wpb-primary); }
.wpb-header__home .wpb-header__cta-3 .content * { transition: color var(--ts-15) ease; }
.wpb-header__home .wpb-header__cta-3:hover .content * { color: rgb(var(--wpb-primary)); }

.wpb-header__home .usps { display: grid; border-bottom: 1px solid rgb(var(--wpb-border-color)); padding-top: 3.2rem; padding-bottom: 3.2rem; }
.wpb-header__home .usps .wpb-icon { --color: 157, 159, 27; }

@media (min-width: 576px) {
    .wpb-header__home .usps { display: flex; flex-wrap: wrap; justify-content: space-between; }
}

@media (min-width: 768px) {
    .wpb-header__home { padding-top: 4.8rem; }
    .wpb-header__home .wpb-header__cta { padding: 2.8rem }
    .wpb-header__home .wpb-header__cta-1 { grid-column: span 2; }
    .wpb-header__home .wpb-header__cta-1 img { max-width: 38rem; }
    .wpb-header__home .usps { padding-top: 4rem; padding-bottom: 4rem; }
}

@media (min-width: 992px) { 
    .wpb-header__home .wpb-header__cta { min-height: 21rem; }
    .wpb-header__home .wpb-header__cta-1 { grid-column: span 1; grid-row: span 2; }
    .wpb-header__home .inner { grid-template-columns: 9fr 4fr; }
}

@media (min-width: 1200px) { 
    .wpb-header__home .wpb-header__cta-1 { padding: 4.4rem; }
    .wpb-header__home .wpb-header__cta-1 img { max-width: 45rem; }
}

@media (max-width: 576px) { 
    .wpb-header__home .inner {row-gap: 16px;}
    .wpb-header__home .wpb-header__cta:not(.wpb-header__cta-1) {min-height: 22rem;}
    .wpb-header__home .wpb-header__cta.wpb-header__cta-1 {min-height: 32rem;}
    .wpb-header__home .wpb-header__cta-1 img {max-width: 24rem;}
}

/*** Block: Featured tax ***/
.wpb-featured-tax { --gc: 2; }
.wpb-featured-tax .inner { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 1.6rem; }
.wpb-featured-tax .wpb-card.wpb-card__tax .wpb-card__footer { display: flex; flex-direction: column; justify-content: space-between; gap: .5rem; padding: 1.6rem; }
.wpb-featured-tax .wpb-card.wpb-card__tax .wpb-card__footer h3 { line-height: 1; }
.wpb-featured-tax .wpb-card.wpb-card__tax .btn.btn-link { color: rgb(var(--wpb-primary)); padding: 0; }
.wpb-featured-tax .wpb-card.wpb-card__tax .btn.btn-link .wpb-icon { --color: var(--wpb-primary); }
.wpb-featured-tax .wpb-card.wpb-card__tax .wpb-card__header { aspect-ratio: 1/1; align-items: center; }
.wpb-featured-tax .wpb-card.wpb-card__tax .wpb-card__header img { object-fit: contain; transform: rotate(45deg); height: 1000px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

@media (min-width: 576px) {
    .wpb-featured-tax .wpb-card.wpb-card__tax .wpb-card__footer { flex-direction: row; align-items: center; } 
}

@media (min-width: 768px) {
    .wpb-featured-tax { --gc: 2; }
    .wpb-featured-tax .wpb-card.wpb-card__tax .wpb-card__footer { padding: 2.4rem; }
}

@media (min-width: 992px) {
    .wpb-featured-tax { --gc: 4; }
    .wpb-featured-tax .wpb-card.wpb-card__tax .wpb-card__header img { object-fit: contain; transform: rotate(45deg); height: 1400px;}
}

/*** Block: Text media ***/
.wpb-text-media { padding-top: var(--wpb-wp); }
/* .wpb-text-media .text :is(p, ul, ol) { opacity: .75; } */

@media (min-width: 992px) {
    .wpb-text-media { --gap: 6.4rem; }
    .wpb-text-media .inner { grid-template-columns: 8fr 10fr; }
}

/*** Block: Blurb ***/
.wpb-card.wpb-card__blurb { --border-radius: 0; border: none; }
.wpb-card.wpb-card__blurb .wpb-card__header { display: inline-grid; place-items: center; max-width: 13.2rem; width: 100%; border-radius: 50%; aspect-ratio: 1/1; margin: auto; background-color: #F4F4F4; }
.wpb-card.wpb-card__blurb .wpb-card__header img { max-width: 50%; max-height: 50%; object-fit: contain;}
.wpb-card.wpb-card__blurb .wpb-card__body { padding: 3.2rem 0 0 0; } 

/*** Block: Devider ***/
.wpb-devider .inner { border-top: 1px solid rgb(var(--wpb-border-color)); }

/*** Pagina stijlen ***/
.is_page_stijlen { background-color: rgb(var(--wpb-grey)); }
.is_page_stijlen .wpb-header__woocommerce { padding-bottom: 4.8rem; }

@media (min-width: 992px) { 
    .is_page_stijlen .wpb-featured-tax { --gc: 3; }
}

/*** Footer ***/
.wpb-footer { background-color: transparent; }

.wpb-footer__cta { background: linear-gradient(0deg, rgba(var(--wpb-dark),.9) 0%, rgba(var(--wpb-dark),.9) 50%, rgba(0,0,0,0) 50%); }
.wpb-footer__cta .inner { border-radius: 2.4rem; padding: 6.4rem 2.2rem; display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.2rem; }
.wpb-footer__cta .text { max-width: 55rem; }
.wpb-footer__cta figure { display: none; }
.wpb-footer__cta figure img { max-width: 14rem; margin: auto auto 0 auto; }

.wpb-footer .main { --gc: 1; background-color: rgba(var(--wpb-dark),.9); }
.wpb-footer .main .inner { align-items: start; }
.wpb-footer .wpb-card__contact { background-color: rgb(var(--wpb-dark)); border: none; }
.wpb-footer .wpb-card__contact * { color: #fff; }

.wpb-footer .footer-menu__title p { color: #fff; }
.wpb-footer .menu-item { color: #fff; padding: .25rem 0; transition: color var(--ts-15) ease; }
.wpb-footer .menu-item:hover { color: rgba(var(--wpb-primary)); }

.wpb-footer .bottom .inner { justify-content: center; flex-direction: column; text-align: center; }
.wpb-footer .bottom { --padding-y: 0; background-color: rgba(var(--wpb-dark),.9); }
.wpb-footer .bottom .inner { background-color: rgb(var(--wpb-dark)); border-radius: 1.4rem 1.4rem 0 0; color: #fff; padding: 2.2rem; gap: 1.6rem; }
.wpb-footer .bottom-links { display: flex; flex-direction: column; justify-content: start; align-items: center; gap: 1rem; padding: 0; width: auto; }
.wpb-footer .bottom-links a { padding: 0; font-size: 1.4rem; text-decoration: none; transition: color var(--ts-15) ease; }
.wpb-footer .bottom-links a:hover { color: rgba(var(--wpb-primary)); }
.wpb-footer .bottom-links * { color: #fff; font-size: 1.4rem; }

@media (min-width: 576px) {
    .wpb-footer .bottom-links { flex-direction: row; flex-wrap: wrap; }
    .wpb-footer .bottom-links .menu { display: flex; flex-wrap: wrap; gap: .5rem 1.6rem; }
    .wpb-footer .bottom .inner { flex-direction: row; text-align: start; justify-content: space-between; }
    .wpb-footer .bottom-links > *:not(:last-child)::after { font-size: 1.4rem; content: '|'; margin-left: 1rem; color: #fff; }
}

.wpb-footer .powered-by-wux { display: flex; gap: .4rem; flex-wrap: nowrap; white-space: nowrap; }
.wpb-footer .powered-by-wux span { font-size: 1.1rem; color: #fff; font-weight: 600; opacity: .5; }
.wpb-footer .powered-by-wux img { width: 5rem; }

.wpb-footer__cart .usps { display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid rgb(var(--wpb-border-color)); padding-top: 3.2rem; padding-bottom: 3.2rem; }
.wpb-footer__cart .usps .wpb-icon { --color: 157, 159, 27; }

.wpb-footer__cta.is-product-page-cta figure { position: absolute; inset: 0; margin-bottom: 0; }
.wpb-footer__cta.is-product-page-cta figure img { margin: auto 3.2rem 0 auto; }
.wpb-footer__cta.is-product-page-cta .text { position: relative; z-index: 1; }
.wpb-footer__cta.is-product-page-cta h2 { padding: 0; font-size: clamp(2.8rem, 4vw, 4.8rem); line-height: 1; }

@media (min-width: 576px) {
    .wpb-footer__cta figure img { max-width: 22rem; }
}

@media (min-width: 768px) {
    .wpb-footer__cta .inner { grid-template-columns: 1fr 22rem; padding: 6.4rem 3.2rem; }
    .wpb-footer__cta.is-product-page-cta { grid-template-columns: 1fr; }
    .wpb-footer__cta.is-product-page-cta figure img { max-width: 32rem; }

    .wpb-footer__cta figure { margin-bottom: -6.4rem; display: flex; }

    .wpb-footer .main { --gc: 2; --padding-y: 6.4rem; }
    .wpb-footer .footer-menu__title p { font-size: 2.4rem; }
    .wpb-footer .menu-item { font-size: 1.8rem; }

    .wpb-footer .bottom .inner { padding: 2.2rem 2.8rem; }
}

@media (min-width: 992px) {
    .wpb-footer__cta .inner { padding: 8rem 6.4rem; }
    .wpb-footer__cta figure { margin-bottom: -8rem; }

    .wpb-footer__cta.is-product-page-cta figure img { max-width: 40rem; }
    .wpb-footer__cta.is-product-page-cta .btn-group { padding-top: 3.2rem!important; }

    .wpb-footer .main { --padding-y: 8rem; }
}

@media (min-width: 1200px) {
    .wpb-footer__cta .inner { padding: 8rem 7.8rem; }
    .wpb-footer .main { --gc: 4; }

    .wpb-footer .wpb-footer__menu:nth-child(2) { grid-column: span 2; }
    .wpb-footer .wpb-footer__menu:nth-child(2) ul { column-count: 2; column-gap: 2.2rem; }

    .wpb-footer__cta.is-product-page-cta p { font-size: 2.4rem; line-height: 3.2rem; }
}


@media (max-width: 576px) {
    .wpb-card.wpb-card__product .wpb-card__body .prd-title a { font-size: 1.6rem!important; }
    .wpb-card.wpb-card__product .btn { font-size: 1.4rem; }
    .wpb-card.wpb-card__product .btn.btn-secondary { --padding-x: 1.4rem; }
    .wpb-card.wpb-card__product .btn.btn-link { padding-right: 0; padding-left: 1.2rem; }
    .wpb-card.wpb-card__product .btn.btn-link i { display: none; }

    .wpb-card.wpb-card__product .wpb-card__header .badge { left: 0!important; border-top-left-radius: 0; border-bottom-left-radius: 0; }
}

.prd-images.full-size-seatbelts {position: relative; height: 500px;}
.prd-images.full-size-seatbelts > div[class^="prd-seatbelt"] { z-index: 1; transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; transform-origin: center; display: none; opacity: 0; visibility: hidden; transition: opacity .7s ease-in-out;}
.prd-images.full-size-seatbelts > div[class^="prd-seatbelt"] > img {object-fit: contain; width: 100%; height: 100%; transform: rotate(45deg) }
.prd-images.full-size-seatbelts > div[class^="prd-seatbelt"].--active {display: block; opacity: 1; visibility: visible; z-index: 2;}
.prd-images .prd-image-notice {position: absolute; right: -10%; z-index: 9999; bottom: 32px; display: flex; align-items: center; column-gap: 4px;}
.prd-images .prd-image-notice .wpb-icon {width: 1.4rem; height: 1.4rem; opacity: .5;}
.prd-images .prd-image-notice p {font-size: 14px; line-height: 1.1; opacity: .75;}
@media (max-width: 1400px) {
    .prd-images .prd-image-notice {right: -5%;}
}
@media (max-width: 992px) {
    .prd-images.full-size-seatbelts {height: 300px;}
    .prd-images.full-size-seatbelts > div[class^="prd-seatbelt"] {top: 45%; left: 60%;}
    .prd-images .prd-image-notice {right: 0; bottom: 0;}
}


.prd-summary {position: relative; z-index: 5;}

.woocommerce-color-radio {transition: .2s ease;}
.woocommerce-color-radio.--disabled {pointer-events: none; opacity: 0.65;}

.accordion__body-upsell .form-group-radio {display: grid; grid-template-columns: 1fr 1fr; column-gap: 8px;}
.accordion__body-upsell .form-group-radio input {display: none;}
.accordion__body-upsell .form-group-radio label {border-radius: 8px; column-gap: 8px; display: flex; font-size: 18px; padding: 12px; height: 100%; width: 100%; border: 1px solid rgb(var(--wpb-border-color));}
.accordion__body-upsell .form-group-radio label h3 {font-size: 16px; font-weight: 600;}
.accordion__body-upsell .form-group-radio label span {font-size: 15px;}
.accordion__body-upsell .form-group-radio label * {color: #888888;}
.accordion__body-upsell .form-group-radio input:checked + label {border: 1px solid rgb(var(--wpb-secondary));}
.accordion__body-upsell .form-group-radio input:checked + label * {color: rgb(var(--wpb-secondary));}

.accordion__body-upsell .form-group-radio label::before {content: ''; min-width: 2rem; height: 2rem; border-radius: 50%; border: 1px solid rgb(var(--wpb-border-color));}
.accordion__body-upsell .form-group-radio input:checked + label::before {border: 6px solid rgb(var(--wpb-secondary));}

.wpb-hidden-woocommerce-fields {display: none;}

.wpb-single__breadcrumbs + h2 {padding-top: 0!important;}


@media (min-width: 992px){
    .wpb-card:is(.wpb-card__address, .wpb-card__contact) .wpb-card__body {padding: 2.4rem;}
}


/*** CUSTOM TEAM SECTION **/
.wpb--team .header {margin-bottom: 40px;}
.wpb--team .inner {grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr)); display: grid; gap: 24px;}
.wpb--team .grid-item {background-color: rgb(var(--wpb-grey)); border-radius: 8px; border: 1px solid rgb(var(--wpb-border-color)); line-height: 10px; position: relative;}
.wpb--team .grid-item {padding: 28px 28px 0;}
.wpb--team .grid-item h3 {font-size: 32px; line-height: 32px;}
.wpb--team .grid-item img {max-height: 350px; width: unset; object-fit: cover; object-position: center top; display: block; margin: 0 auto; margin-top: 28px;}
.wpb--team .grid-item .description {opacity: 0; background: linear-gradient(180deg, rgba(var(--wpb-grey),0) 0%, rgba(var(--wpb-grey),0.95) 50%, rgba(var(--wpb-grey),1) 100%); position: absolute; left: 0; right: 0; bottom: 0; padding: 28px; padding-top: 200px; transition: 200ms ease-in-out;}
@media only screen and (max-width: 768px) {
    .wpb--team .grid-item img {max-height: 250px; margin-top: 18px; object-fit: cover; object-position: top;}
    .wpb--team .grid-item .description {padding-top: 100px;}
}
