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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
    font-family: "Karibu";
    src: url('/app/themes/wuxnl-theme/assets/fonts/Karibu-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Karibu";
    src: url('/app/themes/wuxnl-theme/assets/fonts/Karibu-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}


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

    /* Color variables */
    --clr-primary: #0089CA;
    --clr-primary-20: #D7E5EA;
    --clr-primary-10: #DEECF3;
    --clr-primary-5: #EFF4F5;
    --clr-primary-rgb: 0, 112, 135;
    
    --clr-secondary: #e6fae9;

    --clr-heading: #003D5A;
    --clr-text: #003D5A;

    --clr-dark: #003D5A;
    --clr-dark-rgb: 0, 61, 90;

    --clr-light: #f2f2f2;

    --clr-footer: #002637;

    --clr-border: rgb(222, 226, 230); 
    
    --clr-danger: #FF382F;
    --clr-info: var(--clr-primary);
    --clr-success: #25A510;
    --clr-success-110: #1e890e;
    --clr-warning: #F3BA00;
    --clr-warning-2: #DEAE0F;

    /* Font variables */
    --font-primary: 'Open Sans', sans-serif;
    --font-secondary: 'Karibu', sans-serif;

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

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

}

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

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

:target { scroll-margin-top: 25rem; }

/*** ---------- Typography ---------- ***/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--font-secondary);  }
h1, .h1 { --fs: clamp(2.8rem, 5vw, 4.8rem); --lh: 1; }
h2, .h2 { --fs: clamp(2rem, 4vw, 3.6rem); --lh: 1; }
h3, .h3 { --fs: clamp(1.8rem, 3vw, 2.4rem); --lh: 1; }
h4, .h4 { --fs: 1.8rem; --lh: 2rem; }

.wpb-date { opacity: 0.6; font-size: 14px; display: block; }

/*** ---------- 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: 2.4rem; }
.wpb-wst--medium { --pt: 3.2rem; }
.wpb-wst--large { --pt: 4.6rem; }

.wpb-wsb--none { --pb: 0; }
.wpb-wsb--small { --pb: 2.4rem; }
.wpb-wsb--medium { --pb: 3.2rem; }
.wpb-wsb--large { --pb: 4.6rem; }

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


/*** ---------- Icons ---------- ***/
.wpb-icon-wrapper { width: 5rem; height: 5rem; border-radius: 50%; display: inline-grid; place-items: center; }
.wpb-icon-wrapper--primary { background-color: var(--clr-primary); }
.wpb-icon-wrapper--primary .wpb-icon { --clr: #fff; }
.wpb-icon-wrapper--secondary { background-color: var(--clr-secondary); }  
.wpb-icon-wrapper--secondary .wpb-icon { --clr: #fff; }

.wpb-icon-wrapper--small { width: 2.5rem; height: 2.5rem; min-width: 2.5rem; }
.wpb-icon-wrapper--small .wpb-icon { --w: 1.6rem; --h: 1.6rem; }

.wpb-icon-wrapper--medium { width: 3rem; height: 3rem; min-width: 3rem; }
.wpb-icon-wrapper--medium .wpb-icon { --w: 1.8rem; --h: 1.8rem; }

.wpb-icon-wrapper--large { width: 3.5rem; height: 3.5em; min-width: 3.5rem; }
.wpb-icon-wrapper--large .wpb-icon { --w: 2rem; --h: 2rem; }

.wpb-icon-wrapper--20 { width: 2rem; height: 2rem; min-width: 2rem; }
.wpb-icon-wrapper--20 .wpb-icon { --w: 1.2rem; --h: 1.2rem; margin-left: 1rem; }



/*** ---------- Dropdowns ---------- ***/
.wpb-dropdown--tax button { cursor: pointer; border: none; background-color: rgba(255,255,255,.1); color: #fff; font-size: 1.4rem; padding: .9rem 1.4rem .9rem 2rem; }
.wpb-dropdown--tax > button .wpb-icon { --clr: #fff; margin-left: 1rem; }
.wpb-dropdown--tax > .wpb-dropdown__menu { top: 100%; left: 0; border-radius: 0 0 .5rem .5rem; padding: 0; }
.wpb-dropdown--tax > .wpb-dropdown__menu button { color: var(--clr-text) }

@media (max-width: 575.98px) {
    .wpb-dropdown--tax button > span > span:nth-child(1) { display: none; }
}

@media (min-width: 992px) {
    .wpb-dropdown--tax button { font-size: 1.6rem; }
}

/* Stock */
.stock { font-size: 1.4rem; line-height: 1.3; color: var(--clr-stock); font-weight: 600; display: inline-flex; align-items: center; column-gap: .6rem; }  
.stock .wpb-icon { --clr: var(--clr-stock, var(--clr-text)); --w: 1.4rem; --h: 1.4rem; }

/*** ---------- Background colors ---------- ***/
.wpb-bg-clr--primary { --block-bg-clr: var(--clr-primary); background-color: var(--block-bg-clr); }
.wpb-bg-clr--primary .btn.btn--outline-dark { --clr: #fff; --border: 2px solid #fff; }
.wpb-bg-clr--primary-5 { --block-bg-clr: var(--clr-primary-5); background-color: var(--block-bg-clr); }
.wpb-bg-clr--primary-5-met-lijn { --block-bg-clr: var(--clr-primary-5); background-color: var(--block-bg-clr); overflow: clip; }

.wpb-bg-clr--primary-5-met-lijn { --src: url('/app/themes/wuxnl-theme/assets/img/bg-assets-1.svg'); --bg-clr: rgba(var(--clr-primary-rgb), .2); }
.wpb-bg-clr--primary-5-met-lijn::before,
.wpb-bg-clr--primary-5-met-lijn::after { content: ''; width: 1.2rem; height: 100%; position: absolute; left: 95%; top: 0; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: 1.2rem; mask-size: 1.2rem; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: bottom; mask-position: bottom; background-color: var(--bg-clr); }
.wpb-bg-clr--primary-5-met-lijn::after { left: calc(95% + 2rem); transform: rotate(180deg); } 

.wpb-bg-clr--primary-20 { background-color: var(--clr-primary-20); }

.wpb-bg-clr--secondary { background-color: var(--clr-secondary); }

.wpb-bg-clr--dark { background-color: var(--clr-dark); }
/* .wpb-bg-clr--dark * { color: #fff; } */
.wpb-bg-clr--dark .wpb-icon { --clr: #fff; }

[class*="wpb-clr--"] { color: var(--text-clr); }
.wpb-clr--primary { --text-clr: var(--clr-primary); }
.wpb-clr--success { --text-clr: var(--clr-success); }
.wpb-clr--warning { --text-clr: var(--clr-warning); }


/*** ---------- Buttons ---------- ***/
.btn, .gform_button, .gform_next_button, .gform_previous_button, .button { --fs: 1.4rem; --lh: 1; --p: 0 2rem; --br: .5rem; }

.btn.wpb-icon--elektro::after { order: -1; --clr: rgba(255,255,255,.2); --h: 4.5rem; margin-left: -2rem; -webkit-mask-size: 5rem; mask-size: 5rem; }

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

.btn.btn--primary-20 { --clr: var(--clr-text); --bg-clr: var(--clr-primary-20); --border: 1px solid transparent; --hover-bg-clr: var(--clr-primary); }
.btn.btn--primary-20 .wpb-icon { --clr: var(--clr-text); }
.btn.btn--primary-20:hover,
.btn.btn--primary-20:focus,
.btn.btn--primary-20:active { --clr: #fff; }

.btn.btn--primary-20:hover .wpb-icon,
.btn.btn--primary-20:focus .wpb-icon,
.btn.btn--primary-20:active .wpb-icon { --clr: #fff; }

.btn.btn--secondary { --clr: var(--clr-primary); --bg-clr: var(--clr-secondary); --border: 1px solid transparent; --hover-clr: var(--clr-secondary); --hover-bg-clr: var(--clr-primary); --hover-clr: #fff; }
.btn.btn--secondary .wpb-icon { --clr: var(--clr-primary); }

.btn.btn--dark { --bg-clr: var(--clr-dark); --border: 1px solid transparent; --hover-bg-clr: var(--clr-primary); }
.btn.btn--dark .wpb-icon { --clr: #fff; }

.btn.btn--outline { --clr: var(--clr-text); --border: 1px solid var(--clr-primary); --hover-bg-clr: var(--clr-primary); --hover-border: 1px solid var(--clr-primary); }

.btn.btn--ghost::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.btn .wpb-icon--arrow-right { --w: 1.4rem; --h: 1.4rem; }


/*** ---------- Cards ---------- ***/
.wpb-card-container { container: cardContainer / inline-size; }

.wpb-card.wpb-bg-clr--white { border: none; }
.wpb-card.wpb-bg-clr--primary { border: none; }
.wpb-card.wpb-bg-clr--primary .card-title,
.wpb-card.wpb-bg-clr--primary .card-description { color: #fff; }
.wpb-card.wpb-bg-clr--primary-5 { border: none; }
.wpb-card.wpb-bg-clr--primary-20 { border: none; }

.wpb-card .card-title { font-size: 1.8rem; line-height: 1.2; display: block; width: 100%; font-family: var(--font-secondary); }

.wpb-card .wpb-card__bg-assets { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: clip; z-index: -1; }
.wpb-card:has(.wpb-card__bg-assets) { z-index: 1; }

.wpb-card.wpb-card--category { border: none; display: grid; grid-template-columns: 1fr 3.2rem; grid-template-rows: auto 1fr; gap: 2rem; background-color: transparent; }
.wpb-card.wpb-card--category .wpb-card__header { grid-column: span 2; background-color: var(--clr-primary-5); position: relative; border-radius: .5rem; overflow: clip; }
.wpb-card.wpb-card--category .wpb-card__header::after { content: ''; display: block; width: 100%; padding-top: 36%; }
.wpb-card.wpb-card--category .wpb-card__header img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.wpb-card.wpb-card--category .wpb-card__body { padding: 0; line-height: 1.4; }
.wpb-card.wpb-card--category .card-description { display: block; font-size: 1.4rem; margin-top: .5rem; }
.wpb-card.wpb-card--category .wpb-icon { --w: 1.4rem; --h: 1.4rem; display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border-radius: .5rem; background-color: var(--clr-primary-20); margin-top: auto; transition: background-color var(--global-transition-duration) var(--global-transition-function); }
.wpb-card.wpb-card--category:hover .wpb-icon { background-color: var(--clr-primary); --clr: #fff; }

.wpb-card.wpb-card--cta { display: grid; }
.wpb-card.wpb-card--cta .wpb-card__header { position: relative; order: 2; display: none; padding-right: 6rem; overflow: clip; border-radius: 0 .5rem .5rem 0; }
.wpb-card.wpb-card--cta .wpb-card__header::after { transform: skewx(-5deg); content: ''; position: absolute; left: calc(100% - 8rem); top: 0; width: 99rem; height: 100%; background-color: var(--clr-primary); }
.wpb-card.wpb-card--cta .wpb-card__header figure { transform: skewx(-5deg); margin-left: 1.2rem; width: calc(100% - 2.4rem); overflow: clip; }
.wpb-card.wpb-card--cta .wpb-card__header figure img { transform: skewx(5deg) scale(1.1); width: 100%; height: 100%; object-fit: cover; object-position: right; }
.wpb-card.wpb-card--cta .card-title { font-size: 2.4rem; }
.wpb-card.wpb-card--cta .card-description { font-size: 1.4rem; margin-bottom: 1.8rem; }

.wpb-card.wpb-card--min-product { border: none; }
.wpb-card.wpb-card--min-product .wpb-card__header { background-color: var(--clr-primary-5); position: relative; }
.wpb-card.wpb-card--min-product .wpb-card__header::after { content: ''; display: block; padding-top: 65%; }
.wpb-card.wpb-card--min-product .wpb-card__header img { position: absolute; top: 1rem; right: 1rem; bottom: 1rem; left: 1rem; width: calc(100% - 2rem); height: calc(100% - 2rem); object-fit: contain; }
.wpb-card.wpb-card--min-product .wpb-card__body { padding: 1rem 0 0 0; display: flex; flex-direction: column; } 
.wpb-card.wpb-card--min-product .card-title { font-size: 1.3rem; margin-bottom: 2rem; font-family: var(--font-primary); font-weight: 700; }
.wpb-card.wpb-card--min-product .prd-price { line-height: 1.2; margin-top: auto; display: flex; flex-wrap: wrap; align-items: baseline; }
.wpb-card.wpb-card--min-product .prd-price del { display: block; width: 100%; font-size: 1.2rem; color: rgba(var(--clr-dark-rgb), .4); font-weight: 600; }
.wpb-card.wpb-card--min-product .prd-price > ins,
.wpb-card.wpb-card--min-product .prd-price bdi { text-decoration: none; font-weight: 700; font-size: 1.4rem; }  
.wpb-card.wpb-card--min-product .prd-price .tax-status { font-size: 1.2rem; font-weight: 400; margin-left: 1.4rem; }

.wpb-card.wpb-card--review { border: none; --p: 0; background-color: transparent; }
.wpb-card.wpb-card--review .review-score { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; align-items: center; }
.wpb-card.wpb-card--review .review-score .wpb-icon { --w: 14rem; --h: 2.2rem; }
.wpb-card.wpb-card--review .review-score .wpb-icon::after { background: linear-gradient(90deg, var(--clr-warning) 0%, var(--clr-warning) var(--percentage), var(--clr-primary-10) var(--percentage)); }
.wpb-card.wpb-card--review .review-date { font-size: 1.4rem; color: rgba(var(--clr-dark-rgb), .5); }
.wpb-card.wpb-card--review .review-title { font-size: 1.6rem; font-weight: 700; display: block; width: 100%; margin: 1rem 0 .8rem 0; } 
.wpb-card.wpb-card--review .review-description { font-size: 1.4rem; }
.wpb-card.wpb-card--review .review-name { font-size: 1.4rem; color: rgba(var(--clr-dark-rgb), .5); margin-top: .9rem; }

.wpb-card.wpb-card--article { border: none; --p: 0; background-color: transparent; }
.wpb-card.wpb-card--article .wpb-card__header { border-radius: var(--br); position: relative; height: 19.2rem; }
.wpb-card.wpb-card--article .wpb-card__header .badge { position: absolute; top: 1.5rem; left: 1.5rem; }
.wpb-card.wpb-card--article .wpb-card__header img { width: 100%; height: 100%; object-fit: cover; } 
.wpb-card.wpb-card--article .wpb-card__body { padding: .8rem 0 1.6rem 0; }
.wpb-card.wpb-card--article .card-date { font-size: 1.4rem; color: rgba(var(--clr-dark-rgb), .5) }
.wpb-card.wpb-card--article .btn { min-height: 4.1rem; font-size: 1.4rem; --p: 0 1.5rem; }
.wpb-card.wpb-card--article .btn::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.wpb-card.wpb-card--carousel-slide { border: none; }
.wpb-card.wpb-card--carousel-slide .wpb-card__header { padding: 1.5rem; padding-bottom: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.wpb-card.wpb-card--carousel-slide .wpb-card__header figure { position: relative; }
.wpb-card.wpb-card--carousel-slide .wpb-card__header figure::before { content: ''; display: block; padding-top: 75%; }
.wpb-card.wpb-card--carousel-slide .wpb-card__header figure img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: .5rem; }
.wpb-card.wpb-card--carousel-slide .wpb-card__body { display: flex; flex-direction: column; justify-content: center; }
.wpb-card.wpb-card--carousel-slide .wpb-card__body > * + * { margin-top: 1em; }

.wpb-card.wpb-card--team { border: none; margin-top: 2.4rem; background-color: transparent; }
.wpb-card.wpb-card--team .wpb-card__header { background-color: var(--clr-primary-10); overflow: visible; border-radius: var(--br); position: relative; }
.wpb-card.wpb-card--team .wpb-card__header img { margin-top: -2.4rem; z-index: 1; border-radius: var(--br); }
.wpb-card.wpb-card--team .wpb-card__header .wpb-icon.wpb-icon--elektro { --w: 100%; --h: 100%; --clr: rgba(255,255,255,.25); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.wpb-card.wpb-card--team .wpb-card__header .wpb-icon.wpb-icon--elektro::after { -webkit-mask-size: 70rem; mask-size: 70rem; }
.wpb-card.wpb-card--team .wpb-card__body { padding-inline: 0; padding-bottom: 0; line-height: 1; }
.wpb-card.wpb-card--team .card-title { font-style: italic; font-family: var(--font-secondary); }
.wpb-card.wpb-card--team .card-description { font-style: italic; font-size: 1.4rem; display: block; margin-top: 1rem; }

.wpb-card.wpb-card--contact-info .card-title { font-family: var(--font-secondary); margin-bottom: 1.6rem; font-style: italic; } 
.wpb-card.wpb-card--contact-info .wpb-card__body { padding-bottom: 2.4rem; }

.wpb-card.wpb-card--article .wpb-card__header::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(360deg, rgba(0, 61, 90, 0) 63.5%, rgba(0, 61, 90, 0.25) 100%);}

@container cardContainer (min-width: 500px) {
    .wpb-card.wpb-card--cta { grid-template-columns: 1fr 1fr; }
    .wpb-card.wpb-card--cta .wpb-card__header { display: flex; }
    .wpb-card.wpb-card--cta .wpb-card__body { padding: 2.5rem 3rem; }
}

@media (min-width: 768px) {
    .wpb-card.wpb-card--carousel-slide.has-images { display: grid; grid-template-columns: 2fr 1fr; align-items: center; }
    .wpb-card.wpb-card--carousel-slide .wpb-card__header { grid-column: 2; height: 100%; grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(2, minmax(0, 1fr)); order: 1; padding-left: 0; padding-bottom: 1.5rem; }
}

@media (min-width: 992px) {
    .wpb-card .card-title { font-size: 2rem; }
    
    .wpb-card.wpb-card--carousel-slide { --p: 3.2rem; }
    .wpb-card.wpb-card--carousel-slide.has-images { grid-template-columns: 1fr 26.1rem; }
}

@media (min-width: 1200px) {
    .wpb-card.wpb-card--carousel-slide { --p: 5.4rem; }
    
    .wpb-card.wpb-card--team .card-title { font-size: 2.4rem; }
}

@media (min-width: 1400px) {
    .wpb-card.wpb-card--contact-info { --p: 2.4rem; }
    .wpb-card.wpb-card--contact-info .wpb-card__body { padding-bottom: 5.9rem; }
}

/*** ---------- Reviews ---------- ***/
.wpb-review { font-size: 1.3rem; display: flex; align-items: center; column-gap: 1.5rem; text-decoration: none; }
.wpb-review .wpb-review__score { display: flex; align-items: center; column-gap: 1rem; font-weight: 700; }
.wpb-review .wpb-review__score .wpb-icon { --clr: var(--clr-warning); }
.wpb-review .wpb-review__total { display: none; text-decoration: underline; }
.wpb-review.wpb-review--light { color: #fff; }

.wpb-review--secondary .wpb-review__score { font-size: 3rem; }
.wpb-review--secondary .wpb-review__total { font-size: 1.3rem; display: flex!important; flex-direction: column; }
.wpb-review--secondary .wpb-review__total .wpb-icon { --clr: var(--clr-warning); }

@media (min-width: 768px) {
    .wpb-review .wpb-review__score { column-gap: 1.5rem }
    .wpb-review .wpb-review__total { display: block; }
}



/*** ---------- USP's ---------- ***/
.wpb-usps { --gc: 1; }
.wpb-usps ul { list-style: none; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 2rem; }
.wpb-usps ul li { display: grid; grid-template-columns: 1.6rem 1fr; column-gap: 1.5rem; }
.wpb-usps ul li .wpb-icon { --w: 1.6rem; --h: 1.6rem; margin-top: .35rem; }
.wpb-usps hr { border: none; border-top: 1px solid var(--clr-primary-20); }

.wpb-usps ul + hr,
.wpb-usps hr + ul { margin-top: 3.2rem; }

.wpb-block--usps { padding-top: 3.2rem; }

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

@media (min-width: 1200px) {
    .wpb-usps { --gc: 4; }
    .wpb-usps ul { column-gap: 8rem; }

    .wpb-usps ul + hr,
    .wpb-usps hr + ul { margin-top: 6rem; }
}


.wpb-related-articles { overflow: clip; }
.wpb-related-articles .section__header { margin-bottom: 3.2rem; margin-bottom: -3rem; }
.wpb-related-articles .section__header .container { padding-right: 9.4rem; }
.wpb-related-articles .owl-carousel .owl-stage-outer { overflow: visible; }
.wpb-related-articles .owl-carousel .owl-nav.disabled { display: flex!important; pointer-events: none; } 
.wpb-related-articles.wpb-bg-clr--primary-5 .wpb-card--article .btn { --bg-clr: #fff; --border: 1px solid var(--clr-primary-20); --hover-border: 1px solid var(--clr-dark); --hover-bg-clr: var(--clr-dark); }

.wpb-related-articles.wpb-bg-clr--dark .wpb-card .wpb-card__body *,
.wpb-related-articles.wpb-bg-clr--dark .section__header .wpb-text *,
.wpb-related-articles.wpb-bg-clr--primary .wpb-card .wpb-card__body *,
.wpb-related-articles.wpb-bg-clr--primary .section__header .wpb-text * { color: #fff; }
.wpb-related-articles.wpb-bg-clr--primary .wpb-card .btn { --hover-bg-clr: var(--clr-dark); }
.wpb-related-articles.wpb-bg-clr--primary .owl-carousel .owl-nav button.owl-next:hover, .wpb-related-articles.wpb-bg-clr--primary .owl-carousel .owl-nav button.owl-prev:hover { background-color: var(--clr-dark); border-color: var(--clr-dark); }

/*** ---------- Klantenservice ---------- ***/
.customerservice { display: flex; column-gap: 1.2rem; line-height: 1; text-decoration: none; }
.customerservice .wpb-icon { --w: 1.6rem; --h: 1.6rem; }
.customerservice .customerservice__text > strong { display: flex; align-items: center; column-gap: 1rem; font-size: 1.4rem; }
.customerservice .customerservice__text > strong::after { content: ''; display: inline-block; width: .8rem; height: .8rem; border-radius: 50%; background-color: var(--clr-success); }
.customerservice .customerservice__text > strong span { display: none; }
.customerservice .customerservice__text > span { display: none; font-size: 1.4rem; margin-top: .5rem; }
.customerservice[data-opened="false"] .customerservice__text > strong::after { background-color: var(--clr-dark); }

@media (min-width: 1200px) {
    .customerservice .customerservice__text > strong { font-size: 1.6rem; }
    .customerservice .customerservice__text > strong span,
    .customerservice .customerservice__text > span { display: block; }
}



/*** ---------- Navigation ---------- ***/
.wpb-navigation { background-color: #fff; z-index: 1040; position: sticky; top: -3.7rem; transition: top var(--global-transition-duration) ease; }
.wpb-navigation.is-scroll-up { top: 0; }

.wpb-navigation .btn-group { flex-wrap: nowrap; column-gap: 2rem; }

.wpb-navigation__top { background-color: var(--clr-primary); }
.wpb-navigation__top .wpb-review { margin-right: auto; }
.wpb-navigation__top .wpb-menu { display: none; }
.wpb-navigation__top .wpb-menu .menu-link { font-weight: 700; color: #fff; }
.wpb-navigation__top .wpb-menu .menu-link:hover { color: #fff; }

.wpb-navigation__main { border-bottom: 1px solid rgba(0,0,0,.1); }
.wpb-navigation__main > .container { padding-top: 1.4rem; padding-bottom: 1.4rem; }
.wpb-navigation__main .wux-search-form { flex-grow: 1; position: relative; }
.wpb-navigation__main .wux-search-form .form-group { position: relative; }
.wpb-navigation__main .wux-search-form .form-group > .wpb-icon { --clr: var(--clr-dark); position: absolute; left: 1.5rem; top: 1.6rem; --w: 1.5rem; --h: 1.5rem; }
.wpb-navigation__main .wux-search-form form.--loading::before { content: ''; width: 1rem; height: 1rem; border: 2px solid var(--clr-primary); border-top-color: transparent; border-radius: 50%; z-index: 1; position: absolute; right: .5rem; top: .5rem; animation: search-loading 1s linear infinite; }
.wpb-navigation__main .wux-search-form [type="search"] { border: none; background-color: #ECECEC; padding-left: 4.7rem!important; }
.wpb-navigation__main .btn--search-toggle { display: none; }

@keyframes search-loading {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.wpb-navigation--primary .wpb-navigation__main { background-color: #fff; }

.wpb-navigation.wpb-navigation--woocommerce { background-color: transparent; border-bottom: none; position: relative; top: 0; }
.wpb-navigation.wpb-navigation--woocommerce .wpb-navigation__main { border: none; }
.wpb-navigation.wpb-navigation--woocommerce .wpb-navigation__main .container { padding-bottom: 0; }

.wpb-navigation__main .wux-search-form #wux-search-results { --br: .5rem; position: absolute; top: calc(100% + 1.1rem); left: 0; right: 0; background-color: #fff; border-bottom-right-radius: var(--br); border-bottom-left-radius: var(--br); }
.wpb-navigation__main .wux-search-form #wux-search-results .wux-search-results__group { padding: 0 2rem 2rem 2rem; }
.wpb-navigation__main .wux-search-form #wux-search-results .wux-search-results__group + .wux-search-results__group{ border-top: 1px solid #fff3; padding-top: 1rem; }
.wpb-navigation__main .wux-search-form #wux-search-results .wux-search-results__group:nth-child(1) { padding-top: 2rem; }
.wpb-navigation__main .wux-search-form #wux-search-results h3 { font-size: 1.2rem; margin: 0 0 1rem 0; color: var(--clr-text); opacity: .5; }
.wpb-navigation__main .wux-search-form #wux-search-results p { border-bottom: 1px solid var(--clr-primary-5); font-size: 1.2rem; line-height: 1.3; color: var(--clr-text); position: relative; display: grid; grid-template-columns: 1fr 1rem; align-items: center; column-gap: 2rem; padding: .8rem 0; min-height: 4rem; transition: color var(--global-transition-duration) var(--global-transition-function); }
.wpb-navigation__main .wux-search-form #wux-search-results p i { --w: 1rem; --h: 1rem; }
.wpb-navigation__main .wux-search-form #wux-search-results p a { font-weight: 400; color: var(--clr-text); transition: color var(--global-transition-duration) var(--global-transition-function); }  
.wpb-navigation__main .wux-search-form #wux-search-results p:hover a,  
.wpb-navigation__main .wux-search-form #wux-search-results p:hover { color: var(--clr-primary); }
.wpb-navigation__main .wux-search-form #wux-search-results p a::after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.wpb-navigation__main .wux-search-form #wux-search-results:has(.wux-search-results__group)::after { z-index: -1; pointer-events: none; content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(var(--clr-dark-rgb), .15); }
.wpb-navigation__main .wux-search-form .wpb-search-view-all { display: flex; justify-content: space-between; align-items: center; padding: 0 2rem 2rem 2rem; text-decoration: none; font-size: 1.2rem; }
.wpb-navigation__main .wux-search-form .wpb-search-view-all i { --w: 1rem; --h: 1rem; }  

@media (max-width: 767.98px) {
    .wpb-navigation .wpb-navigation__main > .container { display: grid; grid-template-columns: 1fr auto auto; padding-top: 1rem; padding-bottom: 1rem; }
    .wpb-navigation__main .wux-search-form { order: 1; grid-column: span 3; margin-top: -99rem; } 
    .wpb-navigation__main .wux-search-form .form-group > .wpb-icon { top: 1.2rem; }
    .wpb-navigation__main .wux-search-form.is-active { margin-top: 1rem; }
    .wpb-navigation__main .btn--search-toggle { display: flex; }
}

@media (max-width: 991.98px) {
    .wpb-navigation .btn-group { column-gap: 1rem; }
    .wpb-collapse__body .container { padding: 0; }
    .wpb-navigation__collapse { border-left: 1px solid rgba(0,0,0,.1); }
    .wpb-navigation__collapse .wpb-collapse__body { display: flex; flex-direction: column; }
    .wpb-navigation__collapse .wpb-collapse__body .categories-menu { margin-bottom: 2rem; }
    .wpb-navigation__collapse .wpb-collapse__body .wpb-menu { display: flex; flex-direction: column; flex-grow: 1; }
    .wpb-navigation .menu-item .menu-link { padding: 1.2rem 0; }
    .wpb-navigation .menu-item .btn { box-shadow: none!important; width: 100%; padding: 0; justify-content: start; } 
    .wpb-navigation__main .customerservice,
    .wpb-navigation__main .btn.btn--my-account { display: none; }
    .wpb-navigation__main .wux-search-form input { min-height: 4.5rem!important; }
}

@media (max-width: 1199.98px) {
    .wpb-navigation__main .btn.btn--outline { min-width: 4.5rem; --p: 0; justify-content: center; }
    .wpb-navigation__main .btn.btn--outline span { display: none; }
}

@media (min-width: 768px) {
    .wpb-navigation__main .wux-search-form #wux-search-results { top: calc(100% + 1.6rem); }
}

@media (min-width: 992px) {
    .wpb-navigation { top: -4rem; }
    .wpb-navigation.is-scrolled .logo img { width: 80%; }
    .wpb-navigation__top .wpb-menu { display: flex; }
    .wpb-navigation__main > .container { padding-top: 1.8rem; padding-bottom: 1.8rem; }
    .wpb-navigation__collapse .wpb-collapse__body .wpb-menu { display: none; }
    .wpb-navigation__main .wux-search-form { max-width: 45rem; }
    .wpb-navigation__main .wux-search-form #wux-search-results { top: calc(100% + 3.2rem); }

    .wpb-navigation__main .wux-search-form #wux-search-results .wux-search-results__group { padding: 0 3.2rem 3.2rem 3.2rem; }
    .wpb-navigation__main .wux-search-form .wpb-search-view-all { padding: 0 3.2rem 3.2rem 3.2rem; }
}


/* Categories menu */
.categories-menu .categories-menu__header { display: none; font-size: 2rem; font-weight: 700; justify-content: space-between; align-items: center;}
.categories-menu .categories-menu__header div { display: flex; flex-grow: 1; align-items: center; }
.categories-menu .categories-menu__header div span { font-size: 1.6rem; margin: auto; text-align: center; line-height: 1.2; padding-inline: 2rem; }

.categories-menu ul { list-style: none; }
.categories-menu .btn:not(.btn--square) { grid-column: span 2; }
.categories-menu ul > .category { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 4.1rem); }
.categories-menu .categories-depth-1 .category::after { content: ''; display: block; width: calc(100% - 3rem); height: 1px; background-color: var(--clr-primary-5); position: absolute; bottom: 0; left: 1.5rem; right: 1.5rem; }
.categories-menu ul > .category { margin-top: .8rem; }  
.categories-menu ul > .category > .category-link { font-size: 1.4rem; font-weight: 400; text-decoration: none; min-height: 4.1rem; display: flex; align-items: center; column-gap: 1.6rem; border-radius: .5rem 0 0 .5rem; transition: background-color var(--global-transition-duration) var(--global-transition-function); }
.categories-menu ul > .category > .category-link:not(:has(+ .category-toggle)) { grid-column: span 2; border-radius: .5rem; }
.categories-menu ul > .category > .category-toggle { cursor: pointer; border-radius: 0 .5rem .5rem 0; min-height: 4.1rem; min-width: 4.1rem; display: flex; align-items: center; justify-content: end; padding-right: 1.5rem; transition: background-color var(--global-transition-duration) var(--global-transition-function); }
.categories-menu ul > .category > .category-toggle .wpb-icon { --w: 1rem; --h: 1rem; }
.categories-menu ul > .category:not(.has-thumbnail) > .category-link { padding-left: 1.5rem; } 
.categories-menu ul > .category.has-thumbnail > .category-link { display: grid; grid-template-columns: minmax(0, 4.1rem) minmax(0, 1fr); overflow: hidden; text-overflow: ellipsis}
.categories-menu ul > .category.has-thumbnail > .category-link .category-link__thumbnail { background-color: var(--clr-primary-5); border-radius: .5rem; }
.categories-menu ul > .category.has-thumbnail > .category-link .category-link__thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.categories-menu ul > .category:hover > .category-link { background-color: var(--clr-primary-5); }
.categories-menu ul > .category:hover > .category-toggle:not(.btn) { background-color: var(--clr-primary-5); }

@media (max-width: 991.98px) {
    .categories-menu .categories-menu__header { display: flex; padding-bottom: 4rem; }
    .categories-menu .categories-menu__sub { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #fff; overflow-x: clip; overflow-y: auto; transform: translate3d(100%, 0, 0); padding: 2rem; transition: transform var(--ts-35) ease; }
    .categories-menu .categories-menu__sub.is-active { transform: translate3d(0, 0, 0); }
    .categories-menu .btn:not(.btn--square) { width: 100%; }
}

@media (min-width: 992px) {
    
    .categories-menu > ul > .category { margin-top: 0; }
    .categories-menu > ul > .category .menu-link { position: relative; }
    .categories-menu > ul > .category .menu-link::after { content: ''; position: absolute; top: 100%; left: 0; margin: 0; width: 100%; height: 100%; }
    .categories-menu > ul > .category:hover .categories-menu-wrapper { opacity: 1; pointer-events: all; }
    .categories-menu > ul > .category:hover::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-color: rgba(var(--clr-dark-rgb), .15); z-index: -1; }
    
    .categories-menu ul > .category > .category-toggle::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
    
    
    .categories-menu-wrapper { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 4rem; background-color: rgba(var(--clr-dark-rgb), .15); opacity: 0; pointer-events: none; position: absolute; top: calc(100% + 1px); left: 0; right: 0; pointer-events: none; background-color: #fff; transition: opacity var(--global-transition-duration) ease; padding: 2rem; border-radius: 0 0 .5rem .5rem; overflow: clip; }

    .categories-wrapper { display: grid; grid-template-areas: 'subCategories'; position: relative; }
    .categories-wrapper + .categories-wrapper::before { content: ''; width: 1px; height: 100%; position: absolute; left: -2rem; top: 0; bottom: 0; border-left: 1px solid var(--clr-primary-20); }
    .categories-wrapper > ul { grid-area: subCategories; max-height: calc(100dvh - 24rem); overflow-y: auto; }
    .categories-wrapper > ul::-webkit-scrollbar { width: 6px; }
    /* .categories-wrapper > ul::-webkit-scrollbar-track { background: var(--clr-primary-5); border-radius: 6px; } */
    .categories-wrapper > ul::-webkit-scrollbar-thumb { background: var(--clr-primary-5); border-radius: 6px; }

    .categories-wrapper-niveau-2 .categories-menu__sub,
    .categories-wrapper-niveau-3 .categories-menu__sub,
    .categories-wrapper-niveau-4 .categories-menu__sub { opacity: 0; pointer-events: none; display: none; }

    .categories-wrapper-niveau-2 .categories-menu__sub.is-active,
    .categories-wrapper-niveau-3 .categories-menu__sub.is-active,
    .categories-wrapper-niveau-4 .categories-menu__sub.is-active { display: block; opacity: 1; pointer-events: all; }

    .categories-wrappper-depth-1,
    .categories-wrappper-depth-2,
    .categories-wrappper-depth-3,
    .categories-wrappper-depth-4 { max-height: calc(100dvh - 14rem); overflow-y: auto; overflow-x: clip; }

    .categories-wrappper-depth-2,
    .categories-wrappper-depth-3,
    .categories-wrappper-depth-4 { display: grid; grid-template-areas: "submenus"; }

    .categories-wrappper-depth-2 > ul,
    .categories-wrappper-depth-3 > ul,
    .categories-wrappper-depth-4 > ul { grid-area: submenus; }
    


    .categories-menu > ul > .category { display: flex; position: static; }
}

@media (min-width: 1200px) {
    .categories-depth-1 { padding: 3.2rem; }
}



/*** ---------- Header ---------- ***/
.wpb-header.wpb-header--home { --gc: 1; padding-block: 2.4rem; }
.wpb-header.wpb-header--home .container { display: grid; column-gap: 1.5rem; row-gap: 2rem; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); align-items: stretch; }
.wpb-header.wpb-header--home .wpb-card .wpb-icon--elektro { --clr: rgba(255,255,255,.1); position: absolute; top: 0; bottom: 0; left: 45%; --w: 20rem; --h: 100%; }
.wpb-header.wpb-header--home .wpb-card .wpb-icon--elektro::after { -webkit-mask-size: 40rem; mask-size: 40rem; }
.wpb-header.wpb-header--home .wpb-card__body { z-index: 1; }
.wpb-header.wpb-header--home .wpb-card .btn { font-weight: 600; }
.wpb-header.wpb-header--home .wpb-card .btn::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.wpb-header.wpb-header--home .wpb-card--1,
.wpb-header.wpb-header--home .wpb-card--2 { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 3fr); min-height: 23rem; }
.wpb-header.wpb-header--home .wpb-card--1 .wpb-card__header,
.wpb-header.wpb-header--home .wpb-card--2 .wpb-card__header { position: absolute; top: 0; right: 0; bottom: 0; left: auto; overflow: clip; z-index: 1; }
.wpb-header.wpb-header--home .wpb-card--1 .wpb-card__header img,
.wpb-header.wpb-header--home .wpb-card--2 .wpb-card__header img { width: 100%; height: 100%; object-fit: contain; object-position: right; }
.wpb-header.wpb-header--home .wpb-card--1 .wpb-card__body,
.wpb-header.wpb-header--home .wpb-card--2 .wpb-card__body { align-self: end; }
.wpb-header.wpb-header--home .wpb-card--1 .card-title,
.wpb-header.wpb-header--home .wpb-card--2 .card-title { line-height: 1.1; }
.wpb-header.wpb-header--home .wpb-card--1 .card-description,
.wpb-header.wpb-header--home .wpb-card--2 .card-description { font-size: 1.6rem; line-height: 1.3; margin-top: 1rem; }
.wpb-header.wpb-header--home .wpb-card--1 .btn,
.wpb-header.wpb-header--home .wpb-card--2 .btn { margin-top: 1rem; font-size: 1.6rem; }
.wpb-header.wpb-header--home .wpb-card--3 .wpb-card__body,
.wpb-header.wpb-header--home .wpb-card--4 .wpb-card__body { display: flex; justify-content: space-between; align-items: end; }
.wpb-header.wpb-header--home .wpb-card--3 .wpb-icon--elektro,
.wpb-header.wpb-header--home .wpb-card--4 .wpb-icon--elektro { --clr: rgba(var(--clr-primary-rgb), .05); }
.wpb-header.wpb-header--home .wpb-card--3 .wpb-icon--elektro::after,
.wpb-header.wpb-header--home .wpb-card--4 .wpb-icon--elektro::after { -webkit-mask-size: 25rem; mask-size: 25rem; }
.wpb-header.wpb-header--home .wpb-card--4 .wpb-icon--elektro { left: 35%; }

.wpb-header.wpb-header--subpage { overflow: clip; position: relative; }  
.wpb-header.wpb-header--subpage h1 { font-style: italic; }
.wpb-header.wpb-header--subpage .container-fluid .wpb-text { padding: 3.2rem 1.8rem; }
.wpb-header.wpb-header--subpage .container-fluid { padding-left: 0; padding-right: 0; } 
.wpb-header.wpb-header--subpage .wpb-image { position: relative; }
.wpb-header.wpb-header--subpage .wpb-image .wpb-icon { --clr: #1A506B; position: absolute; top: 0; left: 0; bottom: 0; --w: 20rem; --h: 100%; z-index: 1; }
.wpb-header.wpb-header--subpage .wpb-image .wpb-icon::after { -webkit-mask-size: 30rem; mask-size: 30rem; }
.wpb-header.wpb-header--subpage .wpb-image img { max-height: 30rem; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.wpb-header.wpb-header--subpage .wpb-image::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: -8rem; } 
.wpb-header.wpb-header--subpage .wpb-image { --br: 0; }
.wpb-header.wpb-header--subpage.wpb-bg-clr--dark .wpb-image::before { background-image: url('/app/themes/wuxnl-theme/assets/img/header_asset_dark.svg');}
.wpb-header.wpb-header--subpage.wpb-bg-clr--primary-5 .wpb-image::before { background-image: url('/app/themes/wuxnl-theme/assets/img/header_asset_primary-5.svg'); }
.wpb-header.wpb-header--subpage.wpb-bg-clr--primary-5-met-lijn .wpb-image::before { background-image: url('/app/themes/wuxnl-theme/assets/img/header_asset_primary-5.svg'); }
.wpb-header.wpb-header--subpage.wpb-bg-clr--transparent .wpb-image::before,
.wpb-header.wpb-header--subpage.wpb-bg-clr--white .wpb-image::before { background-image: url('/app/themes/wuxnl-theme/assets/img/header_asset_white.svg'); }
.wpb-header.wpb-header--subpage .wpb-icon.wpb-icon--elektro { display: none; }

.wpb-header.wpb-header--archive h1 { font-style: italic; }

.wpb-header.wpb-bg-clr--dark .wpb-text * { color: #fff; }

.wpb-notice { padding-top: 1rem; line-height: 1.3; }
.wpb-notice .wpb-notice__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; border-bottom: 2px solid var(--clr-primary-5); padding-bottom: 1rem; }
.wpb-notice .wpb-notice__title { font-size: 1.4rem; display: block; width: 100%; }
.wpb-notice .wpb-notice__title + .wpb-notice__description { margin-top: .5rem; }
.wpb-notice .wpb-notice__description { font-size: 1.2rem; display: block; width: 100%; }
.wpb-notice .wpb-notice__inner .btn { white-space: nowrap; }
.wpb-notice .wpb-notice__inner .btn::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

@media (min-width: 576px) {
    .wpb-header.wpb-header--subpage .container-fluid .wpb-text { padding-left: calc((100vw - 522px) / 2); padding-right: calc((100vw - 522px) / 2); }
}

@media (min-width: 768px) {
    .wpb-header.wpb-header--home { padding-block: 3.2rem; }
    .wpb-header.wpb-header--home .container { --gc: 2; }
    .wpb-header.wpb-header--home .wpb-card--1,
    .wpb-header.wpb-header--home .wpb-card--2 { grid-column: span var(--gc); }

    .wpb-header.wpb-header--subpage .container-fluid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wpb-header.wpb-header--subpage .container-fluid .wpb-text { padding-left: calc((100vw - 702px) / 2); padding-right: 1.8rem; }
    .wpb-header.wpb-header--subpage .wpb-image { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; }
    .wpb-header.wpb-header--subpage .wpb-image img { max-height: 100%; }

    .wpb-header.wpb-header--subpage .wpb-icon.wpb-icon--elektro { display: block; --clr: rgba(255,255,255,.1); position: absolute; top: 0; left: 70%; bottom: 0; width: 20rem; --h: 100%; --w: 20rem; }
    .wpb-header.wpb-header--subpage .wpb-icon.wpb-icon--elektro::after { -webkit-mask-size: 30rem; mask-size: 30rem; }
    .wpb-header.wpb-header--subpage.wpb-bg-clr--primary-5 .wpb-icon.wpb-icon--elektro { --clr: var(--clr-primary-20); }

    .wpb-notice .wpb-notice__inner { display: flex; justify-content: space-between; align-items: center; column-gap: 4.8rem; }
}

@media (min-width: 992px) {
    .wpb-header.wpb-header--home { padding-block: 4.8rem; }
    .wpb-header.wpb-header--home .container { --gc: 3; }
    .wpb-header.wpb-header--home .wpb-card--1,
    .wpb-header.wpb-header--home .wpb-card--2 { grid-column: span 1; grid-row: span 2; }

    .wpb-header.wpb-header--subpage .container-fluid .wpb-text { padding-left: calc((100vw - 942px) / 2); }

    .wpb-header.wpb-header--subpage .wpb-image::before { background-position: left; }

    .wpb-header.wpb-header--home .wpb-card--1 .card-title,
    .wpb-header.wpb-header--home .wpb-card--2 .card-title { font-size: 2.4rem; }

    .wpb-notice { padding-top: 1.4rem; }
    .wpb-notice .wpb-notice__title { font-size: 1.6rem; }
    .wpb-notice .wpb-notice__description { font-size: 1.4rem; }
    .wpb-notice hr { margin-top: 1.4rem; }
}

@media (min-width: 1200px) {
    .wpb-header.wpb-header--home .wpb-card--1,
    .wpb-header.wpb-header--home .wpb-card--2 { --p: 3.5rem; min-height: 30rem; }
    .wpb-header.wpb-header--home .wpb-card--3,
    .wpb-header.wpb-header--home .wpb-card--4 { --p: 2.5rem; }

    .wpb-header.wpb-header--subpage .container-fluid .wpb-text { padding-left: calc((100vw - 1122px) / 2); padding-top: 5.7rem; padding-bottom: 7.5rem; }

    .wpb-header.wpb-header--home .wpb-card--1 .card-title,
    .wpb-header.wpb-header--home .wpb-card--2 .card-title { font-size: 3rem; }
}

@media (min-width: 1400px) {
    .wpb-header.wpb-header--home .container { grid-template-columns: 5fr 4fr 36rem; grid-template-rows: 4fr 3fr; }

    .wpb-header.wpb-header--subpage .container-fluid .wpb-text { padding-left: calc((100vw - 1302px) / 2); }
}

@media (min-width: 1600px) {
    .wpb-header.wpb-header--subpage .container-fluid .wpb-text { padding-left: calc((100vw - 1502px) / 2); }
}


/*** ---------- Links ---------- ***/
.wpb-links { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 1.5rem; }
.wpb-link { line-height: 1.2; text-decoration: none; display: grid; grid-template-columns: 1fr 1.8rem; column-gap: 2rem; align-items: center; background-color: var(--clr-primary-5); border-radius: .5rem; padding: 1.8rem; transition: background-color var(--global-transition-duration) var(--global-transition-function); }  
.wpb-link strong { font-size: 1.8rem; display: block; width: 100%; font-family: var(--font-secondary); transition: color var(--global-transition-duration) var(--global-transition-function); }  
.wpb-link span { font-size: 1.4rem; margin-top: 1rem; display: block; transition: color var(--global-transition-duration) var(--global-transition-function);  }
.wpb-link:hover { background-color: var(--clr-primary); color: #fff; --clr: #fff; }

/*** ---------- Block: Divider ---------- ***/
.wpb-block.wpb-block--divider hr { border: none; border-top: 2px solid var(--clr-primary-5); } 
.wpb-block.wpb-block--divider.wpb-bg-clr--primary hr { border-color: rgba(255,255,255,.35); }
.wpb-block.wpb-block--divider.wpb-bg-clr--dark hr { border-color: rgba(255,255,255,.15); }
.wpb-block.wpb-block--divider.wpb-bg-clr--primary-5-met-lijn hr,
.wpb-block.wpb-block--divider.wpb-bg-clr--primary-5 hr { border-color: var(--clr-primary-20); }



/*** ---------- Block: customerservice ---------- ***/
.wpb-block--customerservice .container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.2rem; align-items: start; } 
.wpb-block--customerservice .gform_title { --fs: clamp(2rem, 4vw, 2.4rem); font-style: italic; }
.wpb-block--customerservice .wpb-contact-link + .wpb-contact-link { margin-top: 3.2rem; }
.wpb-block--customerservice.wpb-bg-clr--primary-5 .wpb-link:not(:hover),
.wpb-block--customerservice.wpb-bg-clr--primary-5-met-lijn .wpb-link:not(:hover) { background-color: #fff; }
.wpb-block--customerservice.wpb-bg-clr--primary-5 .wpb-card,
.wpb-block--customerservice.wpb-bg-clr--primary-5-met-lijn .wpb-card { background-color: #fff; } 
.wpb-block--customerservice.wpb-bg-clr--dark .wpb-link:not(:hover) { --clr: var(--clr-text); }
.wpb-block--customerservice.wpb-bg-clr--dark .gform_title,
.wpb-block--customerservice.wpb-bg-clr--dark .gfield_label,
.wpb-block--customerservice.wpb-bg-clr--dark .gform_description { color: #fff; }

.wpb-contact-link { display: grid; grid-template-columns: 1.4rem 1fr; column-gap: .8rem; }
.wpb-contact-link .wpb-icon { --w: 1.4rem; --h: 1.4rem; margin-top: .35rem; --clr: var(--clr-primary); }
.wpb-contact-link .wpb-contact-link__text strong { display: block; font-size: 1.4rem; font-weight: 700; }
.wpb-contact-link .wpb-contact-link__text a { text-decoration: underline; color: var(--clr-primary); font-size: 1.4rem; }
.wpb-contact-link .wpb-contact-link__text p { font-size: 1.4rem; }

@media (min-width: 768px) {
    .wpb-block--customerservice .wpb-links { grid-column: span 2; }
    .wpb-block--customerservice .container { grid-template-columns: minmax(0, 1fr) minmax(0, 24.7rem); }
}

@media (min-width: 992px) {
    .wpb-block--customerservice .wpb-links { --gc: 3; }  
}

@media (min-width: 1200px) {
    .wpb-block--customerservice .container { grid-template-columns: minmax(0, 34.7rem) minmax(0, 1fr) minmax(0, 24.7rem); }
    .wpb-block--customerservice .wpb-links { --gc: 1; grid-column: span 1; }  
}

@media (min-width: 1400px) {
    .wpb-block--customerservice .container { grid-template-columns: minmax(0, 45.2rem) minmax(0, 1fr) minmax(0, 24.7rem);  }
    .wpb-block--customerservice .wpb-link { padding: 2.4rem; }
}

@media (min-width: 1600px) {
    .wpb-block--customerservice .container { gap: 10rem; }
}

/*** ---------- Block: Categories ---------- ***/
.wpb-block.wpb-block--categories .wpb-block__body { --gc: 1; }
.wpb-block.wpb-block--categories .wpb-block__body .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 2rem; }
.wpb-block.wpb-block--categories .wpb-block__header { margin-bottom: 3.2rem; }
.wpb-block.wpb-block--categories .wpb-block__header .container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2rem; }

.wpb-block.wpb-block--categories .wpb-block__footer { margin-top: 3.2rem; }
.wpb-block.wpb-block--categories .wpb-block__footer .button-group { text-align: center; }

.wpb-block.wpb-block--categories.wpb-bg-clr--dark .wpb-block__header .wpb-text,
.wpb-block.wpb-block--categories.wpb-bg-clr--dark .wpb-block__header .wpb-text *,
.wpb-block.wpb-block--categories.wpb-bg-clr--primary .wpb-block__header .wpb-text,
.wpb-block.wpb-block--categories.wpb-bg-clr--primary .wpb-block__header .wpb-text * { color: #fff; }
.wpb-block.wpb-block--categories.wpb-bg-clr--dark .wpb-card .card-title,
.wpb-block.wpb-block--categories.wpb-bg-clr--dark .wpb-card .card-description,
.wpb-block.wpb-block--categories.wpb-bg-clr--primary .wpb-card .card-title,
.wpb-block.wpb-block--categories.wpb-bg-clr--primary .wpb-card .card-description { color: #fff; }
.wpb-block.wpb-block--categories.wpb-bg-clr--primary .wpb-card:hover .wpb-icon { background-color: var(--clr-dark); }
.wpb-block.wpb-block--categories.wpb-bg-clr--dark .wpb-card .wpb-icon { --clr: var(--clr-dark); }
.wpb-block.wpb-block--categories.wpb-bg-clr--dark .wpb-card:hover .wpb-icon { --clr: #fff; }
.wpb-block.wpb-block--categories.wpb-bg-clr--primary-5 .wpb-card .wpb-card__header,
.wpb-block.wpb-block--categories.wpb-bg-clr--primary-5-met-lijn .wpb-card .wpb-card__header { background-color: #fff; }

@media (min-width: 768px) {
    .wpb-block.wpb-block--categories .wpb-block__body { --gc: 2; }
}

@media (min-width: 1200px) {
    .wpb-block.wpb-block--categories .wpb-block__body { --gc: 3; }
    .wpb-block.wpb-block--categories .wpb-block__footer { margin-top: 5.6rem; }
}

@media (min-width: 1400px) {
    .wpb-block.wpb-block--categories .wpb-block__body { --gc: 4; }
}


/*** ---------- Footer ---------- ***/
.wpb-footer { margin-top: auto; background-color: var(--clr-footer); position: relative; } 
.wpb-footer .wpb-footer__main { --p: 3.2rem; --gc: 1; padding: var(--p) 0; }
.wpb-footer .wpb-footer__main .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); column-gap: 1rem; row-gap: 3.2rem; }

.wpb-footer .logo img { width: 15.6rem; height: auto; }

.wpb-footer .wpb-footer__menu .footer-menu__title { font-family: var(--font-secondary); }
.wpb-footer .wpb-footer__menu ul { list-style: none; }
.wpb-footer .wpb-footer__menu * { text-decoration: none; color: var(--clr-primary-5); }
.wpb-footer .wpb-footer__menu a { display: block; padding: .25rem 0; }


.wpb-footer .wpb-footer__menu--3 a { display: flex; width: 100%; align-items: center; column-gap: 1.2rem; }
.wpb-footer .wpb-footer__menu--3 a .wpb-icon { --clr: #fff; }

.wpb-footer .footer-menu__title { display: block; padding: 0 0 1rem 0; font-size: 2rem; color: inherit; text-decoration: none; text-decoration: none; font-weight: bold; }
.wpb-footer .menu-item { text-decoration: none; color: inherit; display: block; }

.wpb-footer .wpb-footer__bottom { padding-bottom: 4.8rem; }
.wpb-footer .wpb-footer__bottom * { font-size: 1.4rem; color: #fff; }
.wpb-footer .wpb-footer__bottom .container { display: flex; flex-direction: column; justify-content: space-between; align-items: center; column-gap: 2rem; row-gap: 2rem; }
.wpb-footer .wpb-footer__bottom .woocommerce-payment-icons { margin-top: 0; }
.wpb-footer .wpb-footer__bottom .wpb-footer__sub-links { --fs: 1.4rem; text-align: center;  display: flex; flex-wrap: wrap; column-gap: 2rem;  }
.wpb-footer .wpb-footer__bottom .wpb-footer__sub-links * { display: flex; column-gap: 2rem; text-decoration: none; }

.wpb-footer a:hover { text-decoration: underline; }

.by-wux { display: flex; position: absolute; right: 0; bottom: 12rem; background-color: rgba(0, 0, 0, 0.25); padding: .6rem 1rem; transform: rotate(-90deg); transform-origin: right bottom; transition: background var(--ts-25) ease-in-out, box-shadow var(--ts-25) ease-in-out; border-top-left-radius: 1rem; border-top-right-radius: 1rem;}
.by-wux:hover { background-color: var(--clr-primary); box-shadow: 1px 1px 30px var(--clr-primary); }
.by-wux span { font-size: 1.1rem; }

@media (min-width: 576px) {
    .wpb-footer .wpb-footer__main { --gc: 2; }
    .wpb-footer .wpb-footer__menu--1 { grid-column: span 2; } 
    .wpb-footer .wpb-footer__menu--1 ul { column-count: 2; column-gap: 18px; }
}

@media (min-width: 768px) {
    .wpb-footer .wpb-footer__main { --p: 6.4rem; }
    .wpb-footer .wpb-footer__bottom .container { flex-direction: row; }

}

@media (min-width: 992px) {
    .wpb-footer .wpb-footer__main { --gc: 3; font-size: 1.5rem; }
    .wpb-footer .wpb-footer__main { --p: 10rem; }
    .wpb-footer .wpb-footer__bottom .wpb-footer__sub-links { column-gap: 3.7rem; }
}

@media (min-width: 1200px) {
    .wpb-footer .wpb-footer__main { --gc: 5; }
}

/*** ---------- Archive ---------- ***/
body.post-type-archive-kennisbank .wpb-filters .container { flex-direction: column-reverse; gap: 1rem; }
body.post-type-archive-kennisbank .wpb-filters { padding: 4.8rem 0; }
body.post-type-archive-kennisbank .wpb-filters .sort-wrapper { gap: 1.1rem; }
body.post-type-archive-kennisbank .wpb-filters .sort-wrapper select.form-select { --p: 1rem 4rem 1rem 1.5rem; }

@media(min-width: 768px) {
    body.post-type-archive-kennisbank .wpb-filters .container { flex-direction: row; justify-content: space-between; align-items: end;}
}

/*** ---------- Single ---------- ***/
.wpb-header.wpb-header--single .container { padding-bottom: 6.4rem; padding-top: 4.2rem; }
.wpb-header.wpb-header--single h1 { --mt: 0; font-style: normal; font-size: clamp(2.4rem, 3vw, 3.6rem); }

.wpb-content { margin-top: -3rem; }
.wpb-content p { font-size: 1.4rem; }
.wpb-content h2 { font-size: 2.4rem; }
.wpb-blog-links { margin-top: 6.8rem; }
.wpb-blog-links .inner { border-bottom: 1px solid var(--clr-primary-20); padding-bottom: 3.1rem; gap: 2.5rem; }
.wpb-related--posts h2 { font-style: italic; }

.content-section.content-section--thumbnail .wpb-ratio { --wpb-aspect-ratio: 41%; border-radius: .5rem; overflow: clip; }

.content-section.content-section--featured-products .wpb-row { gap: 1.7rem; margin-top: 1.6rem; }
.content-section.content-section--faq .wpb-accordion .accordion__item { border-bottom: 2px solid var(--clr-border) }
.content-section.content-section--faq .wpb-accordion { margin-top: 1.6rem;}
.content-section.content-section--faq .wpb-accordion .accordion-body { --body-p: 0 0 1.6rem 0; }

.content-section.content-section--text-media .wpb-row { gap: 1.5rem; }
.content-section.content-section--text-media .wpb-row img, .content-section.content-section--text-media .wpb-row figure { height: 100%; object-fit: cover;}

.wpb-blog-links .inner a { display: flex; align-items: center; gap: 1.5rem; text-decoration: none; transition: 200ms ease; font-size: 1.4rem;  }
.wpb-blog-links .inner a:hover { color: var(--clr-primary); }
.wpb-blog-links .inner a .wpb-icon-wrapper { background-color: var(--clr-primary-5); border-radius: .5rem; width: 3.2rem; height: 3.2rem; }

.wpb-author { display: flex; align-items: center; gap: 1.8rem; }
.wpb-author .wpb-author__avatar { width: var(--w); height: var(--h); --w: 4.9rem; --h: 4.9rem; background-color: #000; border-radius: 50%; overflow: clip;}
.wpb-author .wpb-author__description { display: flex; flex-direction: column; }
.wpb-author .wpb-author__description .written-by { font-weight: 400; font-size: 1.2rem; line-height: 18px; color: var(--clr-heading); }
.wpb-author .wpb-author__description .name { color: var(--clr-primary); font-weight: 700;  font-size: 20px; line-height: 30px;}

.wpb-content .wpb-content__footer { padding-top: 3rem; }
.wpb-content .wpb-content__footer .inner { display: flex; flex-direction: column; gap: 1.6rem; }

@media(min-width: 768px) {
    .wpb-header.wpb-header--single .container { padding-top: 5.7rem; padding-bottom: 9.1rem; }
    .wpb-header.wpb-header--single .wpb-icon.wpb-icon--elektro { left: 118%; }
    .wpb-header.wpb-header--single .wpb-date { --mt: 5rem; }
}