/*
Theme Name: Wux Theme
Author: Wux
Author URI: https://wux.nl/
Description: Wux is het custom wordpress thema van Wux - Internetbureau
Version: 2.0
Requires PHP: 8.3.0
Text Domain: wuxnl-theme
*/

/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap'); */

@font-face {
    font-family: 'Galano Grotesque Alt';
    src:  url('assets/fonts/GalanoGrotesqueAltRegular.otf') format('opentype');
    font-weight: 400; /* Regular */
}
@font-face {
    font-family: 'Galano Grotesque Alt';
    src:  url('assets/fonts/GalanoGrotesqueAltMedium.otf') format('opentype');
    font-weight: 500; /* Medium */
}
@font-face {
    font-family: 'Galano Grotesque Alt';
    src:  url('assets/fonts/GalanoGrotesqueAltBold.otf') format('opentype');
    font-weight: 700; /* Bold */
}

:root {
    --fs: 1.4rem;
    --lh: 1.6;
    
    /* Custom beziers */
    --cb--smooth: cubic-bezier(.58,.22,.2,.96);

    /* Color variables */
    --clr-primary: #E55A50;
    --clr-primary-20: #ffccc8;
    --clr-primary-rgb: 229, 90, 80;
    
    --clr-secondary: #6190CB;
    --clr-secondary-rgb: 97, 144, 203;

    --clr-tertiary: #F49945;
    --clr-tertiary-rgb: 244, 153, 69;

    --clr-dark: #353535;
    --clr-dark-rgb: 53, 53, 53;
    --clr-dark-80: #555555;
    --clr-dark-50: #9A9A9A;
    --clr-dark-25: #CDCDCD;
    --clr-dark-20: #E3E3E3;
    --clr-dark-15: #E9E9E9;
    --clr-dark-5: #F4F4F4; 

    --clr-heading: var(--clr-dark);
    --clr-text: #696969;

    --clr-light: var(--clr-dark-5);

    --clr-border: var(--clr-dark-15);
    
    --clr-danger: #ca473e;
    --clr-info: #3d9cd2;
    --clr-success: #1CB435;

    /* Font variables */
    --font-primary: 'Galano Grotesque Alt', sans-serif;

    /* Container max-width variables */
    --container-width: 100%;
    --container-width--sm: 540px;
    --container-width--md: 720px;
    --container-width--lg: 960px;
    --container-width--xl: 1160px;
    --container-width--xxl: 1320px;
    --container-width--xxxl: 1476px;

    --global-transition-duration: var(--ts-25);
    --global-transition-function: var(--cb--smooth);

}

@media (min-width: 768px) {
    :root {
        --fs: 1.6rem;
    }
}

body { font-family: var(--font-primary); }

/*** ---------- Typography ---------- ***/
h1, .h1 { --fs: clamp(3.2rem, 5vw, 6.4rem); --lh: 1; }
h2, .h2 { --fs: clamp(2.4rem, 5vw, 3.6rem); --lh: 1.15; }
h3, .h3 { --fs: clamp(2rem, 5vw, 2.4rem); --lh: 1; }
h4, .h4 { --fs: 1.8rem; --lh: 2rem; }

.wpb-text :is(h1, h2, h3) strong{ color: var(--clr-dark-50); }
.wpb-text p:has(+ :is(h1, h2, h3)) em { font-style: normal; font-size: clamp(1.6rem, 3vw, 2rem); font-weight: 600; opacity: .7; }
.wpb-text p:has(+ :is(h1)) em{ font-size: clamp(2rem, 3vw, 2.4rem); }
.wpb-text p:has(em) + :is(h1, h2, h3) { --mt: .1em; }

.wpb-text .wpb-breadcrumbs + :is(h1, h2, h3) { --mt: 2.4rem; }

.properties { font-size: 1.4rem; line-height: 1; list-style: none; }
.properties li { display: flex; align-items: center; column-gap: .8rem; }
.properties li + li { margin-top: 1rem; }
.properties li i { font-size: 1.7rem; }

.wpb-person { --gap: 1.2rem; --img-size: 4.6rem; display: flex; align-items: center; column-gap: var(--gap); text-decoration: none; }
.wpb-person .wpb-person__image { border: .2rem solid rgba(var(--clr-dark-rgb),.25); width: var(--img-size); height: var(--img-size); min-width: var(--img-size); border-radius: 50%; overflow: clip; padding: .2rem; }
.wpb-person .wpb-person__image img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.wpb-person .wpb-person__text { line-height: 1; display: flex; flex-direction: column; }
.wpb-person .wpb-person__text *{ transition: color var(--ts-25) ease; }
.wpb-person .wpb-person__text strong { color: var(--clr-dark); }
.wpb-person > i { --size: 4.2rem; width: var(--size); height: var(--size); min-width: var(--size); border-radius: 50%; border: 1px solid #D9D9D9; display: inline-grid; place-items: center; transition-property: background-color, border-color, color; transition-duration: var(--global-transition-duration); transition-timing-function: var(--global-transition-function); }
a.wpb-person:hover > i { background-color: var(--clr-primary); border-color: var(--clr-primary); color: #fff; }
a.wpb-person:hover .wpb-person__text *{ color: var(--clr-primary) !important; }

.wpb-breadcrumbs { text-overflow: ellipsis; }
.wpb-breadcrumbs * { color: var(--clr-dark); font-size: 1.3rem; line-height: 1; column-gap: .8rem; white-space: nowrap; }
.wpb-breadcrumbs i { color: var(--clr-dark-50); }
.wpb-breadcrumbs i.fa-chevron-right { font-size: 1rem; }

.wpb-usp { --gap: 2rem; --clr: var(--clr-dark); }
.wpb-usp:has(+ .wpb-usp) .inner{ padding-right: var(--gap); }
.wpb-usp .inner { display: flex; align-items: center; column-gap: var(--gap); row-gap: 1.2rem; }
.wpb-usp .wpb-usp-item{ display: flex; align-items: center; gap: .8rem; color: var(--clr); text-wrap: nowrap; font-size: clamp(1.3rem, 3vw, 1.5rem); scroll-snap-align: start; }
.wpb-usp .wpb-usp-item i{ --size: 2.2rem; display: flex; justify-content: center; align-items: center; width: var(--size); min-width: var(--size); height: var(--size); min-height: var(--size); border-radius: 50%; background-color: #D9D9D9; font-size: 80%; }

.wpb-image:has(.wpb-usp){ position: relative; }
.wpb-image .wpb-usp{ --clr: #fff; position: absolute; left: 1.8rem; bottom: 1.8rem; right: 1.8rem; }
.wpb-image .wpb-usp .wpb-usp-item i{ background-color: rgb(255, 255, 255, .25); }
.wpb-image .wpb-usp .inner{ flex-wrap: wrap; justify-content: center; }

@media (max-width: 1199.98px) {
    .wpb-usp{ display: flex; }
    .wpb-usp .inner{ --ts-speed: 12s; animation: translate_x_left var(--ts-speed) linear infinite; padding-left: var(--gap); }
}

@media (min-width: 992px) {
    .wpb-usp { --gap: 4rem; }
    .wpb-image .wpb-usp .inner{ justify-content: start; }
}

@media (min-width: 1200px) {
    .wpb-usp .inner.inner--mobile-only{ display: none; }
    .wpb-image .wpb-usp{ bottom: 3.2rem; left: 5.6rem; }
    .wpb-person { --gap: 1.6rem; --img-size: 5.7rem; }
    .wpb-person i { --size: 5.2rem; }
}

/*** ---------- Whitespace ---------- ***/
[class*="wpb-wst"] { --pt: 0; padding-top: var(--pt); }
[class*="wpb-wsb"] { --pb: 0; padding-bottom: var(--pb); }

.wpb-wst--none { --pt: 0; }
.wpb-wst--small { --pt: 1.8rem; }
.wpb-wst--medium { --pt: 2.5rem; }
.wpb-wst--large { --pt: 4rem; }

.wpb-wsb--none { --pb: 0; }
.wpb-wsb--small { --pb: 1.8rem; }
.wpb-wsb--medium { --pb: 2.5rem; }
.wpb-wsb--large { --pb: 4rem; }

@media (min-width: 992px) {
    .wpb-wst--small { --pt: 6.4rem; }
    .wpb-wst--medium { --pt: 8rem; }
    .wpb-wst--large { --pt: 11rem; }
    
    .wpb-wsb--small { --pb: 6.4rem; }
    .wpb-wsb--medium { --pb: 8rem; }
    .wpb-wsb--large { --pb: 11rem; }
}

/*** ---------- Background colors ---------- ***/
.wpb-bg-clr--primary { background-color: var(--clr-primary); }
.wpb-bg-clr--dark { background-color: var(--clr-dark); }
.wpb-bg-clr--secondary { background-color: var(--clr-secondary); }
.wpb-bg-clr--light { background-color: var(--clr-dark-5); }

section:has(.is-background-video, .is-background-image) .wpb-text *:not(.btn, .btn *, .wpb-card, .wpb-card *),
section:is(.wpb-bg-clr--dark, .wpb-bg-clr--dark-80){ --clr-text: #fff; --clr-heading: #fff; color: var(--clr-text); }

/*** ---------- Cards ---------- ***/
.wpb-card-container { container-type: inline-size; container-name: card; }
.wpb-bg-clr--light .wpb-card.wpb-card--news, .wpb-bg-clr--light .wpb-card.wpb-card--news.wpb-card--is-featured .wpb-card__body{ background-color: var(--clr-dark-5); }

.wpb-card .card-title { font-size: clamp(2rem, 1.3vw, 2.4rem); line-height: 1; color: var(--clr-dark); font-weight: 700; }
.wpb-card .wpb-cta-btn { margin-top: auto; padding: var(--p); }

.wpb-card.wpb-card--product{ transition: border var(--ts-25) ease; }
.wpb-card.wpb-card--product .wpb-card__header { position: relative; padding: 4.6rem 2rem 1.8rem 2rem; height: 100%; }
.wpb-card.wpb-card--product .wpb-card__header > img { object-fit: contain; max-height: 22.1rem; } 
.wpb-card.wpb-card--product .wpb-card__header .brand-logo { position: absolute; top: var(--p); left: var(--p); z-index: 1; width: 5.5rem; }
.wpb-card.wpb-card--product .badge-group { margin-bottom: 1rem; }
.wpb-card.wpb-card--product .wpb-card__footer { display: grid; }
.wpb-card.wpb-card--product .properties { margin-top: 1.4rem; }
.wpb-card.wpb-card--product .btn { width: 100%; }
.wpb-card.wpb-card--product:not(.wpb-card--featured-product):hover{ border: .1rem solid var(--clr-primary-20); }

.wpb-card.wpb-card--product.wpb-card--v2 .card-title{ font-size: 1.8rem; }
.wpb-card.wpb-card--product.wpb-card--v2 .badge{ font-size: 1.2rem; }

.wpb-card.wpb-card--product-simple{ border: none; border-bottom: 1px solid var(--clr-dark-25); transition: border var(--ts-25) ease; }
.wpb-card.wpb-card--product-simple .wpb-card__header > img { object-fit: contain; max-height: 14rem; }
.wpb-card.wpb-card--product-simple .wpb-card__body{ text-align: center; }
.wpb-card.wpb-card--product-simple .card-title{ display: block; font-size: clamp(1.3rem, 2vw, 1.5rem); line-height: 1.2; transition: color var(--ts-25) ease;  }
.wpb-card.wpb-card--product-simple .btn{ --p: 0; --gap: .6rem; box-shadow: none!important; font-size: clamp(1.2rem, 2vw, 1.4rem); font-weight: 300; min-height: auto; }
.wpb-card.wpb-card--product-simple .btn i{ font-size: 1rem; }
.wpb-card.wpb-card--product-simple:hover{ border-color: var(--clr-primary); }
.wpb-card.wpb-card--product-simple:hover .card-title{ color: var(--clr-primary); }

.wpb-card.wpb-card--featured-product { background-color: var(--clr-dark-5); border: none; border-bottom: .8rem solid var(--clr-primary); align-items: center; }
.wpb-card.wpb-card--featured-product .card-title { font-size: clamp(1.6rem, 5vw, 1.8rem); }
.wpb-card.wpb-card--featured-product .wpb-card__header .brand-logo { left: auto; right: var(--p); }
.wpb-card.wpb-card--featured-product .wpb-card__footer { font-size: 1.4rem; padding: var(--p); border-top: 1px solid #DFDFDF; }  
.wpb-card.wpb-card--featured-product .wpb-card__footer > * + * { margin-top: .25em; }
.wpb-card.wpb-card--featured-product .wpb-card__footer strong { color: var(--clr-dark); } 
.wpb-card.wpb-card--featured-product .wpb-person { z-index: 2; margin-top: var(--p); }
.wpb-card.wpb-card--featured-product .btn { margin-top: 2rem; }

.wpb-card.wpb-card--brand .wpb-card__header { flex-grow: 1; padding: var(--p); justify-content: center; }
.wpb-card.wpb-card--brand .wpb-card__header img { object-fit: contain; max-height: 8.6rem; max-width: 20rem; transition: transform var(--ts-25) ease; }
.wpb-card.wpb-card--brand .wpb-card__footer { text-align: center; border-top: 1px solid var(--clr-dark-20); padding: var(--p); }
.wpb-card.wpb-card--brand .btn--light { --icon-clr: var(--clr-dark)!important; --icon-bg-clr: var(--clr-dark-20)!important; }
.wpb-card.wpb-card--brand:hover .btn--light { --icon-clr: #fff!important; --icon-bg-clr: var(--clr-primary)!important; }
.wpb-card.wpb-card--brand:hover .wpb-card__header img{ transform: scale(1.1); }

.wpb-card.wpb-card--product-sidebar-info { background-color: var(--clr-dark); border: none; color: #fff; }
.wpb-card.wpb-card--product-sidebar-info .wpb-card__body.product { display: grid; grid-template-columns: 7.7rem 1fr; align-items: center; column-gap: 1.8rem; }
.wpb-card.wpb-card--product-sidebar-info .wpb-card__body.product figure { width: 7.7rem; height: 7.7rem; background-color: #fff; padding: 1.2rem; } 
.wpb-card.wpb-card--product-sidebar-info .wpb-card__body.product h2 { color: #fff; font-size: clamp(1.6rem, 5vw, 1.8rem); margin-top: .8rem; }
.wpb-card.wpb-card--product-sidebar-info .wpb-card__body + .wpb-card__body{ border-top: .1rem solid var(--clr-dark-80); }
.wpb-card.wpb-card--product-sidebar-info .wpb-cta-btn .wpb-person .wpb-person__text strong{ color: #fff; }

.wpb-card.wpb-card--gform { background-color: var(--clr-dark); }
.wpb-card.wpb-card--gform .gform_wrapper .gfield_label { color: #fff; }
.wpb-card.wpb-card--gform .gform_wrapper .gfield_label .gfield_required { color: #fff; }
.wpb-card.wpb-card--gform .gform_wrapper .gfield:has(.gfield_description){ position: relative; }
.wpb-card.wpb-card--gform .gform_wrapper .gfield_description{ display: block; position: absolute; top: 0; right: 0; width: fit-content; padding: 0; border: none !important; color: var(--clr-dark-50); font-size: 1.2rem; }
.wpb-card.wpb-card--gform .gform_wrapper :is(input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea) { font-size: 1.4rem; color: #fff; font-weight: 400; background-color: var(--clr-dark-80); border: none; padding: 0 2rem!important; min-height: 5.4rem!important; }
.wpb-card.wpb-card--gform .gform_wrapper :is(input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea)::placeholder { color: rgba(255,255,255,.65); }
.wpb-card.wpb-card--gform .gform_wrapper .gfield textarea{ --p: 2rem; padding: var(--p) !important; }
.wpb-card.wpb-card--gform .wpb-card__body > * + * { margin-top: 1em; }
.wpb-card.wpb-card--gform .gform_footer-text * { color: #fff; }
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message { background: none !important; border: none !important; color: #FFF; font-size: 1.2rem; }

@media  (min-width: 576px) and (max-width: 768px), 
        (min-width: 992px) and (max-width: 1400px){
    .wpb-card.wpb-card--gform .gform_wrapper .gfield_description{ display: none; }
}

.wpb-card.wpb-card--core-value { --p: 2.8rem; min-height: 30rem; position: relative; z-index: 1; justify-content: end; border: none; }
.wpb-card.wpb-card--core-value .wpb-card__header { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.wpb-card.wpb-card--core-value .wpb-card__header img { width: 100%; height: 100%; object-fit: cover; }
.wpb-card.wpb-card--core-value .wpb-card__body { z-index: 1; background-color: #fff; flex-grow: 0; max-width: 35rem; }
.wpb-card.wpb-card--core-value .wpb-card__body h3{ margin-bottom: 1rem; }

.wpb-card.wpb-card--cta{ --p: 2.8rem 1.8rem; border: none; border-bottom: 1rem solid var(--clr-primary); }
.wpb-card.wpb-card--cta .wpb-card__header{ display: flex; align-items: center; gap: 1.6rem; padding: var(--p); padding-bottom: 0; }
.wpb-card.wpb-card--cta:has(.wpb-card__header) .wpb-card__body{ padding-top: 1.2rem; }
.wpb-card.wpb-card--cta .wpb-card__body p{ font-size: clamp(1.3rem, 2vw, 1.5rem); color: var(--clr-dark); }
.wpb-card.wpb-card--cta .btn{ --bg-clr: var(--clr-dark-15) !important; margin-top: 2rem; }

.wpb-card.wpb-card--page{ border-color: var(--clr-dark-20); transition: border var(--ts-25) ease; }
.wpb-card.wpb-card--page .wpb-card__body{ display: flex; justify-content: end; flex-direction: column; }
.wpb-card.wpb-card--page .sub-title{ display: flex; align-items: center; gap: .5rem; color: var(--page-color); line-height: 1; font-weight: 700; margin-top: 6rem; margin-bottom: 1.2rem; }
.wpb-card.wpb-card--page .sub-title img{ width: 1.8rem; }
.wpb-card.wpb-card--page .card-title{ display: flex; justify-content: space-between; align-items: end; gap: 1.2rem; word-break: break-word; overflow-wrap: break-word; hyphens: auto; }
.wpb-card.wpb-card--page .btn{ --hover-bg-clr: var(--page-color); --hover-border: 1px solid var(--page-color); }
.wpb-card.wpb-card--page:hover{ border-color: var(--page-color); }

.wpb-card.wpb-card--news{ --min-h: 32rem; border: none; position: relative; min-height: var(--min-h); }
.wpb-card.wpb-card--news .wpb-card__header{ overflow: hidden; }
.wpb-card.wpb-card--news .wpb-card__header img{ width: 100%; height: 100%; object-fit: cover; filter: brightness(0.975); background-color: var(--clr-dark-5); transition: transform var(--ts-25) ease; }
.wpb-card.wpb-card--news .wpb-card__body{ padding: 0; padding-top: var(--p); }
.wpb-card.wpb-card--news .badge-group{ padding-bottom: 1.5rem; }
.wpb-card.wpb-card--news .card-title{ padding-bottom: 1.5rem; font-size: clamp(1.8rem, 2vw, 2rem); transition: color var(--ts-25) ease; }
.wpb-card.wpb-card--news .card-text{ font-size: 1.4rem; color: var(--clr-dark-50); --excerpt-line-clamp: 3; display: -webkit-box; -webkit-line-clamp: var(--excerpt-line-clamp); -webkit-box-orient: vertical; overflow: hidden; }
.wpb-card.wpb-card--news:hover .wpb-card__header img{ transform: scale(1.1); }
.wpb-card.wpb-card--news:hover .card-title{ color: var(--clr-primary); }

.wpb-card.wpb-card--news.wpb-card--is-featured .wpb-card__header{ height: 100%; }
.wpb-card.wpb-card--news.wpb-card--is-featured .wpb-card__body{ background-color: #fff; position: absolute; left: 0; bottom: 0; padding-right: var(--p); width: calc(100% - 5rem); max-width: 32rem; }

.wpb-card.wpb-card--news.wpb-card--is-small { --min-h: auto !important; --p: 1.4rem; display: grid; align-items: center; grid-template-columns: 12rem 1fr; gap: 2.4rem; }
.wpb-card.wpb-card--news.wpb-card--is-small .wpb-card__header{ height: 100%; width: 100%; max-height: 8.6rem; }
.wpb-card.wpb-card--news.wpb-card--is-small .wpb-card__header img{ height: 100%; width: 100%; object-fit: cover; }
.wpb-card.wpb-card--news.wpb-card--is-small .wpb-card__body{ padding: var(--p) 0; } 
.wpb-card.wpb-card--news.wpb-card--is-small .card-title{ display: block; font-size: clamp(1.3rem, 1.5vw, 1.6rem); padding: 0; }
.wpb-card.wpb-card--news.wpb-card--is-small .badge-group{ padding-bottom: .8rem; }
.wpb-card.wpb-card--news.wpb-card--is-small .badge-group .badge{ font-size: 1.1rem; }

.wpb-card.wpb-card--news.wpb-card--is-small + .wpb-card.wpb-card--news.wpb-card--is-small { padding-top: 1.8rem; border-top: .1rem solid #D9D9D9; }

.wpb-card.wpb-card--product-info { --p: 2rem; display: flex; flex-direction: column; padding: 0; background-color: var(--clr-dark); }  
.wpb-card.wpb-card--product-info .wpb-card__body { padding: var(--p); }
.wpb-card.wpb-card--product-info .wpb-card__body > * + *:not(.btn .blockquote, .modal){  margin-top: 1em; }
.wpb-card.wpb-card--product-info p{ color: var(--clr-dark-15) !important; font-size: 1.4rem; }
.wpb-card.wpb-card--product-info .card-title { font-size: clamp(2.2rem, 5vw, 3.2rem); }
.wpb-card.wpb-card--product-info *:not(.badge, .badge *, .wpb-cta-btn) { color: #fff; }
.wpb-card.wpb-card--product-info .gform_footer-text{ display: flex; justify-content: center; align-items: center; gap: 1.4rem; }
.wpb-card.wpb-card--product-info .gform_footer-text i{ color: var(--clr-dark-25) !important; font-size: 3rem; }
.wpb-card.wpb-card--product-info .gform_footer-text p{ display: flex; flex-direction: column; }
.wpb-card.wpb-card--product-info .btn { width: 100%; }

.wpb-card.wpb-card--downloads .wpb-card__body{ background-color: var(--clr-dark-5); }
.wpb-card.wpb-card--downloads .card-title{ font-size: 1.8rem; margin-bottom: 1.6rem; }
.wpb-card.wpb-card--downloads .wpb-cta-btn{ background-color: var(--clr-dark-15); }
.wpb-card.wpb-card--downloads .wpb-cta-btn .wpb-person .wpb-person__text *{ color: var(--clr-dark); }
.wpb-card.wpb-card--downloads .wpb-cta-btn i.fa-arrow-right{ --bg-clr: #fff; --clr: var(--clr-dark-50); }

.wpb-card.wpb-card--contact{ background-color: var(--clr-dark); }
.wpb-card.wpb-card--contact .wpb-card__body + .wpb-card__body{ border-top: .1rem solid var(--clr-dark-80); }
.wpb-card.wpb-card--contact *{ color: #fff; }

@media (max-width: 767.98px) {
    .wpb-card.wpb-card--brand .wpb-card__footer{ display: none; }
}

@media (min-width: 992px) {
    .wpb-card.wpb-card--brand .wpb-card__header { padding-block: 4.5rem; }
    .wpb-card.wpb-card--gform { --p: 3.2rem; }
    .wpb-card.wpb-card--cta{ --p: 3.6rem; }
    .wpb-card.wpb-card--news{ --min-h: 43rem; }
    .wpb-card.wpb-card--news.wpb-card--is-featured .wpb-card__body{ max-width: 39rem; }
}

@media (min-width: 1200px) {
    .wpb-card.wpb-card--featured-product .wpb-person { --img-size: 4.8rem; }
    .wpb-card.wpb-card--gform { --p: 4.8rem; }
    .wpb-card.wpb-card--product-info{ --p: 2.8rem 3.2rem; }
}

@media (min-width: 1400px) {
    .wpb-card .wpb-cta-btn { padding: var(--p); } 
    .wpb-card.wpb-card--product { --p: 2.8rem; }
    .wpb-card.wpb-card--product .wpb-card__body { padding-bottom: 2.4rem; } 
    .wpb-card.wpb-card--product-info{ --p: 2.8rem 4rem; }
    .wpb-card.wpb-card--downloads{ --p: 2.8rem 4rem; }
    .wpb-card.wpb-card--product-sidebar-info { --p: 2.8rem; }
}

@container card (min-width: 500px) {
    .wpb-card.wpb-card--featured-product { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wpb-card.wpb-card--featured-product .wpb-card__body { order: -1; }
    .wpb-card.wpb-card--featured-product .wpb-card__footer { grid-column: span 2; }
}

@container card (min-width: 650px) {
    .wpb-card.wpb-card--gform .gform-footer { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; }
}

/*** ---------- Navigation ---------- ***/
.wpb-navigation .container { position: static; }
.wpb-navigation .wpb-navigation__top { min-height: 4.8rem; display: flex; align-items: center; background-color: var(--clr-dark-15); }
.wpb-navigation .wpb-navigation__top .container :is(a){ --fs: clamp(1.1rem, 1.2vw, 1.3rem); font-size: var(--fs); }
.wpb-navigation .wpb-navigation__top .menu-link{ padding: 1.2rem .9rem; }
.wpb-navigation .wpb-navigation__top .wpb-navigation__top__contact { display: flex; justify-content: center; align-items: center; width: 100%; gap: 2.4rem; }
.wpb-navigation .wpb-navigation__top .wpb-menu { display: none; }

.btn--nav-toggle i{ font-size: 2.2rem; }
.wpb-navigation .btn--nav{ --size: 4.4rem; --fs: 2rem; }

.wpb-navigation .wpb-navigation__main { padding-block: 1.8rem; }

.wpb-collapse__body .wpb-sub-menu { background-color: var(--clr-dark)!important; }
.wpb-collapse__body .wpb-sub-menu .menu-item__label { color: var(--clr-dark-40); margin-bottom: -1rem; }
.wpb-collapse__body .wpb-sub-menu .menu-item .menu-link { color: #fff; }
.wpb-collapse__body .wpb-sub-menu .menu-item--image { text-decoration: none; z-index: 1; position: relative; overflow: clip; }
.wpb-collapse__body .wpb-sub-menu .menu-item--image img { transition: transform var(--global-transition-duration) var(--global-transition-function); }
.wpb-collapse__body .wpb-sub-menu .menu-item--image img, 
.wpb-collapse__body .wpb-sub-menu .menu-item--image::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.wpb-collapse__body .wpb-sub-menu .menu-item--image::before { content: ''; display: block; z-index: 0; background: linear-gradient(to right, rgba(var(--clr-dark-rgb), .90), rgba(var(--clr-dark-rgb), 0)); }  
.wpb-collapse__body .wpb-sub-menu .menu-item--image .menu-item__text { padding: 2.8rem 1.8rem; min-height: 21.2rem; display: flex; flex-direction: column; justify-content: space-between; z-index: 2; position: relative; }
.wpb-collapse__body .wpb-sub-menu .menu-item--image .menu-item__text h3 { font-size: clamp(2.4rem, 5vw, 4rem); }
.wpb-collapse__body .wpb-sub-menu .menu-item--image .menu-item__text h3 strong { color: var(--clr-dark-25); }
.wpb-collapse__body .wpb-sub-menu .menu-item--image .menu-item__text * { color: #fff; }
.wpb-collapse__body .wpb-sub-menu .menu-item--image span { font-size: 1.3rem; font-weight: 700; display: flex; align-items: center; column-gap: 1rem; }
.wpb-collapse__body .wpb-sub-menu .menu-item--image span i { width: 3.4rem; height: 3.4rem; border-radius: 50%; border: 1px solid rgba(255,255,255,.5); display: inline-grid; place-items: center; font-size: 1rem; transition-property: background-color, border-color; transition-duration: var(--global-transition-duration); transition-timing-function: var(--global-transition-function); }
.wpb-collapse__body .wpb-sub-menu .menu-item--image:hover img { transform: scale(1.1); }
.wpb-collapse__body .wpb-sub-menu .menu-item--image:hover i { background-color: var(--menu-color); border-color: var(--menu-color); }
.wpb-collapse__body .wpb-sub-menu > ul { padding: 2.8rem 1.8rem; }
.wpb-collapse__body .wpb-sub-menu > ul:nth-of-type(1) { background-color: var(--clr-dark-80); }
.wpb-collapse__body .wpb-sub-menu > ul:nth-of-type(1) .menu-item__label { color: var(--clr-dark-50); }
.wpb-collapse__body .wpb-sub-menu .menu-item + .menu-item { border-top: 1px solid rgba(255,255,255,.15); }
.wpb-collapse__body .wpb-sub-menu .menu-item:last-child .menu-link { padding-bottom: 0; }
.wpb-collapse__body .wpb-sub-menu .menu-link { font-size: 1.8rem; font-weight: 700; display: flex; align-items: center; column-gap: 1.2rem; padding: 3rem 0 2rem 0; }
.wpb-collapse__body .wpb-sub-menu .menu-link i { width: 2.5rem; height: 2.5rem; border-radius: 50%; display: inline-grid; place-items: center; font-size: 1rem; color: #fff; border: 1px solid #737373; transition-property: background-color, border-color; transition-duration: var(--global-transition-duration); transition-timing-function: var(--global-transition-function); }
.wpb-collapse__body .wpb-sub-menu .menu-link:hover i { background-color: var(--menu-color); border-color: var(--menu-color); }

.wpb-navigation .menu-item-has-children:hover > .wpb-sub-menu { pointer-events: all; opacity: 1; }

/* Delete later */
/* .wpb-navigation .menu-item-has-children#menu-item-311 > .wpb-sub-menu{ opacity: 1 !important; pointer-events: all !important; }  */

@media(max-width: 767.98px){
    .wpb-navigation .btn.btn--icotext { --icon-size: 1.5rem; font-size: 1.3rem; }  
    .wpb-navigation .btn.btn--icotext i { font-size: 8px; }
    .wpb-navigation .wpb-navigation__main .btn--nav-toggle { min-height: 4.3rem; margin-right: 4.3rem; }
    .wpb-navigation .wpb-navigation__main .btn--nav-toggle i { --icon-size: 4.3rem!important; }
}

@media (max-width: 991.98px) {
    .wpb-collapse__body .wpb-sub-menu .menu-item--image { border-top: .7rem solid var(--clr-primary); }
}

@media(min-width: 768px){
    .wpb-navigation .wpb-navigation__top .wpb-navigation__top__contact { justify-content: start; width: auto; }
    .wpb-navigation .wpb-navigation__top .wpb-menu { display: flex; }
}

@media(min-width: 992px){
    .wpb-navigation .menu-item-has-children .wpb-sub-menu { position: absolute; top: 100%; right: auto; bottom: auto; left: 50%; transform: translateX(-50%)!important; width: 100%; padding: 0; height: auto!important; opacity: 0; overflow: visible; pointer-events: none; transition: opacity var(--global-transition-duration) ease; }

    .wpb-navigation .wpb-navigation__main { padding-block: 0; }
    .wpb-collapse__body > ul > li > .menu-link { padding: 4.9rem 1.4rem!important; }
    .wpb-navigation .menu-item-has-children .wpb-sub-menu { display: grid; z-index: 9999; }
    .wpb-navigation .menu-item-has-children:hover > a::after { content: ''; display: block; width: calc(100% + 4rem); height: 3.2rem; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
    .wpb-collapse__body .wpb-sub-menu { grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: .7rem solid var(--menu-color); }
    .wpb-collapse__body .wpb-sub-menu > ul { padding: 3.2rem 2.4rem; }
    .wpb-collapse__body .wpb-sub-menu .menu-link { padding-inline: 0!important; }

    .wpb-collapse__body .wpb-sub-menu .menu-item--image .menu-item__text { height: 100%; padding: 3.2rem 2.4rem; }
}

@media(min-width: 1200px){
    .wpb-collapse__body .wpb-sub-menu > ul { padding: 4.8rem 4rem; }
    .wpb-collapse__body .wpb-sub-menu .menu-item--image .menu-item__text { padding: 4.4rem 5.6rem; }
}

/*** ---------- Header ---------- ***/
.wpb-header { overflow: hidden; }
.wpb-header .wpb-header__bottom{ --p-tb: 2rem; display: flex; align-items: center; position: relative; padding-top: var(--p-tb); padding-bottom: var(--p-tb); padding-left: var(--p-lr); padding-right: var(--p-lr); }
.wpb-header .wpb-header__bottom::before{ --offset: calc(200vw - var(--wpb-width)); content: ''; position: absolute; top: 0; bottom: 0; right: calc(-1 * var(--offset)); left: calc(-1 * var(--offset)); width: calc(100% + var(--offset) + var(--offset)); height: 100%; background-color: var(--clr-dark-15); }
.wpb-header .wpb-header__bottom { --p-tb: 3.2rem; }
.wpb-header .wpb-header__bottom *{ z-index: 1; }

.is-background-video{ position: absolute; top: 0; right: var(--p); bottom: 0; left: var(--p); pointer-events: none; }
:is(.is-background-video video, .is-background-image img){ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
:is(.is-background-video, .is-background-image):before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgb(var(--clr-dark-rgb), .8), rgb(var(--clr-dark-rgb), .35), rgb(var(--clr-dark-rgb), .8)); z-index: -1; }
:is(section:has(.is-background-video, .is-background-image) , section:is(.wpb-bg-clr--dark, .wpb-bg-clr--dark-80, .wpb-bg-clr--light)) .btn.btn--icon:not(.btn--dark){ --bg-clr: #fff; --hover-bg-clr: var(--bg-clr); }

.wpb-header.wpb-header--home{ --p-tb: 4.8rem; --p-lr: 0; overflow: hidden; }
.wpb-header.wpb-header--home h1{ --lh: 1.2; word-break: break-word; overflow-wrap: break-word; hyphens: auto; }
.wpb-header.wpb-header--home .wpb-text{ padding: var(--p-tb) var(--p-lr); display: flex; flex-direction: column; }
.wpb-header.wpb-header--home .wpb-text .wpb-text__top .btn-group{ margin-top: 1.6rem; } 
.wpb-header.wpb-header--home .wpb-text .wpb-text__bottom{ padding-top: 2.8rem; margin-top: auto; }
.wpb-header.wpb-header--home .wpb-text blockquote{ border-width: .2rem; border-color: #ffff; line-height: 1.3; font-size: clamp(1.2rem, 2vw, 1.5rem); }
.wpb-header.wpb-header--home .container--main { --bottom-height: 6rem; min-height: 70dvh; display: grid; grid-auto-rows: 1fr var(--bottom-height) auto; }

.wpb-header.wpb-header--subpage{ background-color: var(--clr-dark-5); overflow: hidden; padding-top: 2.4rem; position: relative; }
.wpb-header.wpb-header--subpage .container{ display: grid; }
.wpb-header.wpb-header--subpage .wpb-image::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgb(var(--clr-dark-rgb), 0) 60%, rgb(var(--clr-dark-rgb), .8)); }
.wpb-header.wpb-header--subpage:has(.wpb-image) .wpb-card--cta{ margin-top: 4.8rem; }
.wpb-header.wpb-header--subpage.wpb-header--default .wpb-text{ display: flex; flex-direction: column; }
.wpb-header.wpb-header--subpage.wpb-header--default .wpb-text p{ font-size: clamp(1.8rem, 2vw, 2.4rem); color: var(--clr-dark); }
.wpb-header.wpb-header--subpage .wpb-card--cta{ height: fit-content; margin-top: auto; z-index: 5; border-color: var(--page-color); }
.wpb-header.wpb-header--subpage .wpb-text > *:has(+ .wpb-header__bottom) { margin-bottom: 4.8rem; }
.wpb-header.wpb-header--subpage .wpb-header__bottom{ margin-top: auto; }
.wpb-header.wpb-header--subpage .wpb-card--cta .btn.btn--icon{ --icon-bg-clr: var(--page-color); }
.wpb-header.wpb-header--subpage .wpb-text > p { font-size: 1.8rem; }
.wpb-header.wpb-header--subpage .wpb-text > p:first-of-type { --mt: 1.9rem; }

.wpb-header.wpb-header--author .container{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.wpb-header.wpb-header--author .wpb-text{ text-align: center; align-items: center; }
.wpb-header.wpb-header--author .wpb-breadcrumbs{ width: fit-content; }

.wpb-header.wpb-header--archive{ border-top: 1px solid var(--clr-dark-15); }
.wpb-header.wpb-header--archive .container{ display: grid; gap: 2.4rem; }
.wpb-header.wpb-header--archive .wpb-text p{ font-size: clamp(2rem, 2vw, 2.4rem); color: var(--clr-dark); }
.wpb-header.wpb-header--archive .wpb-text .btn{ margin-top: 4rem; }

.wpb-header.wpb-header--news .container .inner{ min-height: 40dvh; border-bottom: 1rem solid var(--clr-primary); position: relative; }
.wpb-header.wpb-header--news .container .wpb-text{ --p: 2rem; padding: var(--p); position: relative; z-index: 5; }
.wpb-header.wpb-header--news .is-background-image{ width: 100%; height: 100%; }
.wpb-header.wpb-header--news .is-background-image img{ width: 100%; height: 100%; object-fit: cover; }
.wpb-header.wpb-header--news .is-background-image::before{ background: linear-gradient(to bottom right, #0008, #0002 30%, #0000); }

@media(max-width: 991.98px){
    .wpb-header.wpb-header--home .container--main{ max-width: 100%; }
    .wpb-header.wpb-header--home .container--main > *:not(.wpb-card--cta){ width: var(--wpb-width); max-width: calc(100dvw - 3.6rem); margin-left: auto; margin-right: auto; }
    .wpb-header.wpb-header--home .container--main .wpb-card--cta{ --p: 0; margin-left: -1.8rem; margin-right: -1.8rem; max-width: 100dvw; height: fit-content;  padding-top: 2.8rem; padding-bottom: 2.8rem; }
    .wpb-header.wpb-header--home .container--main .wpb-card--cta > *{ width: var(--wpb-width); max-width: calc(100dvw - 3.6rem); margin-left: auto; margin-right: auto; }

    .wpb-header.wpb-header--subpage .container{ max-width: 100%; }
    .wpb-header.wpb-header--subpage .container .wpb-text > *:not(.wpb-card--cta, .wpb-image){ width: var(--wpb-width); max-width: calc(100dvw - 3.6rem); margin-left: auto; margin-right: auto; }
    .wpb-header.wpb-header--subpage .container .wpb-card--cta{ --p: 0; margin-left: -1.8rem; margin-right: -1.8rem; max-width: 100dvw; padding-top: 2.8rem; padding-bottom: 2.8rem; }
    .wpb-header.wpb-header--subpage .container .wpb-card--cta > *{ width: var(--wpb-width); max-width: calc(100% - 3.6rem); margin-left: auto; margin-right: auto; }
    .wpb-header.wpb-header--subpage .container .wpb-image{ margin-left: calc(-1 * var(--p)); margin-right: calc(-1 * var(--p)); }

}

@media(max-width: 1199.98px){
    .wpb-header.wpb-header--subpage.wpb-header--image .wpb-usp .inner { flex-wrap: nowrap; }
}

@media(max-width: 1399.98px){
    .wpb-header.wpb-header--home .wpb-text{ max-width: 82rem; }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .wpb-header.wpb-header--subpage .container .wpb-text > *:not(.wpb-card--cta, .wpb-image), .wpb-header.wpb-header--subpage .container .wpb-card--cta > *{ padding-left: 1.8rem; padding-right: 1.8rem; }
}

@media(min-width: 992px){
    .wpb-header.wpb-header--home{ --p-tb: 6.4rem; --p-lr: 4.8rem; }
    .wpb-header.wpb-header--home .wpb-text{ padding: var(--p-tb) var(--p-lr) 5.5rem var(--p-lr); }
    .wpb-header.wpb-header--home .wpb-text .wpb-text__bottom{ max-width: 45rem; }
    .wpb-header.wpb-header--home .container--main{ --bottom-height: 8.8rem; }
    .wpb-header.wpb-header--home .container--main::before{ --w: calc(100vw - var(--wpb-width)); content: ''; position: absolute; right: calc(100% - var(--p)); top: -1px; bottom: -1px; width: var(--w); height: calc(100% + 2px); background-color: #fff; z-index: 2; }
    .wpb-header.wpb-header--home .wpb-card--cta{ position: absolute; right: 0; bottom: 0; max-width: 40rem; z-index: 5; }

    .wpb-header.wpb-header--subpage{ padding-top: 4.8rem; }
    .wpb-header.wpb-header--subpage .container{ grid-template-columns: 1fr 1fr; column-gap: 4.8rem; align-items: end; z-index: 2; }
    .wpb-header.wpb-header--subpage .wpb-text{ display: flex; flex-direction: column; }
    .wpb-header.wpb-header--subpage .wpb-text > *:has(+ .wpb-card--cta){ margin-bottom: auto; }
    .wpb-header.wpb-header--subpage .wpb-image{ --image-offset: calc(-1 * 100dvw * 1 + var(--wpb-width)); margin-right: var(--image-offset); max-height: 52rem; overflow: hidden; }
    .wpb-header.wpb-header--subpage .wpb-image img{ width: 100%; height: 100%; object-fit: cover; }
    .wpb-header.wpb-header--subpage:has(.wpb-image)::after{ --h: 8.8rem; content: ''; position: absolute; right: 0; bottom: 0; left: 0; background-color: var(--clr-dark-15); height: var(--h); }
    .wpb-header.wpb-header--subpage.wpb-header--default .container{ grid-template-columns: 44rem 1fr; }

    .wpb-header.wpb-header--archive .container{ grid-template-columns: 1fr 1fr; }

    .wpb-header.wpb-header--news .container .wpb-text{ --p: 4rem; }
    .wpb-header.wpb-header--news .container .inner{ min-height: 60dvh; }
}

@media(min-width: 1200px){
    .wpb-header .wpb-header__bottom.wpb-header__bottom--align-center{ justify-content: center; }
    .wpb-header .wpb-header__bottom.wpb-header__bottom--align-center .wpb-usp{ --gap: 8rem; }
    .wpb-header.wpb-header--home{ --p-tb: 8rem; --p-lr: 8rem; }
    .wpb-header.wpb-header--home .wpb-text blockquote{ padding-left: 2.8rem; }
    .wpb-header.wpb-header--home .wpb-text .wpb-text__bottom{ max-width: 62rem; }

    .wpb-header.wpb-header--subpage .container{ grid-template-columns: minmax(0, 58.6rem) minmax(0, 1fr); column-gap: 8rem; }
    .wpb-header.wpb-header--subpage.wpb-header--default .container{ grid-template-columns: 1fr 1fr; }
    .wpb-header.wpb-header--subpage.wpb-header--default .wpb-card--cta{ margin-left: auto; max-width: 58.6rem; }
    .wpb-header.wpb-header--subpage:has(.wpb-image) .wpb-card--cta{ margin-top: 6.4rem; }

    .wpb-header.wpb-header--archive .container{ grid-template-columns: 1fr 62.4rem; }
}

@media(min-width: 1400px){
    .wpb-header.wpb-header--home .wpb-card--cta { max-width: 50rem; }

    .wpb-header.wpb-header--subpage .container{ column-gap: 13.4rem; }
}

@media(min-width: 1600px){
    .wpb-header.wpb-header--home .wpb-card--cta { max-width: 58.6rem; }
}

/*** ---------- Blocks ---------- ***/
.wpb-block {  }
.wpb-block .wpb-block__header { margin-bottom: 2.8rem; }
.wpb-block .wpb-block__header .container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2rem; }

@media (min-width: 1200px) {
    .wpb-block .wpb-block__header { margin-bottom: 4rem; }
}

/*** ---------- Block: Brands ---------- ***/
.wpb-block--brands { --gc: 2; --gap: 1rem; overflow: hidden; }
.wpb-block--brands .wpb-block__body .container--normal { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); }
.wpb-block--brands .wpb-block__body .blaze-slider-nav{ display: flex; gap: 1.6rem; margin-top: 2.4rem; }
.wpb-block--brands .wpb-block__body .blaze-slider-nav *:hover{ color: #fff; }
.wpb-block--brands .wpb-block__body .blaze-slider-nav>:first-child{ right: 100%; }
.wpb-block--brands .wpb-block__body .blaze-slider-nav>:last-child{ left: 100%; }
.wpb-block--brands .wpb-block__body:has(.blaze-slider) .wpb-card__footer{ display: none; }

.wpb-content .wpb-block--brands .wpb-block__body .container { grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr)); }
.wpb-content .wpb-card.wpb-card--brand .btn{ --size: 3.6rem; --fs: 1.3rem; margin: 0; }
.wpb-content .wpb-card.wpb-card--brand .btn i{ display: none; }

@media (min-width: 992px) {
    .wpb-block--brands { --gc: 4; --gap: 2rem; }
    .wpb-block--brands .wpb-block__body .blaze-slider-nav{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: space-between; align-items: center; pointer-events: none; margin-top: 0; }
    .wpb-block--brands .wpb-block__body .blaze-slider-nav *{ position: absolute; pointer-events: all; display: flex; justify-content: center; align-items: center; }
}

/*** ---------- Block: References ---------- ***/
.wpb-reference { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.2rem; }
.wpb-reference .wpb-reference__title { display: flex; align-items: center; column-gap: 1.2rem; }  
.wpb-reference .wpb-reference__title figure { --size: 4.3rem; display: inline-grid; place-items: center; padding: .8rem; width: var(--size); height: var(--size); min-width: var(--size); border-radius: 50%; background-color: var(--clr-dark-15); }
.wpb-reference .wpb-reference__title p { display: flex; flex-direction: column; line-height: 1; }
.wpb-reference .wpb-reference__title p strong { font-size: 2rem; color: var(--clr-dark); }
.wpb-reference .wpb-reference__content > * + * { margin-top: 2rem; }


@media (min-width: 768px) {
    .wpb-reference .wpb-reference__title figure { --size: 5.3rem; }
    .wpb-reference .wpb-reference__title p { font-size: 1.5rem; }
    .wpb-reference .wpb-reference__title p strong { font-size: 2.4rem; } 
}

@media (min-width: 992px) {
    .wpb-reference { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1200px) {
    .wpb-reference { gap: 6.4rem; grid-template-columns: 2fr 1fr; }
}

@media (min-width: 1400px) {
    .wpb-reference { grid-template-columns: 1fr 56rem; }
}

/*** ---------- Block: Before after ---------- ***/
.wpb-block--before-after .container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.2rem; }  
.wpb-before-after { position: relative; display: grid; grid-template-areas: "images"; }
.wpb-before-after > figure { overflow: clip; pointer-events: none; grid-area: images; z-index: 1; width: 100%; height: 100%; position: relative; }
.wpb-before-after > figure img { user-select: none; width: 100%; height: 100%; object-fit: cover; object-position: left; }
.wpb-before-after > figure:nth-child(1) { width: 50%; z-index: 2; }
.wpb-before-after > figure .badge { white-space: nowrap; position: absolute; z-index: 1; bottom: 2rem; }
.wpb-before-after > figure:nth-child(1) .badge { left: 2rem; }  
.wpb-before-after > figure:nth-child(2) .badge { right: 2rem; }
.wpb-before-after .wpb-before-after__handle { position: absolute; top: 0; left: 50%; width: 3.4rem; height: 100%; transform: translateX(-50%); z-index: 2; cursor: ew-resize; }
.wpb-before-after .wpb-before-after__handle::after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; background-color: var(--clr-dark); }
.wpb-before-after .wpb-before-after__handle i { z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-grid; place-items: center; width: 3.4rem; height: 8.9rem; border-radius: 2rem; background-color: #fff; border: 1px solid var(--clr-dark-20); color: var(--clr-dark) }  

@media (min-width: 992px) {
    .wpb-block--before-after .container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wpb-block--before-after .wpb-align-left .wpb-before-after { order: -1; }
}

@media (min-width: 1200px) {
    .wpb-block--before-after .container { column-gap: 6.4rem; grid-template-columns: 1fr 2fr; }
    .wpb-block--before-after .container.wpb-align-left { grid-template-columns: 2fr 1fr; }
}

@media (min-width: 1400px) {
    .wpb-block--before-after .container { grid-template-columns: 56rem 1fr; }
    .wpb-block--before-after .container.wpb-align-left { grid-template-columns: 1fr 56rem; }
}

/*** ---------- Archive ---------- ***/
.wpb-archive-tools { margin-bottom: 2rem; color: var(--clr-dark); }
.wpb-archive-tools .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.wpb-archive-tools form { display: flex; flex-wrap: wrap; gap: .8rem; }

.wpb-archive { --gc: 1; }
.wpb-archive .wpb-archive__results .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); grid-auto-flow: dense; gap: 2.8rem 2rem; }
.wpb-archive .wpb-card.wpb-card--cta { background-color: var(--clr-dark-5); }
.wpb-archive .wpb-card.wpb-card--cta .wpb-card__body > * + * { margin-top: 1em; }
.wpb-archive .wpb-card.wpb-card--cta .wpb-card__footer { display: grid; }
.wpb-archive .wpb-alert { grid-column: span var(--gc); }

@media (min-width: 576px) {
    .wpb-archive .wpb-card.wpb-card--featured-product { height: 100%; }
    .wpb-archive .wpb-card-container:has(.wpb-card.wpb-card--featured-product) { grid-column: span 2; }
}

@media (min-width: 768px) {
    .wpb-archive-tools { margin-bottom: 2.8rem; }
    .wpb-archive { --gc: 2; }
}

@media (min-width: 992px) {
    .wpb-archive { --gc: 3; }
    .wpb-archive .wpb-card.wpb-card--cta { --p: 2.8rem; }
    .wpb-archive .wpb-card.wpb-card--cta .wpb-person__text { font-size: 1.8rem; }
}
@media (min-width: 1200px) {
    .wpb-archive { --gc: 4; }
}

/*** ---------- Single product ---------- ***/
.wpb-header .wpb-header__tools { margin-bottom: 2.6rem; }
.wpb-header .wpb-header__tools .container { display: flex; gap: 1.2rem; flex-wrap: wrap; justify-content: space-between; align-items: center; }

.wpb-header.wpb-header--product { background-color: var(--clr-dark-5); overflow: hidden; }
.wpb-header.wpb-header--product .wpb-header__main { margin-bottom: 3.2rem; }
.wpb-header.wpb-header--product .wpb-header__main .container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.2rem; }
.wpb-header.wpb-header--product .wpb-header__main .wpb-images { --p: 2rem; background-color: #fff; padding: var(--p); position: relative; }
.wpb-header.wpb-header--product .wpb-header__main .wpb-images .blaze-slider-nav { z-index: 1; position: absolute; bottom: var(--p); right: var(--p); display: flex; gap: 1.2rem; }
.wpb-header.wpb-header--product .wpb-header__main .wpb-images .main-slider .blaze-track { display: flex; align-items: center; }
.wpb-header.wpb-header--product .wpb-header__main .wpb-images img { max-height: 39.2rem; object-fit: contain; cursor: zoom-in; }
.wpb-header.wpb-header--product .wpb-header__main .wpb-images .thumb-slider { position: absolute; bottom: var(--p); left: var(--p); right: calc(var(--p) + 9rem); }  
.wpb-header.wpb-header--product .wpb-header__main .wpb-images .thumb-slider .blaze-slide { cursor: pointer; width: 4rem!important; border: 1px solid var(--clr-border); position: relative; }
.wpb-header.wpb-header--product .wpb-header__main .wpb-images .thumb-slider .blaze-slide::before { content: ''; display: block; width: 100%; padding-top: 100%; }
.wpb-header.wpb-header--product .wpb-header__main .wpb-images .thumb-slider .blaze-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }


@media (min-width: 992px) {
    .wpb-header.wpb-header--product .wpb-header__main { margin-bottom: 6.4rem; }
    .wpb-header.wpb-header--product .wpb-header__main .container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1200px) {
    .wpb-header .wpb-header__tools .wpb-breadcrumbs { margin-left: auto; }

    .wpb-header.wpb-header--product .wpb-header__main { margin-bottom: 10rem; }
    .wpb-header.wpb-header--product .wpb-header__main .wpb-images { --p: 3.2rem; }
    .wpb-header.wpb-header--product .wpb-header__main .wpb-images .thumb-slider .blaze-slide { width: 5rem!important; }
}

@media (min-width: 1400px) {
    .wpb-header.wpb-header--product .wpb-header__main .container { grid-template-columns: 1fr 55.1rem; column-gap: 4.8rem; }
    .wpb-header.wpb-header--product .wpb-header__main .wpb-images { padding-block: 6rem; }
}

/*** ---------- Offerte aanvragen ---------- ***/
.wpb-contact { background-color: var(--clr-dark-5); }
.wpb-contact .container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.2rem; }
.wpb-contact .wpb-card--gform h1 { color: #fff; font-size: clamp(2.4rem, 5vw, 3.6rem); }

@media (min-width: 992px) {
    .wpb-contact .container { grid-template-columns: 1fr 38rem; align-items: start; }
}

.wpb-contact-extra { background-color: var(--clr-dark-5); }

/*** ---------- Blazeslider ---------- ***/
.blaze-slider :is(.blaze-prev, .blaze-next) { cursor: pointer; --size: 3.9rem; background: transparent; border: 1px solid var(--clr-dark-15); color: var(--clr-dark-50); border-radius: 50%; width: var(--size); height: var(--size); min-width: var(--size); transition: background var(--ts-25) ease, border var(--ts-25) ease, color var(--ts-25) ease; }
.blaze-slider :is(.blaze-prev, .blaze-next) i{ font-size: 1.6rem; }
.blaze-slider :is(.blaze-prev, .blaze-next):hover{ border-color: transparent; background-color: var(--clr-dark); color: #fff; }
.blaze-slider.nav { transition: background var(--ts-25) ease, border var(--ts-25) ease, color var(--ts-25) ease; }
.blaze-slider.blaze-slider--featured-products :is(.blaze-prev, .blaze-next){ --size: 5.2rem; border-color: #D9D9D9; color: var(--clr-dark); }
.blaze-slider.blaze-slider--featured-products :is(.blaze-prev, .blaze-next):hover { color: #fff; }

/*** ---------- Footer CTA ---------- ***/
.wpb-footer-cta { padding-block: 4.8rem; background-color: var(--clr-dark-80); }
.wpb-footer-cta :is(h2, a, p):not(.btn) { color: #fff; }
.wpb-footer-cta .container { display: grid; grid-template-columns: repeat(var(--gc, 1), minmax(0, 1fr)); gap: var(--gap, 3.2rem); align-items: center; }
.wpb-footer-cta .btn--light-primary { --icon-bg-clr: var(--clr-dark); }
.wpb-footer-cta .btn.btn--icotext { --clr: #fff; width: fit-content; }
.wpb-footer-cta .wpb-text.wpb-text--cta .btn.btn--icon{ --bg-clr: #ffff; --icon-bg-clr: var(--clr-dark); --hover-bg-clr: var(--bg-clr); }

@media (min-width: 768px) {
    .wpb-footer-cta { --gc: 2; }
    .wpb-footer-cta .wpb-text--cta { grid-column: span 2; }
    .wpb-footer-cta .wpb-text.wpb-text--contact { font-size: 1.5rem; }  
    .wpb-footer-cta .wpb-text.wpb-text--contact strong { font-size: 1.8rem; }
}

@media (min-width: 992px) {
    .wpb-footer-cta { --gc: 3; }
    .wpb-footer-cta .wpb-text--cta { grid-column: span 1; }
}

@media (min-width: 1200px) {
    .wpb-footer-cta { --gap: 6.4rem; padding-block: 6.4rem; }
    .wpb-footer-cta .container { grid-template-columns: 3fr 4fr 2fr; }
}

/*** ---------- Single product ---------- ***/
/* Specifications table */
.wpb-specifications-table{ --border: 1px solid var(--clr-dark-20); --p-row: 2rem; --first-col-width: 12rem; }
.wpb-specifications-table .wpb-specifications-table__title{ font-size: 2rem; margin-bottom: 1.2rem; }
.wpb-specifications-table .wpb-specifications-table__row{ display: flex; align-items: center; line-height: 1; gap: 2.4rem; padding: var(--p-row) 0; border-bottom: var(--border); color: var(--clr-dark); }
.wpb-specifications-table .wpb-specifications-table__row strong{ width: var(--first-col-width); min-width: var(--first-col-width); font-size: clamp(1.3rem, 1.5vw, 1.6rem) }
.wpb-specifications-table .wpb-specifications-table__row span{ font-size: clamp(1.2rem, 1.5vw, 1.4rem); color: var(--clr-dark-80); }
.wpb-specifications-table table { width: 100%!important; height: auto!important; border-style: hidden!important; }

.wpb-properties-table .wpb-properties-table__title{ font-size: 2rem; margin-bottom: 1.2rem; }
.wpb-properties-table .wpb-properties-table__main{ display: flex; flex-direction: column; gap: 1.2rem; margin-top: 2.4rem; }
.wpb-properties-table .wpb-properties-table__row{ display: flex; gap: 1.2rem; color: var(--clr-dark); line-height: 1.2; }
.wpb-properties-table .wpb-properties-table__row-text{ display: flex; flex-direction: column; gap: .4rem; }
.wpb-properties-table .wpb-properties-table__row-text strong{ font-size: clamp(1.4rem, 2vw, 1.6rem); }
.wpb-properties-table .wpb-properties-table__row-text span{ font-size: clamp(1.2rem, 2vw, 1.4rem); }

@media(min-width: 992px){
    .wpb-specifications-table{ --first-col-width: 20rem; }
    .wpb-properties-table .wpb-properties-table__main{ gap: 2.4rem; }
}


/*** ---------- Footer ---------- ***/
.wpb-footer { margin-top: auto; background-color: var(--clr-dark); } 
.wpb-footer__main { --gc: 2; padding-block: 4.8rem; }
.wpb-footer__main .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 4.8rem 3.2rem;  }
.wpb-footer__menu ul { list-style: none; }
.wpb-footer__main .footer-menu__title { font-size: 1.4rem; line-height: 1; color: var(--clr-dark-25); display: block; padding: 0 0 3rem 0; color: inherit; text-decoration: none; text-decoration: none; font-weight: 500; }
.wpb-footer__main ul li a { font-size: 1.4rem; line-height: 1; color: #fff; text-decoration: none; display: block; transition: color var(--ts-25) ease; }
.wpb-footer__main ul li + li a { padding-top: 2.4rem; }
.wpb-footer__main ul li a:hover{ color: var(--clr-primary); }


.wpb-footer__bottom .inner { border-top: 1px solid var(--clr-dark-80); padding-block: 3.2rem; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 2rem; }
.wpb-footer__bottom .by-wux { font-size: 1.2rem; color: var(--clr-dark-50); text-decoration: none; display: inline-flex; align-items: center; column-gap: .6rem; transition: filter var(--ts-25) ease; }
.wpb-footer__bottom .by-wux img { width: 1.5rem; height: 1.6rem; }
.wpb-footer__bottom .by-wux:hover { filter: brightness(500%); }

.wpb-footer__bottom ul { list-style: none; display: flex; align-items: center; gap: 1.4rem; }
.wpb-footer__bottom ul li { display: flex; align-items: center; gap: 1.4rem; }
.wpb-footer__bottom ul li a { color: var(--clr-dark-50); text-decoration: none; font-size: clamp(1rem, 1.5vw, 1.2rem); font-weight: 500; transition: color var(--ts-25) ease; }
.wpb-footer__bottom ul li a:hover{ color: #fff; }
.wpb-footer__bottom ul > * + *::before { content: '|'; color: var(--clr-dark-50); font-size: 1.2rem; }

@media (min-width: 768px) {
    .wpb-footer__main { --gc: 2; }
    .wpb-footer__bottom .inner { flex-direction: row; }
}

@media (min-width: 992px) {
    .wpb-footer__main { --gc: 4; padding-block: 6.4rem; }
}

@media (min-width: 1200px) {
    .wpb-footer__main { padding-block: 8rem; }
    .wpb-footer__bottom .inner { padding-block: 4.4rem; }
}