/*

Nieuwe styling 2024, volgens huidige standaard

*/
:root {
    --global-transition-duration: 150ms;
    --global-transition-function: cubic-bezier(.58,.22,.2,.96);

    --clr-primary: #0e817d;
    --clr-primary-rgb: 14, 129, 125;
    --clr-secondary: #EB9078;

    --clr-accent-1: #c3e5e4;
    --clr-accent-2: #fff5ed;

    --clr-dark: #1e0803;
    --clr-dark-rgb: 30, 8, 3;

    --clr-border: rgba(var(--clr-dark-rgb), .2); 
    --clr-border-light: #e5e0dd;
}

/*** ---------- Alerts ---------- ***/
.wpb-alert { --clr: #fff; --bg: var(--clr-primary); --br: .8rem; display: block; padding: 1rem 1.6rem; color: var(--clr); background-color: var(--bg); border-radius: var(--br); }
.wpb-alert.wpb-alert-icon { display: grid; grid-template-columns: 2.8rem 1fr; gap: 1.6rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.wpb-alert.wpb-alert-icon .wpb-icon-wrapper { width: 2.8rem; height: 2.8rem; }
.wpb-alert.wpb-alert-icon .wpb-icon-wrapper i { --w: 2.8rem; --h: 2.8rem; }
.wpb-alert *:not(.btn) { color: inherit; }

.wpb-alert.wpb-alert--info { --border: 1px solid rgb(0, 143, 214); --bg: rgb(0, 143, 214); }
.wpb-alert.wpb-alert--warning { --border: 1px solid rgb(194, 100, 47); --bg: rgb(194, 100, 47); }
.wpb-alert.wpb-alert--danger { --border: 1px solid rgb(216, 19, 19); --bg: rgb(216, 19, 19); }
.wpb-alert.wpb-alert--success { --border: 1px solid rgb(78, 168, 69); --bg: rgb(78, 168, 69); }

/*** ---------- Algemeen ---------- ***/
.review-average { text-decoration: none; color: var(--clr-dark); display: flex; align-items: center; column-gap: .6rem; }
.review-average .review-average__number { font-size: 4.2rem; line-height: 1.2; font-family: var(--font-b-medium); }
.review-average .review-average__text { display: flex; flex-direction: column; }
.review-average .review-average__text span { font-size: 1.3rem; line-height: 1.2; color: rgba(var(--clr-dark-rgb), .5); margin-bottom: .75rem; } 
a.review-average .review-average__text span { text-decoration: underline; }

/*** ---------- Icons ---------- ***/
.wpb-icon { --src: ; --clr: rgb(0,0,0); --w: 1.8rem; --h: 1.8rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--w); height: var(--h); min-width: var(--w); min-height: var(--h); background-color: var(--clr); transition: background-color var(--global-transition-duration) var(--global-transition-function); }

.wpb-icon.wpb-icon--envelope { --src: url('/wp-content/themes/wux/assets/img/icon_mail_white.svg'); }
.wpb-icon.wpb-icon--books { --src: url('/wp-content/themes/wux/assets/icons/books.svg'); }
.wpb-icon.wpb-icon--box { --src: url('/wp-content/themes/wux/assets/icons/box-open.svg'); }
.wpb-icon.wpb-icon--chevron-right { --src: url('/wp-content/themes/wux/assets/icons/chevron-right.svg'); }
.wpb-icon.wpb-icon--favicon { --src: url('/wp-content/themes/wux/assets/icons/favicon.svg'); }
.wpb-icon.wpb-icon--tag-solid { --src: url('/wp-content/themes/wux/assets/img/tag-solid.svg'); }
.wpb-icon.l-icon__close { --src: url('/wp-content/themes/wux/assets/img/icon_close_dark.svg'); }
.wpb-icon.wpb-icon--chevron-left { --src: url('/wp-content/themes/wux/assets/icons/chevron-left-solid.svg'); }
.wpb-icon.wpb-icon--add-to-cart { --src: url('/wp-content/themes/wux/assets/icons/add-to-cart.svg'); }
.wpb-icon.wpb-icon--arrow-asset-right { --src: url('/wp-content/themes/wux/assets/icons/arrow-asset-1.svg'); --w: 13rem; --h: 4rem; --clr: var(--clr-primary); }
.wpb-icon.wpb-icon--star-rating { --src: url('/wp-content/themes/wux/assets/icons/star-rating.svg'); --w: 10.6rem; --h: 2.2rem; background: linear-gradient(90deg, var(--clr-secondary) var(--percentage, 100%), transparent var(--percentage, 100%)); }
.wpb-icon.wpb-icon--play { --src: url('/wp-content/themes/wux/assets/icons/play.svg'); --w: 1.3rem; --h: 1.3rem; background: #fff; }
.wpb-icon.wpb-icon--google { --src: url('/wp-content/themes/wux/assets/icons/google.svg'); --w: 3.8rem; --h: 4rem; background: #fff; }
.wpb-icon.wpb-icon--webwinkelkeur { --src: url('/wp-content/themes/wux/assets/icons/webwinkelkeur.svg'); --w: 4rem; --h: 4rem; background: #fff; }

.wpb-icon.wpb-icon--bg-asset-bottom-right { --clr: rgba(var(--clr-dark-rgb), .1); --src: url('/wp-content/themes/wux/assets/icons/bg-asset-bottom-right.svg'); --w: 60rem; --h: 10rem; -webkit-mask-position: bottom right; mask-position: bottom right; }

/*** ---------- backdrop ---------- ***/
.wpb-backdrop { background: rgba(0, 0, 0, .12); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 900; opacity: 0; pointer-events: none; transition: opacity 350ms ease-in-out; }    
.wpb-backdrop.active { opacity: 1; pointer-events: all; }

/*** ---------- USP's ---------- ***/
.wpb-usps { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 2rem; list-style: none; padding: 0!important; }
.wpb-usps li { font-family: var(--font-a-semibold)!important; font-size: 1.4rem!important; line-height: 1.4; display: flex; align-items: center; column-gap: 1.9rem; }
.wpb-usps li .wpb-icon { --w: 1.4rem; --h: 1.4rem; --clr: rgb(var(--wpb-accent-1)); }

.wpb-usps.wpb-usps--large { flex-direction: column; }
.wpb-usps.wpb-usps--large li { font-family: var(--font-a-regular)!important; column-gap: 2rem; }
.wpb-usps.wpb-usps--large li + li { margin-top: 2.6rem; }
.wpb-usps.wpb-usps--large .usp__text { font-weight: 400; }  
.wpb-usps.wpb-usps--large .usp__icon { --size: 8.2rem; width: var(--size); height: var(--size); min-width: var(--size); background-color: var(--clr-secondary); border-radius: 50%; display: inline-grid; place-items: center; }
.wpb-usps.wpb-usps--large .usp__icon .wpb-icon { --w: 4rem; --h: 4rem; --clr: #fff; }

@media (min-width: 992px) {
    .wpb-usps.wpb-usps--large .usp__text { font-size: 1.6rem; }
    .wpb-usps.wpb-usps--large .usp__text strong { font-size: 1.8rem; }
}




/*** ---------- Typography ---------- ***/
.wpb-text { --mt: 1em; }
.wpb-text > * { margin-bottom: 0; }
.wpb-text > * + * { margin-top: var(--mt); }
.wpb-text .wpb-usps.wpb-usps--large { margin-top: 2em; }


/*** ---------- Background colors ----------  ***/
[class*="wpb-bg-clr--"] { --bg-clr: ; --contrast-clr: ; background-color: var(--bg-clr)!important; }
.wpb-bg-clr--primary { --bg-clr: var(--clr-primary); --contrast-clr: #fff; } 
.wpb-bg-clr--primary * { color: var(--contrast-clr); }
.wpb-bg-clr--accent-1 { --bg-clr: var(--clr-accent-1); }
.wpb-bg-clr--accent-2 { --bg-clr: var(--clr-accent-2); }


/*** ---------- Containers ---------- ***/
.container, .woocommerce-pagination { --p: 2rem; width: 100%; padding-inline: var(--p); position: relative; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) {
    .container, .woocommerce-pagination { max-width: 540px; }
}
@media (min-width: 768px) {
    .container, .woocommerce-pagination { max-width: 720px; }
}
@media(min-width: 992px) {
    .container, .woocommerce-pagination { max-width: 960px; }
}
@media (min-width: 1200px) {
    .container, .woocommerce-pagination { max-width: 1140px; }
}
@media (min-width: 1400px) {
    .container, .woocommerce-pagination { max-width: 1320px; }
}



/*** ---------- Filter results grid ---------- ***/
.results-grid { --gc: 2; --gap: 4.4rem; --line-offset: calc(var(--gap) / 2); --line-thickness: 1px; --line-clr: var(--clr-border-light); display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); overflow: clip; }
.results-grid .wpb-card { position: relative; }
.results-grid .wpb-card::before, 
.results-grid .wpb-card::after { content: ''; position: absolute; background-color: var(--line-clr); z-index: 1; }
.results-grid .wpb-card::after { inline-size: 100vw; block-size: var(--line-thickness); inset-inline-start: 0; inset-block-start: calc(var(--line-offset) * -1); }
.results-grid .wpb-card::before { inline-size: var(--line-thickness); block-size: 100vh; inset-block-start: 0; inset-inline-start: calc(var(--line-offset) * -1); }

@media (min-width: 768px) {
    .results-grid { --gc: 3; }
}
@media(min-width: 992px) {
    .results-grid { --gc: 4; }
}
@media (min-width: 1200px) {
    .results-grid { --gc: 5; }
}



/*** ---------- Buttons ---------- ***/
.btn { 
    --fs: 1.8rem; 
    --lh: 1; 
    --p: .25rem 1.6rem; 
    --br: .8rem; 
    --gap: 1rem;

    --clr: #fff; --bg-clr: var(--clr-primary); --border: 1px solid var(--clr-primary); --box-shadow: none; 
    --hover-clr: var(--clr); --hover-bg-clr: var(--bg-clr); --hover-border: var(--border); --hover-box-shadow: var(--box-shadow); 
    --focus-clr: var(--hover-clr); --focus-bg-clr: var(--hover-bg-clr); --focus-border: var(--hover-border); --focus-box-shadow: var(--hover-box-shadow); 
    --active-clr: var(--focus-clr); --active-bg-clr: var(--focus-bg-clr); --active-border: var(--focus-border); --active-box-shadow: var(--focus-box-shadow); 

    font-family: var(--font-b-medium); display: inline-flex; justify-content: center; align-items: center; min-height: 4.5rem; gap: var(--gap); font-size: var(--fs); line-height: var(--lh); padding: var(--p); color: var(--clr); background-color: var(--bg-clr); border-radius: var(--br); border: var(--border); box-shadow: var(--box-shadow); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; 
    
    transition-duration: var(--global-transition-duration);
    transition-timing-function: var(--global-transition-function);

    transition-property: color, background-color, border-color, box-shadow;
}

.btn .wpb-icon { --clr: inherit; }
.btn:hover { color: var(--hover-clr)!important; background-color: var(--hover-bg-clr)!important; border: var(--hover-border)!important; box-shadow: var(--hover-box-shadow)!important; }
.btn:hover .wpb-icon { --clr: var(--hover-clr); }
.btn:focus { color: var(--focus-clr)!important; background-color: var(--focus-bg-clr)!important; border: var(--focus-border)!important; box-shadow: var(--focus-box-shadow)!important; }
.btn:focus .wpb-icon { --clr: var(--focus-clr); }
.btn:active { color: var(--active-clr)!important; background-color: var(--active-bg-clr)!important; border: var(--active-border)!important; box-shadow: var(--active-box-shadow)!important; }
.btn:active .wpb-icon { --clr: var(--active-clr); }

.btn .icon { border-radius: 50%; width: 1.9rem; height: 1.9rem; border: 1px solid var(--clr-primary); display: inline-grid; place-items: center; transition: background-color var(--global-transition-duration) var(--global-transition-function); }
.btn .icon .wpb-icon { --w: .8rem; --h: .8rem; }

.btn.btn--primary, .btn.primary { --bg-clr: var(--clr-primary); --clr: #fff; --border: 1px solid var(--clr-primary); --hover-border: 1px solid rgba(var(--clr-primary-rgb), .9); --hover-box-shadow: 0 0 12px 0 #0000000f; --hover-bg-clr: rgba(var(--clr-primary-rgb), .9); }

.btn.btn--dark, .btn.dark { --bg-clr: var(--clr-dark); }

.btn.btn--outline, .btn.outline { --bg-clr: transparent; --clr: var(--clr-dark); --border: 1px solid rgba(var(--clr-dark-rgb), .2); --hover-bg-clr: #fff; --hover-border: 1px solid #fff; --hover-box-shadow: 0 0 12px 0 #0000000f; }
.btn.btn--outline .icon .wpb-icon { --clr: var(--clr-primary); }

.btn.btn--outline-light { --bg-clr: transparent; --clr: #fff; --border: 1px solid rgba(255,255,255, .2); --hover-bg-clr: #fff; --hover-border: 1px solid #fff; --hover-clr: var(--clr-dark); --hover-box-shadow: 0 0 12px 0 #0000000f; }

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

.btn.btn--outline-white { --border: 1px solid #fff; --clr: #fff; --hover-clr: var(--clr-dark); --hover-bg-clr: #fff; --hover-clr: var(--clr-dark); }
.btn.btn--outline-white .icon { border-color: #fff; }
.btn.btn--outline-white:hover .icon,
.btn.btn--outline-white:focus .icon,
.btn.btn--outline-white:active .icon { border-color: var(--clr-dark); }

.btn.btn--white { --bg-clr: #fff; --clr: var(--clr-dark); --border: 1px solid #fff; }

.btn.btn--arrow-right:after { content: ''; display: inline-block; margin-left: 1.5rem; min-width: 1.8rem; width: 1.9rem; height: 1.9rem; border: 1px solid #fff; border-radius: 50%; background: url('/wp-content/themes/wux/assets/img/icon_chevron-right_white.svg') no-repeat center center/.5rem; transition: transform .15s ease-in-out; }
.btn.btn--arrow-right:hover:after { transform: rotate(-25deg); }

.btn.btn--link { font-size: 1.6rem; --p: 0; --bg-clr: transparent; --border: none; --clr: var(--clr-primary); min-height: 0; font-family: var(--font-a-semibold); column-gap: 0; column-gap: .5rem; }
.btn.btn--link .wpb-icon { --w: 1.2rem; --h: 1.2rem; }
.btn.btn--link .icon { border-radius: 50%; width: 1.9rem; height: 1.9rem; border: 1px solid var(--clr-primary); display: inline-grid; place-items: center; transition: background-color var(--global-transition-duration) var(--global-transition-function); }
.btn.btn--link .icon .wpb-icon { --w: .8rem; --h: .8rem; }

.btn.btn--link:hover .icon,
.btn.btn--link:focus .icon,
.btn.btn--link:active .icon { background-color: var(--clr-primary); }

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

.btn-group, .buttons { display: flex; flex-wrap: wrap; gap: .6rem; }


.btn.btn--square { --p: 0; min-width: 4.5rem; }
.btn.btn--large { min-height: 4.9rem; }
.btn.btn--huge { min-height: 5.8rem; }

@media (max-width: 575.98px) {
    .woocommerce-mini-cart__button.btn { min-height: 3.9rem; --p: .25rem 1rem; }
}




/*** ---------- Cards ----------  ***/
.wpb-card-container { container-name: cards; container-type: inline-size; }

.wpb-card.wpb-bg-clr--primary,
.wpb-card.wpb-bg-clr--accent-1,
.wpb-card.wpb-bg-clr--accent-2 { border: none; }

.wpb-card { --br: 1.2rem; --p: 2rem; border-radius: var(--br); border: 1px solid var(--clr-border); background-color: #fff; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; text-decoration: none; z-index: 1; }
.wpb-card a { text-decoration: none; }
.wpb-card .wpb-card__header { display: flex; overflow: hidden; }
.wpb-card .wpb-card__header img { width: 100%; height: auto; } 
.wpb-card .wpb-card__body { padding: var(--p); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.wpb-card .wpb-card__body > * { margin-bottom: 0; }
.wpb-card .wpb-card__footer  { padding: var(--p); padding-top: 0; }
.wpb-card .wpb-card__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: clip; z-index: -1; border-radius: var(--br); }
.wpb-card .wpb-card__bg .wpb-icon.wpb-icon--bg-asset-bottom-right { position: absolute; bottom: 0; right: 0; }
.wpb-card > *:first-child { border-top-left-radius: var(--br); border-top-right-radius: var(--br); }
.wpb-card > *:first-child img { border-top-left-radius: var(--br); border-top-right-radius: var(--br); } 
.wpb-card > *:last-child { border-bottom-left-radius: var(--br); border-bottom-right-radius: var(--br); }

.wpb-card.wpb-card--categories .wpb-categories { --gc: 2; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: .8rem 2rem; margin-top: 2rem; }
.wpb-card.wpb-card--categories .wpb-categories .btn { --bg-clr: var(--clr-accent-2); justify-content: space-between; }

.wpb-card.wpb-card--product { --br: 0; --p: 1.2rem; border: none; background: transparent; }
.wpb-card.wpb-card--product .wpb-card__header { position: relative; }
.wpb-card.wpb-card--product .wpb-card__header img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transform: scale(.98); transition: transform var(--global-transition-duration) var(--global-transition-function); }
.wpb-card.wpb-card--product .wpb-card__header::after { content: ''; width: 100%; padding-top: 125%; }
.wpb-card.wpb-card--product .wpb-card__body { padding: var(--p) 0 0 0; line-height: 1.2; }
.wpb-card.wpb-card--product .wpb-card__footer { display: flex; justify-content: space-between; padding: var(--p) 0 0 0; align-items: center; }
.wpb-card.wpb-card--product .post-author { display: block; width: 100%; font-size: 1.4rem; color: rgba(var(--clr-dark-rgb), .65); margin: 0 0 .25rem 0; }
.wpb-card.wpb-card--product .card-title { font-size: 1.4rem; font-family: var(--font-a-medium); color: var(--clr-dark); }
.wpb-card.wpb-card--product .card-title::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.wpb-card.wpb-card--product .price { display: flex; align-items: baseline; column-gap: .75rem; }
.wpb-card.wpb-card--product .price > del,
.wpb-card.wpb-card--product .price > del * { display: inline-flex; font-size: 1.4rem; font-family: var(--font-a-semibold); color: rgba(var(--clr-dark-rgb), .45); }
.wpb-card.wpb-card--product .price > ins,
.wpb-card.wpb-card--product .price > ins *,
.wpb-card.wpb-card--product .price > span * { font-size: 1.6rem; color: var(--clr-primary); font-family: var(--font-a-semibold); text-decoration: none; }
.wpb-card.wpb-card--product .btn.btn--link .wpb-icon { --w: 2.4rem; --h: 2.4rem; }
.wpb-card.wpb-card--product .added_to_cart { display: none!important; }
.wpb-card.wpb-card--product:hover .wpb-card__header img { transform: scale(1); }

.wpb-card.wpb-card--review .review-score { display: flex; align-items: center; column-gap: 1.5rem; font-size: 1.3rem; line-height: 1; color: rgba(var(--clr-dark-rgb), .5); margin: 0 0 1.4rem 0; }
.wpb-card.wpb-card--review .review-name { font-family: var(--font-b-medium); font-size: 1.8rem; margin-top: 2.4rem; }
.wpb-card.wpb-card--review .review-school { font-size: 1.4rem; line-height: 1; color: rgba(var(--clr-dark-rgb), .7); }

.wpb-card.wpb-card--shortcode { border: none; }
.wpb-card.wpb-card--shortcode [type="submit"] .wpb-icon.wpb-icon--books { order: -1; } 
.wpb-bg-clr--transparent .wpb-card.wpb-card--shortcode { background-color: var(--clr-accent-2); }

.wpb-card--video .wpb-card__header { border-radius: var(--br); position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.wpb-card--video { --br: .8rem; position: relative; border: none; min-height: 41rem; }
.wpb-card--video .wpb-card__header::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 10rem, rgba(0,0,0,0) calc(100% - 10rem), rgba(0,0,0,0.25) 100%); }
.wpb-card--video video { position: absolute; left: 0; top: 50%; transform: translateY(-50%); aspect-ratio: 9/16; width: 100%; object-fit: contain; }
.wpb-card--video .wpb-card__body { position: relative; z-index: 1; }
.wpb-card--video .wpb-card__title { font-family: var(--font-b-medium); color: #fff; font-size: 2rem; display: flex; justify-content: center; column-gap: 1rem; align-items: center; }
.wpb-card--video .wpb-card__title .wpb-icon-wrapper { width: 3.2rem; height: 3.2rem; border-radius: 50%; background-color: var(--clr-secondary); display: inline-grid; place-items: center; }
.wpb-card--video .wpb-card__title .wpb-icon-wrapper i { filter: brightness(0) invert(1); width: 1.9rem; height: 1.9rem; }
.wpb-card--video .wpb-card__footer { z-index: 1; display: flex; justify-content: center; align-items: center; column-gap: .8rem; }
.wpb-card--video .wpb-card__footer .btn { padding: 0; width: 3.3rem; height: 3.3rem; min-height: 3.3rem; }
.wpb-card--video .wpb-card__footer .text strong { font-family: var(--font-b-medium); font-size: 1.8rem; font-weight: 400; display: block; width: 100%; }
.wpb-card--video .wpb-card__footer * { color: #fff; }

.wpb-card.wpb-card--google-reviews { --br: .8rem; border: none; background-color: var(--clr-accent-1); z-index: 1; text-align: center; }
.wpb-card.wpb-card--google-reviews .wpb-card__title { font-family: var(--font-b-medium); display: block; text-align: center; font-size: 2.4rem; margin-top: 1rem; }
.wpb-card.wpb-card--google-reviews .wpb-card__bg-assets { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; overflow: hidden; border-radius: var(--br); }  
.wpb-card.wpb-card--google-reviews .wpb-card__bg-assets .wpb-icon { --clr: #B2CFCD; --w: 30rem; --h: 30rem; position: absolute; bottom: -8rem; left: 6rem; opacity: .75; transform: scaleX(-1); }
.wpb-card.wpb-card--google-reviews .wpb-card__body { padding-top: 4rem; }
.wpb-card.wpb-card--google-reviews .wpb-card__body p { margin-top: .5rem; }
.wpb-card.wpb-card--google-reviews .wpb-card__body .wpb-icon--webwinkelkeur { background: #4A807C; }
.wpb-card.wpb-card--google-reviews .wpb-card__footer .btn { font-size: 1.6rem; gap: 0; }

@media (min-width: 992px) {
    .wpb-card.wpb-card--cta { font-size: 1.8rem; }
    .wpb-card.wpb-card--categories { font-size: 1.8rem; --p: 2.2rem; }
    .wpb-card.wpb-card--review { --p: 2.4rem 2rem; }
    .wpb-card.wpb-card--shortcode { --p: 3.2rem; }
}

@media (min-width: 1200px) {
    .wpb-card.wpb-card--shortcode { --p: 5.8rem 4rem 2.9rem 4rem; }
}

@container cards (width > 650px) { 
    .wpb-card.wpb-card--categories .wpb-categories { --gc: 4; }
}




/*** ---------- Forms ---------- ***/
.form-label { font-family: var(--font-b-medium); font-size: 1.8rem; }
.form-select, .form-control { --p: .5rem 1.4rem; --br: .8rem; --border: 1px solid var(--clr-border); --focus-border: var(--border); font-family: var(--font-a-medium); display: block; width: 100%; min-height: 4.7rem; font-size: 1.5rem; border: var(--border); border-radius: var(--br); padding: var(--p)!important; outline: none!important; transition: border-color var(--global-transition-duration) var(--global-transition-function); }

textarea { font-family: var(--font-a-regular); }  

/*** ---------- Gravity Forms ---------- ***/
.gform_heading .gform_required_legend { display: none; }
.gform_wrapper.gravity-theme .gfield_label { font-weight: 400!important; line-height: 1!important; }
.gform_wrapper.gravity-theme .gfield_required { color: var(--clr-dark)!important; }
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea, .form-control { border: 1px solid rgba(var(--clr-dark-rgb), .12)!important; border-radius: .8rem!important; min-height: 4.1rem!important; }
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer { display: flex!important; padding-bottom: 0!important; margin: 0!important; }  
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input { margin: 0 0 0 auto!important; }
.gform_wrapper.gravity-theme .field_sublabel_above .description, .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description { display: none!important; }
.gform_wrapper.gravity-theme .gform_validation_errors { margin: 0 0 1rem 0!important; box-shadow: none!important; background-color: #c02b0a!important; }
.gform_wrapper.gravity-theme .gform_validation_errors > h2 { margin: 0!important; color: #fff!important; }
.gform_wrapper.gravity-theme .gform_validation_errors ol { display: none!important; }
.gform_wrapper.gravity-theme .gform_ajax_spinner { order: -1; }
.gform_confirmation_message { border-radius: .8rem; padding: 1.6rem 2rem; background-color: var(--clr-primary); color: #fff; }
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message { display: none!important; }

/*** ---------- Pagination ---------- ***/
.wpb-pagination { --p: 0; --clr: var(--clr-dark); --bg-clr: #fff; --border: 1px solid var(--clr-border); --br: .6rem; --hover-clr: #fff; --hover-bg-clr: var(--clr-primary); --hover-border: 1px solid var(--clr-primary); --active-color: var(--hover-clr); --active-bg-clr: var(--hover-bg-clr); --active-border: var(--hover-border); position: relative; }
.wpb-pagination .has-prev-next { padding-left: 3.8rem; padding-right: 3.8rem; } 
.wpb-pagination ul { --gap: .25rem; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; gap: var(--gap); padding-top: 3.2rem; }
.wpb-pagination li :is(span, a) { width: 3.6rem; height: 3.6rem; display: inline-grid; place-items: center; font-weight: 400; font-size: 1.6rem; line-height: 1.6; color: var(--clr-text); color: inherit; padding: var(--p); color: var(--clr); background-color: var(--bg-clr); border-radius: var(--br); border: var(--border); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; transition-property: color, background-color, border-color; transition-duration: var(--global-transition-duration); transition-timing-function: var(--global-transition-function); }
.wpb-pagination li :is(span, a) .wpb-icon { --w: 1.2rem; --h: 1.2rem; pointer-events: none; }
.wpb-pagination li :is(span, a):hover .wpb-icon { --clr: var(--hover-clr) }
.wpb-pagination li :is(:is(span, a):hover, :is(span, a):focus, :is(span, a):active) { color: var(--hover-clr); background-color: var(--hover-bg-clr); border: var(--hover-border); }
.wpb-pagination li :is(span, a).current { color: var(--active-color); background-color: var(--active-bg-clr); border: var(--active-border); }
.wpb-pagination li .page-number__prev { position: absolute; left: 0; }
.wpb-pagination li .page-number__next { position: absolute; right: 0; }
.wpb-pagination li:has([data-page="…"]),
.wpb-pagination li [data-page="…"] { pointer-events: none!important; }

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

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

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



/*** ---------- Navigation ---------- ***/
.wpb-navigation .wpb-icon.wpb-icon--tag-solid { --clr: #fff; }



/*** ---------- Blocks algemeen ---------- ***/
.wpb-block__header { margin-bottom: 3.2rem; }

.wpb-block__filters #wux-filters { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0,1fr)); gap: 2rem; margin-bottom: 3.2rem; }

@media (min-width: 576px) {
    .wpb-block__filters #wux-filters { --gc: 2; }
}

@media (min-width: 768px) {
    .wpb-block__filters #wux-filters { --gc: 3; }
}

@media (min-width: 992px) {
    .wpb-block__header { margin-bottom: 5.7rem; }
    .wpb-block__filters #wux-filters { --gc: 4; }
}

@media (min-width: 1200px) {
    .wpb-block__filters #wux-filters { --gc: 5; }
}



/*** ---------- Wux Filters ---------- ***/
#wux-filters [data-filter-type="radio"] { display: flex; flex-wrap: wrap; gap: .5rem; }
#wux-filters [data-filter-type="radio"] label { font-size: 1.3rem; font-family: var(--font-a-regular); min-height: 3.4rem!important; --p: .25rem 1.4rem; }
#wux-filters [data-filter-type="radio"] label input { opacity: 0; position: absolute; }
#wux-filters [data-filter-type="radio"] label:has(input:checked) { --bg-clr: var(--clr-primary); --border: 1px solid var(--clr-primary); --clr: #fff; --hover-bg-clr: var(--clr-primary); --hover-border: 1px solid var(--clr-primary); }

#wux-filters { display: flex; flex-direction: column; }
#wux-filters #wf_term_soorten_wrapper { order: 1; }
#wux-filters #wf_term_merken_wrapper { order: 2 }
#wux-filters #wf_term_serie-en-karakters_wrapper { order: 3; }
#wux-filters #wf_term_leeftijd_wrapper { order: -1; }

@media (max-width: 991.98px) {
    #wux-filters [data-filter-type="radio"] { width: auto!important; }
}

/*** ---------- Block: Text & USP's ---------- ***/
.wpb-block--text-usps .container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.8rem 2rem; align-items: start; }

@media (min-width: 992px) {
    .wpb-block--text-usps .container { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 6.4rem; }
}

@media (min-width: 1200px) {
    .wpb-block--text-usps .container { grid-template-columns: minmax(0, 1fr) minmax(0, 48rem); column-gap: 10rem; }
}

@media (min-width: 1400px) {
    .wpb-block--text-usps .container { column-gap: 15rem; }
}



/*** ---------- Block: Text & USP's ---------- ***/
.wpb-block--featured-categories .container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; align-items: stretch; }
.wpb-block--featured-categories .wpb-card-container .wpb-card { height: 100%; }

@media (min-width: 992px) {
    .wpb-block--featured-categories .container { grid-template-columns: minmax(0, 1fr) minmax(0, 42.1rem); }
}



/*** ---------- Block: Text & USP's ---------- ***/
.wpb-block--featured-books .wpb-block__header .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 2rem; }
.wpb-block--featured-books .wpb-block__header .wpb-text { --mt: 0em; }
.wpb-block--featured-books #result-filtering { min-width: 15rem; width: auto; margin-bottom: 2rem; }

@media (min-width: 992px) { 
    .wpb-block--featured-books .wpb-block__header .wpb-text { font-size: 1.8rem; }
}

@media (min-width: 1200px) {
    .wpb-block--featured-books .results-grid { --gc: 4; }
} 
    


/*** ---------- Block: Reviews ---------- ***/
.wpb-block--reviews .wpb-block__header { margin-bottom: 2.5rem; }
.wpb-block--reviews .wpb-block__header .wpb-text { --mt: 0em; }
.wpb-block--reviews .wpb-block__header .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 2rem; }
.wpb-block--reviews .wpb-block__body .container { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 2rem; }

@media (max-width: 575.98px) { 
    .wpb-block--reviews .wpb-block__body .container { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 2.2rem; scroll-padding-right: 2.2rem; }
    .wpb-block--reviews .wpb-block__body .container .wpb-card { flex: 0 0 80%; scroll-snap-align: start; }
}

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

@media (min-width: 992px) {
    .wpb-block--reviews .wpb-block__body .container { --gc: 3; }
}



/*** ---------- Block: Text & Shortcode ---------- ***/
.wpb-block--text-shortcode .container { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); align-items: start; gap:3.8rem 3.2rem; }
.wpb-block--text-shortcode .wpb-usps.wpb-usps--large .usp__icon { background-color: var(--clr-primary); }
.wpb-block--text-shortcode .wpb-text { position: relative; }
.wpb-block--text-shortcode .wpb-text .wpb-icon--arrow-asset-right { display: none; position: absolute; top: -2.4rem; right: 0; margin: 0; }

@media (min-width: 992px) {
    .wpb-block--text-shortcode .container { --gc: 2; }
    .wpb-block--text-shortcode .wpb-text .wpb-icon--arrow-asset-right { display: block; }
}

@media (min-width: 1200px) {
    .wpb-block--text-shortcode .wpb-text { padding-right: 3.2rem; }
    .wpb-block--text-shortcode .wpb-text .wpb-icon--arrow-asset-right { right: 3.2rem; }
}

@media (min-width: 1400px) {
    .wpb-block--text-shortcode .wpb-text { padding-right: 5.4rem; }
}



/*** ---------- Archive nieuws ---------- ***/
body.post-type-archive-nieuws #wux-filters .form-select { width: auto; }


*, *:before, *:after { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;  margin: 0; padding: 0; box-sizing: border-box; }

/* BACK-END FIXES */
html :where(.wp-block) {
    max-width: 1600px!important;
}

html { font-size: 10px; }
body { font-size: 1.6rem; line-height: 2.5rem; font-family: var(--font-a-regular); }

img { max-width: 100%; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4 { margin-bottom: 1.6rem; color: rgb(var(--wpb-text)); font-family: var(--font-b-medium); font-weight: inherit; }
h1, .h1 { font-size: 3.2rem; line-height: 1.2; }
h2, .h2 { font-size: 2.2rem; line-height: 1.2; }
h3, .h3 { font-size: 2rem; line-height: 1.2; }

@media (min-width: 992px) {
    h1 { font-size: 4.2rem; }
    h2 { font-size: 2.6rem; }
    h3 { font-size: 2.4rem; }
}

@media (min-width: 1400px) { 
    h1 { font-size: 5.4rem; }
}

p { color: rgb(var(--wpb-text)); }

section.wpb-bg-color--donker :is(h1, h2, h3, p) { color: #fff!important; }

.wpb-body.active { overflow-y: hidden; }

/*** BLOCK STYLING ***/

/* BASIS */
section { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; z-index: 0; }
section .wpb-overlay { position: absolute; inset: 0; background-color: #000; opacity: .65; }
section .section__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.4rem; }
section .section__header :is(h1, h2, h3, h4) { margin: 0px; }

@media (max-width: 576px) {
    section .section__header { flex-direction: column; gap: 1rem; align-items: start; }
}

/* WHITESPACE */
section.wpb-whitespace--small { padding-bottom: 3.2rem; }
section.wpb-whitespace--medium { padding-bottom: 6.4rem; }
section.wpb-whitespace--large { padding-bottom: 8rem; }   

section:is(.wpb-bg-color--white,.wpb-bg-color--grey,.wpb-bg-color--dark,.wpb-bg-color--accent-1,.wpb-bg-color--accent-2,.wpb-bg-color--accent-3,.wpb-bg-color--transparent).wpb-whitespace--small { padding-top: 3.6rem; }
section:is(.wpb-bg-color--white,.wpb-bg-color--grey,.wpb-bg-color--dark,.wpb-bg-color--accent-1,.wpb-bg-color--accent-2,.wpb-bg-color--accent-3,.wpb-bg-color--transparent).wpb-whitespace--medium { padding-top: 6.4rem; }
section:is(.wpb-bg-color--white,.wpb-bg-color--grey,.wpb-bg-color--dark,.wpb-bg-color--accent-1,.wpb-bg-color--accent-2,.wpb-bg-color--accent-3,.wpb-bg-color--transparent).wpb-whitespace--large { padding-top: 8rem; }

section:is(.wpb-bg-color--transparent) + section:is(.wpb-bg-color--transparent) { padding-top: 0!important; }
section:is(.wpb-overview-cta, .wpb-cta-news) + section:is(.wpb-bg-color--transparent) { padding-toP: 0; }

@media (min-width: 992px) {
    section.wpb-whitespace--geen { padding-bottom: 0; }
    section.wpb-whitespace--small { padding-bottom: 6.4rem; }
    section.wpb-whitespace--medium { padding-bottom: 9.6rem; }
    section.wpb-whitespace--large { padding-bottom: 12rem; }

    
    section:is(.wpb-bg-color--white,.wpb-bg-color--grey,.wpb-bg-color--dark,.wpb-bg-color--accent-1,.wpb-bg-color--accent-2,.wpb-bg-color--accent-3,.wpb-bg-color--transparent).wpb-whitespace--small { padding-top: 6.4rem; }
    section:is(.wpb-bg-color--white,.wpb-bg-color--grey,.wpb-bg-color--dark,.wpb-bg-color--accent-1,.wpb-bg-color--accent-2,.wpb-bg-color--accent-3,.wpb-bg-color--transparent).wpb-whitespace--medium { padding-top: 9.6rem; }
    section:is(.wpb-bg-color--white,.wpb-bg-color--grey,.wpb-bg-color--dark,.wpb-bg-color--accent-1,.wpb-bg-color--accent-2,.wpb-bg-color--accent-3,.wpb-bg-color--transparent).wpb-whitespace--large { padding-top: 12rem; }
    
    section:is(.wpb-bg-color--transparent) + section:is(.wpb-bg-color--transparent) { padding-top: 0!important; }
    section:is(.wpb-overview-cta) + section:is(.wpb-bg-color--transparent) { padding-toP: 0; }
}

/* COLORS */
section.wpb-bg-color--transparant {background-color: transparent;}
section.wpb-bg-color--white {background-color: #fff;}
section.wpb-bg-color--grey {background-color: rgb(var(--wpb-grey));}
section.wpb-bg-color--dark {background-color: rgb(var(--wpb-dark));}
section.wpb-bg-color--accent-1 {background-color: rgb(var(--wpb-accent-1));}
section.wpb-bg-color--accent-2 {background-color: rgb(var(--wpb-accent-2)); }
section.wpb-bg-color--accent-3 {background-color: rgb(var(--wpb-accent-3));}

/* TEXT ALIGN */
section .wpb-text-align-left {text-align: left;}
section .wpb-text-align-center {text-align: center; margin: 0 auto;}
section .wpb-text-align-right {text-align: right;}

hr { border: none; border-top: var(--wpb-border); }

/*** NAVIGATION ***/
.wpb-navigation { padding: 2.4rem 0; position: relative; background-color: rgb(var(--wpb-accent-3)); }
.wpb-navigation .wpb-navigation__main .inner { display: grid; grid-template-columns: 1fr auto; grid-gap: 1.6rem .8rem; }
.wpb-navigation .logo { display: inline-flex; }
.wpb-navigation .logo img { width: 24rem; height: auto; }
.wpb-navigation .account { display: none; } 

.wpb-navigation .nav-trigger { font-size: 1.4rem; color: rgb(var(--wpb-tekst)); display: inline-flex; align-items: center; justify-content: flex-end; padding-right: 1.5rem; width: 8.5rem; height: 3.9rem; cursor: pointer; position: relative; z-index: 50; border: var(--wpb-border); border-radius: .8rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.wpb-navigation .nav-trigger .nav-hamburger__line { display: block; position: absolute; height: .2rem; width: 1.3rem; opacity: 1; left: 1.5rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; background-color: rgb(var(--wpb-dark)); }
.wpb-navigation .nav-trigger .nav-hamburger__line.is--top { top: 12px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.wpb-navigation .nav-trigger .nav-hamburger__line.is--middle { top: 17px; -webkit-transform-origin: left center; transform-origin: left center; }
.wpb-navigation .nav-trigger .nav-hamburger__line.is--bottom { top: 22px; -webkit-transform-origin: left center; transform-origin: left center; }
.wpb-navigation .nav-trigger.active .nav-hamburger__line.is--top { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 13px; left: 1.8rem; }
.wpb-navigation .nav-trigger.active .nav-hamburger__line.is--middle { width: 0%; opacity: 0; }
.wpb-navigation .nav-trigger.active .nav-hamburger__line.is--bottom { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 22px; left: 1.8rem; }

.wpb-navigation .search-form { position: relative; height: 3.9rem; z-index: 999; }
.wpb-navigation .search-form .search-form__inner { width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: 0; transition: width .25s ease-in-out; }
.wpb-navigation .search-form .search-form__inner::after { content: ''; position: absolute; top: -12px; right: -12px; bottom: -12px; left: -12px; border-radius: 1.2rem; background-color: #fff; opacity: 0; pointer-events: none; transition: opacity .25s ease-in-out; }
.wpb-navigation .search-form .search-form__group { position: relative; }
.wpb-navigation .search-form .search-form__group #close-wux-search { opacity: 0; pointer-events: none; position: absolute; right: 1px; top: 1px; bottom: 1px; z-index: 3; cursor: pointer; color: rgb(var(--wpb-text)); position: absolute; background: #fff; font-family: var(--font-a-medium); padding: 0 1.5rem; font-size: 1.2rem; line-height: 1; gap: .4rem; display: inline-flex; align-items: center; background-color: transparent; border: none; -webkit-appearance: none; transition: opacity .25s ease-in-out;}
.wpb-navigation .search-form .search-form__group #close-wux-search img { width: 1rem; height: 1rem; }
.wpb-navigation .search-form .search-form__group > img { position: absolute; width: 1.3rem; height: 1.3rem; right: 14px; top: 12px; }
.wpb-navigation .search-form .search-form__group [type="search"] { font-size: 16px; position: relative; z-index: 1; width: 100%; height: 39px; border-radius: .8rem; outline: none; border: var(--wpb-border); background-color: transparent; padding: 5px 40px 5px 16px; }
.wpb-navigation .search-form .search-form__group [type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; } 
.wpb-navigation .search-form .search-form__group [type="search"]::-moz-search-clear { display: none; }
.wpb-navigation .search-form.is-active .search-form__inner { width: calc(100% + 9.3rem); }
.wpb-navigation .search-form.is-active .search-form__inner::after { opacity: 1; } 
.wpb-navigation .search-form.is-active .search-form__group #close-wux-search { opacity: 1; pointer-events: all; }

.wpb-navigation .search-form .search-form__results { overflow-y: auto; z-index: 1; position: relative; }
.wpb-navigation .search-form .search-form__results.--loading { min-height: 100px; }
.wpb-navigation .search-form .search-form__results.--loading::before { content: ''; position: absolute; left: calc(50% - 16px); top: 34px; width: 32px; height: 32px; border-radius: 50%; display: inline-block; border: 4px solid #FFF; border-bottom-color: transparent; box-sizing: border-box; animation: rotation 1s linear infinite; }
.wpb-navigation .search-form .search-form__results .search-result { display: flex; justify-content: space-between; text-decoration: none; color: rgb(var(--wpb-text)); padding: 1.4rem 0; }
.wpb-navigation .search-form .search-form__results .search-result + .search-result { border-top: 1px solid #DFDBDA; }
.wpb-navigation .search-form .search-form__results .search-result .wpb-image { display: flex; }
.wpb-navigation .search-form .search-form__results .search-result img { width: 100%; height: 72px; object-fit: cover; }
.wpb-navigation .search-form .search-form__results .search-result > span { font-size: 1.4rem; font-family: var(--font-a-semibold); line-height: 1.2; margin-top: 3px; transition: color .15s ease; }
.wpb-navigation .search-form .search-form__results .search-result > span small { font-family: var(--font-a-regular); display: block; width: 100%; font-size: 1.2rem; }
.wpb-navigation .search-form .search-form__results .search-result small.tax { color: rgba(var(--wpb-accent-1)); font-size: 12px; font-family: var(--font-a-medium); }
.wpb-navigation .search-form .search-form__results .wux-search-results__group + .wux-search-results__group { border-top: 1px solid #DFDBDA; }
.wpb-navigation .search-form .search-form__results .wux-search-results__group--product .search-result { display: grid; grid-template-columns: 5rem 1fr; align-items: center; gap: 1.2rem; }
.wpb-navigation .search-form .no-result { text-align: center; font-size: 15px; margin-top: 12px; opacity: .8; }

@media (min-width: 992px) {
    .wpb-navigation .search-form { max-width: 36rem; width: 100%; margin: auto; }
    .wpb-navigation .search-form, 
    .wpb-navigation .search-form .search-form__group [type="search"] { min-height: 4.5rem; }
    .wpb-navigation .search-form.is-active .search-form__inner { width: 100%; }
    .wpb-navigation .search-form .search-form__group > img { top: 16px; right: 16px; }  
}

.wpb-navigation .wpb-menu { transform: translateX(100%); position: fixed; inset: 0 0 0 auto; width: 100%; background-color: rgb(var(--wpb-accent-1)); z-index: 9999; display: flex; flex-direction: column; }
.wpb-navigation .wpb-menu.active { transform: translateX(0%); }
.wpb-navigation .wpb-menu .wpb-menu__header { border-bottom: 1px solid rgba(255,255,255,.2); padding: 2.2rem; position: relative; text-align: center; color: #fff; font-size: 1.6rem; font-family: var(--font-a-medium); }
.wpb-navigation .wpb-menu .wpb-menu__header button { cursor: pointer; position: absolute; left: 0; top: 0; border: none; background: transparent; height: 7rem; width: 7rem; padding: 0; display: inline-flex; justify-content: center; align-items: center; }
.wpb-navigation .wpb-menu .wpb-menu__header button img { width: 2rem; height: 1.75rem; }
.wpb-navigation .wpb-menu .menu-hoofdmenu-container { padding: 4rem 2.2rem 0 2.2rem; }
.wpb-navigation .wpb-menu .wpb-menu__body { flex-grow: 1; max-height: calc(100vh - 17rem); overflow-y: auto; }
.wpb-navigation .wpb-menu .custom-menu { padding: 0 2.2rem 0 2.2rem; }
.wpb-navigation .wpb-menu .wpb-menu__footer { padding: 2.2rem 2.2rem 3.2rem 2.2rem; }
.wpb-navigation .wpb-menu .wpb-menu__footer .btn { border-color: rgba(255,255,255,.2); color: #fff; width: 100%; height: 5.3rem; align-items: center; }
.wpb-navigation .wpb-menu .wpb-menu__footer .btn img { width: 2rem; height: 2rem; margin-right: .9rem; }
.wpb-navigation .menu { list-style: none; }
.wpb-navigation .menu-item { display: flex; flex-wrap: wrap; color: #fff; position: relative; }
.wpb-navigation .menu > .menu-item, .wpb-navigation .custom-menu > ul > li { border-bottom: 1px solid rgba(255,255,255,.2); }
.wpb-navigation .menu-item a { padding: 1.6rem 0; flex-grow: 1; font-size: 2.4rem; text-decoration: none; color: #fff; font-family: var(--font-a-medium); }
.wpb-navigation .menu-item-has-children { cursor: pointer; }
.wpb-navigation .menu-item-has-children::after { content: ''; display: inline-block; width: 4rem; background: url('/wp-content/themes/wux/assets/img/icon_chevron-down_white.svg') no-repeat center center/ 2rem; }
.wpb-navigation .menu-item .sub-menu {order: 999; width: 100%; height: 0px; overflow: hidden; transition: height .25s ease-in-out; }
.wpb-navigation .menu-item.open .sub-menu { pointer-events: all; top: 100%; bottom: auto; opacity: 1;}
.wpb-navigation .menu-item .sub-menu .menu-item {display: flex; align-items: center;padding: 0 0 0.6rem 0; }
.wpb-navigation .menu-item .sub-menu .menu-item a { display: inline-block; font-size: 1.6rem; padding: 0; color: #fff ; font-family: var(--font-a-regular);}
.wpb-navigation .menu-item .sub-menu .menu-item::before {content: ''; display: inline-block; width: 10px; height: 10px; background-size: contain; background-image: url('/wp-content/themes/wux/assets/img/icon_chevron-right_white.svg'); background-repeat: no-repeat;}

.wpb-navigation .wpb-navigation__usps { display: none!important; }

.wpb-navigation .custom-menu .has-submenu > a { position: relative; }
.wpb-navigation .custom-menu .has-submenu > a .submenu-trigger { display: flex; justify-content: flex-end; align-items: center; position: absolute; right: 0; top: 0; height: 100%; width: 5rem; }
.wpb-navigation .custom-menu .has-submenu > a .submenu-trigger img { transform: rotate(90deg); height: 2rem; }

.wpb-navigation .menu-item.menu-item--featured::before { position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; }
.wpb-navigation .menu-item.menu-item--featured { position: relative; padding: 0!important; margin-bottom: 1rem; }  
.wpb-navigation .menu-item.menu-item--featured a { display: flex!important; align-items: center; column-gap: 1rem; border: .2rem solid rgba(255,255,255,.2); padding: 1rem!important; border-radius: 1.2rem; transition: border 150ms ease!important; }
.wpb-navigation .menu-item.menu-item--featured a img { width: 45px; height: 45px; object-fit: contain; }
.wpb-navigation .menu-item.menu-item--featured a:hover { opacity: 1!important; border-color: rgba(255,255,255,.5); }

@media (min-width: 992px) {
    .wpb-navigation .menu-item.menu-item--featured { margin-bottom: 1.6rem; } 
    .wpb-navigation .menu-item.menu-item--featured a { margin-right: 2.2rem; }
    .wpb-navigation .menu-item.menu-item--featured::before { right: 3.2rem; }
}

.wpb-menu__backdrop { position: fixed; inset: 0; opacity: 0; z-index: 60; background-color: rgba(0,0,0,.12); transition: opacity .35s ease-in-out; }
.wpb-menu__backdrop.active { opacity: 1; }

.wpb-navigation .menu-item .sub-menu .view-more-button { display: block; list-style: none; width: fit-content; grid-column: 1 / 5; padding-bottom: 24px; width: 100%; border-top: 1px solid rgba(255, 255, 255, .25); }
.wpb-navigation .menu-item .sub-menu .view-more-button a { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 8px 0; font-size: 16px;}
.wpb-navigation .menu-item .sub-menu .view-more-button a::after { content: ''; display: inline-block; margin-left: 1.1rem; width: 1.9rem; height: 1.9rem; border: 1px solid #fff; border-radius: 50%; background: url('/wp-content/themes/wux/assets/img/icon_chevron-right_white.svg') no-repeat center center/.5rem; transition: transform .25s ease-in-out, background-color .25s ease-in-out; }
.wpb-navigation .menu-item .sub-menu .view-more-button::after {filter: brightness(100);}

@media (min-width: 992px) {
    .wpb-navigation .menu-item .sub-menu .view-more-button { margin-top: 24px; padding-bottom: 0; }
}

@media (max-width: 991.98px) {
    .wpb-navigation { padding-bottom: 0; }
}

/* WOOCOMMERCE */
.single_add_to_cart_button::after { font-size: 1.6rem; font-family: var(--font-a-semibold); border-radius: .8rem; color: #fff; opacity: 0; content: 'Toevoegen...'; display: flex; align-items: center; justify-content: center; background-color: rgb(var(--wpb-accent-1)); position: absolute; inset: 0; pointer-events: none; transition: opacity .15s ease; }
.single_add_to_cart_button.--loading::after { opacity: 1; } 

/*** Cart dropdown ***/
.wc-cart { display: inline-flex; margin-left: auto; position: relative; }
.wc-cart > .btn,
.wc-cart button { cursor: pointer; display: inline-flex; align-items: center; gap: .5rem; }
/* .wc-cart button::before { font-size: 1.6rem; font-family: var(--font-a-semibold); border-radius: .8rem; color: rgb(var(--wpb-accent-1)); opacity: 0; content: 'Toevoegen...'; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255); position: absolute; inset: 0; pointer-events: none; transition: opacity .15s ease; }
.wc-cart button.--loading::before { opacity: 1; } */
.wc-cart:hover .btn.outline { background-color: #fff; color: rgb(var(--wpb-text)); border-color: #fff; box-shadow: 0 0 12px 0 #0000000F; }
.wc-cart > .btn:hover,
.wc-cart button:hover { background-color: transparent; color: rgb(var(--wpb-text)); }
.wc-cart > .btn img,
.wc-cart button img { height: 1.9rem; }
.wc-cart > .btn:after,
.wc-cart button:after { content:attr(data-count); display: inline-block; font-size: 1.4rem; }
.wc-cart > .btn span { line-height: 1 }
.wc-cart > .btn span,
.wc-cart button span { display: none; }

.wc-cart .wc-cart-drop { position: fixed; inset: auto 0 0 0; flex-direction: column; border-radius: 1.2rem 1.2rem 0 0; height: calc(100vh - 160px); background-color: #fff; transform: translateY(100%); transition: transform .25s ease-in-out; }
.wc-cart .wc-cart-drop.active { transform: translateY(0rem); }
.wc-cart .wc-cart-drop .wc-cart-drop__header { padding: 2.2rem; display: flex; align-items: center; justify-content: space-between; }
.wc-cart .wc-cart-drop .wc-cart-drop__header span { margin: 0px; font-size: 1.8rem; font-family: var(--font-b-medium); }
.wc-cart .wc-cart-drop .wc-cart-drop__header button { background-color: transparent; color: rgb(var(--wpb-text)); border: none; padding-right: 0px; font-family: var(--font-a-medium); font-size: 14px; }
.wc-cart .wc-cart-drop .wc-cart-drop__header button img { width: 1rem; height: 1rem; }

.wc-cart .wc-cart-drop .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; }
.wc-cart .wc-cart-drop .wc-cart-drop__content { flex-grow: 1; padding: 0 1.2rem 0 2.2rem; display: flex; flex-direction: column; transition: .2s ease-in-out;}
.wc-cart .wc-cart-drop .wc-cart-drop__content .woocommerce-notices-wrapper { display: none; }
.wc-cart .wc-cart-drop .wc-cart-drop__content .product_list_widget { flex-grow: 1; overflow-y: auto; }
.wc-cart .wc-cart-drop .wc-cart-drop__content.--loading {opacity: .65;}
.wc-cart .wc-cart-drop .wc-cart-drop__content .cart_list { max-height: calc(100vh - 37rem); padding-right: 1rem; }
.wc-cart .wc-cart-drop .wc-cart-drop__content .cart_list::-webkit-scrollbar { width: 10px; }
.wc-cart .wc-cart-drop .wc-cart-drop__content .cart_list::-webkit-scrollbar-track { background: #f1f1f1; }
.wc-cart .wc-cart-drop .wc-cart-drop__content .cart_list::-webkit-scrollbar-thumb { background: #888; }
.wc-cart .wc-cart-drop .wc-cart-drop__content .cart_list::-webkit-scrollbar-thumb:hover { background: #555; }

@media (min-width: 992px) {
    .wc-cart .wc-cart-drop .wc-cart-drop__content .cart_list { max-height: 47rem; }
}

.mini_cart_item { display: grid; grid-template-columns: 9rem 1fr; column-gap: 1.6rem; align-items: center; margin-bottom: 1.6rem; position: relative; }
.mini_cart_item .mini-cart__thumbnail { display: flex; }
.mini_cart_item .mini-cart__thumbnail a { display: flex; }
.mini_cart_item .mini-cart__thumbnail a img { width: 100%; height: auto; border-radius: .8rem; } 

.mini_cart_item .wux_remove_from_cart {cursor: pointer; position: absolute; right: 0; top: 0; width: 3.1rem!important; height: 3.1rem!important; display: inline-flex!important; justify-content: center; align-items: center; text-decoration: none!important; margin-left: auto; border-radius: .8rem!important; border: var(--wpb-border)!important; }
.mini_cart_item .wux_remove_from_cart:hover { background-color: #fff!important; }

.mini_cart_item .mini-cart__content { display: grid; grid-template-columns: 1fr auto; grid-gap: 1.2rem; }
.mini_cart_item .mini-cart__content .text { font-size: 1.4rem; line-height: 1.7rem; height: 3.2rem; overflow: hidden; text-overflow: ellipsis; font-family: var(--font-a-medium); grid-column: span 2; margin-right: 4.1rem;}
.mini_cart_item .mini-cart__content .amount { display: inline-flex; align-items: center; }
.mini_cart_item .mini-cart__content .amount input { width: 2.5rem; border: none; text-align: center; appearance: inherit; font-family: var(--font-a-semibold); font-size: 1.6rem; }
.mini_cart_item .mini-cart__content .amount input::-webkit-outer-spin-button, .mini_cart_item .mini-cart__content .amount input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mini_cart_item .mini-cart__content .amount input:focus { outline: none; }
.mini_cart_item .mini-cart__content .amount .amount-btn { width: 3.1rem; height: 3.1rem; border-radius: .8rem; border: var(--wpb-border); background-color: transparent; }
.mini_cart_item .mini-cart__content .amount .amount-btn img { width: 1.3rem; }
.mini_cart_item .mini-cart__content .amount .amount-btn.disabled {opacity: .45; pointer-events: none;}
.mini_cart_item .mini-cart__content .woocommerce-Price-amount { font-family: var(--font-a-semibold); }

.woocommerce-mini-cart__total { display: grid; grid-template-columns: 1fr auto; margin-bottom: 1.6rem; }
.woocommerce-mini-cart__total small { opacity: .65; font-size: 1.2rem; line-height: 1.7rem; }
.woocommerce-mini-cart__total .woocommerce-Price-amount { font-size: 2rem; font-family: var(--font-a-semibold); grid-row: 1/3; grid-column: 2; display: inline-flex; align-items: center; }

.wc-cart .wc-cart-drop .btn.primary { width: 100%; align-items: center; justify-content: center; gap: .7rem; height: 5.5rem; margin-bottom: 1.4rem; }
.wc-cart .wc-cart-drop .btn.primary img { width: 1.8rem; height: 2rem; }

.safe-payment { display: flex; align-items: center; justify-content: center; font-size: 1.3rem; padding-bottom: 2.4rem; }
.safe-payment > :is(img, span) { opacity: .5; font-family: var(--font-a-medium); }
.safe-payment > img { width: 1rem; margin-right: .4rem; }
.safe-payment .payment-methods { margin-left: 1.3rem; }

.wc-cart-icon {width: 45px; margin-right: 8px; height: 45px; padding: 10px; border-radius: 50%; transition: 200ms ease-in-out; position: relative;}
.wc-cart:hover .wc-cart-icon { background-color: rgba(255, 255, 255, .2); }
.wc-cart-icon img {width: 100%; height: 100%;}
.wc-cart-icon .wc-cart-count {position: absolute; background-color: rgb(var(--wpb-accent-2)); color: #fff; border-radius: 50%; font-weight: 600; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; text-align: center;top: 2px; right: 2px; font-size: 13px;}

.wc-cart__backdrop { position: fixed; inset: 0; opacity: 0; z-index: 1020; background-color: rgba(0,0,0,.12); transition: opacity .35s ease-in-out; }
.wc-cart__backdrop.active { opacity: 1; }

@media (min-width: 576px) {
    .wpb-navigation .wpb-menu { max-width: 40rem; }
}

@media (min-width: 992px) {
    .wpb-navigation { padding: 2.4rem 0 0 0; }
    .wpb-navigation .wpb-navigation__main .inner { grid-template-columns: auto 1fr auto auto; align-items: center; }
    .wpb-navigation .nav-trigger { display: none; }
    .wpb-navigation .account { display: inline-flex; padding: 0px; width: 4.5rem; height: 4.5rem; justify-content: center; align-items: center; }
    .wc-cart { order: 999; position: relative; }
    .wc-cart .btn span { display: inline-block; font-size: 1.6rem; font-family: var(--font-a-semibold); }
    .wc-cart .btn:after { background-color: rgb(var(--wpb-accent-1)); color: #fff; width: 1.9rem; height: 1.9rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-a-regular); font-size: 1.3rem;}
    .wc-cart .wc-cart-drop { display: block!important; position: absolute; border-radius: 1.2rem; inset: 100% 0 auto auto; width: 38rem; height: auto; opacity: 0; transform: translateY(2rem); box-shadow: 0 0 12px 0 #0000000F; pointer-events: none; transition: transform .25s ease-in-out, opacity .25s ease-in-out; }
    .wc-cart .wc-cart-drop.active { pointer-events: all; transform: translateY(1rem); opacity: 1; }
    .wc-cart .wc-cart-drop .wc-cart-drop__header, .wc-cart .wc-cart-drop .safe-payment { display: none; }
    .wc-cart .wc-cart-drop .wc-cart-drop__content { padding: 1.6rem; }
    .wpb-navigation .wpb-menu .wpb-menu__body { display: flex; }
    .wpb-navigation .wpb-menu .wpb-menu__body :is(.menu, .custom-menu > ul) > li { transition: opacity .25s ease-in-out; }
    .wpb-navigation .wpb-menu .wpb-menu__body .custom-menu > ul.sub-menu  > li:hover { opacity: .75; }
    .wpb-navigation .wpb-menu .wpb-menu__body .menu-hoofdmenu-container li:hover { opacity: .75; }
    .wpb-navigation .wpb-menu { z-index: 10; }
    .wpb-navigation .wpb-menu .wpb-menu__header, .wpb-navigation .wpb-menu .wpb-menu__footer { display: none; }
    .wpb-navigation .wpb-navigation__nav { background-color: rgb(var(--wpb-accent-1)); margin-top: 2.4rem; position: relative; z-index: 2;}
    .wpb-navigation .wpb-navigation__nav .inner { display: grid; grid-template-columns: 1fr auto; }
    .wpb-navigation .wpb-menu .menu-hoofdmenu-container, .wpb-navigation .wpb-menu .custom-menu { padding: 0; flex-grow: 0; }
    .wpb-navigation .container { position: static; }
    .wpb-navigation .menu-item { cursor: default; position: static; }
    .wpb-navigation .menu > .menu-item > a, .wpb-navigation .custom-menu > ul > li > a { display: flex; align-items: center; gap: 0.5rem; font-size: 1.6rem; margin-right: 1rem; padding: 1.75rem 0; }
    .wpb-navigation .menu-item-has-children a { padding-right: 2.2rem!important; }
    .wpb-navigation .menu-item-has-children::after { position: absolute; right: 2.2rem; top: 0; height: 100%; background-size: 1rem; width: 1rem; margin-left: 1rem; }
    .wpb-navigation .menu { display: flex; }
    .wpb-navigation .menu > .menu-item, .wpb-navigation .custom-menu > ul > li { border: none; }
    .wpb-navigation .wpb-menu { flex-direction: row; position: static; max-width: 100%; transform: none; }
    
    .wpb-navigation .menu-item .sub-menu { --padding-x: calc((100vw - 960px) / 2); --columns: 3; opacity: 0; box-shadow: 0 8px 8px 0 rgba(0,0,0,.08); pointer-events: none; transform: translateY(1rem); position: absolute; top: 100%; left: 0; height: auto; background-color: #004F49; transition: opacity .25s ease-in-out, transform .25s ease-in-out; 
        padding: 2.2rem var(--padding-x) 2.2rem var(--padding-x); display: grid; grid-template-columns: repeat(var(--columns), minmax(0, 1fr)); }

    .wpb-navigation .menu-item .sub-menu .menu-item a { color: #fff; padding: .3rem 0; font-size: 1.6rem; transition: color .25s ease-in-out; }
    .wpb-navigation .menu-item .sub-menu .menu-item a:hover { opacity: .8; }

    .wpb-navigation .menu-item-has-children:hover > .sub-menu { opacity: 1; pointer-events: all; transform: translateY(0px); }

    .wpb-navigation .wpb-navigation__usps { display: grid!important; align-items: center; }
    .wpb-navigation .wpb-navigation__usps .usp { opacity: 0; grid-column: 1/1; grid-row: 1/1; background: rgb(var(--wpb-accent-1)); font-size: 1.4rem; line-height: 1.5rem; display: grid; grid-template-columns: 2rem 1fr; align-items: center; gap: 0 .7rem; color: #fff; transition: opacity .25s ease-in-out; }
    .wpb-navigation .wpb-navigation__usps .usp .usp-icon { grid-row: span 2; }
    .wpb-navigation .wpb-navigation__usps .usp .usp-icon img { filter: brightness(0) invert(1); }
    .wpb-navigation .wpb-navigation__usps .usp span { font-family: var(--font-a-medium); white-space: nowrap; margin-bottom: 2px;}
    .wpb-navigation .wpb-navigation__usps .usp p { color: #fff; opacity: .75; }
    .wpb-navigation .wpb-navigation__usps .usp.active { opacity: 1; }

    .wc-cart .wc-cart-drop .btn.primary { margin: 0px; }

    .wpb-navigation .custom-menu > ul { display: flex; }
    .wpb-navigation .custom-menu .has-submenu a { padding-right: 2.75rem; }
    .wpb-navigation .custom-menu .has-submenu a .submenu-trigger { z-index: -1; pointer-events: none; }
    .wpb-navigation .custom-menu .has-submenu a .submenu-trigger img { height: 1.25rem; }

    .wpb-navigation .custom-menu .has-submenu:hover .sub-menu { opacity: 1; transform: translateY(0); pointer-events: all; }

    .wpb-navigation .custom-menu .has-submenu:hover > a:after { content: ''; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: calc(100% + 4rem); height: 3rem; }
}

@media (min-width: 1200px) {
    .wpb-navigation .menu > .menu-item > a, .wpb-navigation .custom-menu > ul > li > a { margin-right: 2.2rem; }
    .wpb-navigation .menu-item .sub-menu { --columns: 4; --padding-x: calc((100vw - 1280px) / 2); }
}

/*** Social icons ***/
.social-icons { display: flex; gap: 1.6rem; }
.social-icon { --bg-url: ; width: 2.2rem; height: 2.2rem; background: var(--bg-url) no-repeat center center / contain; }
.social-icon.facebook { --bg-url: url('/wp-content/themes/wux/assets/img/icon_facebook.svg'); }
.social-icon.linkedin { --bg-url: url('/wp-content/themes/wux/assets/img/icon_linkedin.svg'); }
.social-icon.instagram { --bg-url: url('/wp-content/themes/wux/assets/img/icon_instagram.svg'); }
.social-icon.tiktok { --bg-url: url('/wp-content/themes/wux/assets/img/icon_tiktok.svg'); }
.social-icon.twitter { --bg-url: url('/wp-content/themes/wux/assets/img/icon_twitter.svg'); }

/*** Payment icons ***/
.payment-methods { display: inline-flex; gap: .32rem; }  
.payment-methods img { width: 3.7rem; height: 2.1rem; }

/*** Footer ***/
.wpb-footer { border-top: 1px solid #dcdde0; }
.wpb-footer .main .container { padding: 4rem 2.2rem; border-bottom: 1px solid #dcdde0; }
.wpb-footer .main .inner { display: grid; gap: 4rem; } 
.wpb-footer .main .cta { background: url('/wp-content/themes/wux/assets/img/card-bg-lines.svg') no-repeat center 8rem/cover rgb(var(--wpb-accent-3)); border-radius: 1.2rem; padding: 1.8rem; }
.wpb-footer .main h3 { font-size: 2.2rem; }
.wpb-footer .main .cta p { font-size: 1.4rem; line-height: 1.9rem; } 
.wpb-footer .main .cta .content { margin-bottom: 1.6rem; }
.wpb-footer .main .cta .btn{ --hover-bg-clr: var(--clr-primary); }
.wpb-footer .main .footer-menu__socials a{ transition: opacity .25s ease; }
.wpb-footer .main .footer-menu__socials a:hover{ opacity: .5; }
.wpb-footer .footer-menu .menu-title {font-weight: 600; color: rgb(var(--wpb-text)); margin-bottom: 6px; display: inline-block;} 
.wpb-footer .footer-menu ul { list-style: none; } 
.wpb-footer .footer-menu ul li a { color: rgb(var(--wpb-text)); text-decoration: none; font-size: 1.4rem; line-height: 1.4rem; display: block; padding: 1.6rem 0; border-bottom: var(--wpb-border); background: url('/wp-content/themes/wux/assets/img/icon_chevron-right_dark.svg') no-repeat right center/ .75rem; transition: color .25s ease; } 
.wpb-footer .footer-menu ul li:first-child a { padding-top: 0px; }
.wpb-footer .footer-menu ul li a:hover { color: rgb(var(--wpb-accent-1)); } 
.wpb-footer .footer-menu__socials { text-align: center; }
.wpb-footer .social-icons { justify-content: center; }
.wpb-footer .reviews .container { padding: 4rem 2.2rem; border-bottom: 1px solid #dcdde0; }
.wpb-footer .reviews .inner { display: flex; gap: 1rem; flex-direction: column; align-items: center; }
.wpb-footer .reviews .ervaringensite { display: flex; align-items: center; text-decoration: none; color: rgb(var(--wpb-text)); }
.wpb-footer .reviews .ervaringensite img:first-child { margin-right: 1.8rem; }
.wpb-footer .reviews .ervaringensite small { text-decoration: none; margin-left: 1rem; }
.wpb-footer .bottom { padding: 4rem 0; }
.wpb-footer .bottom .inner { display: grid; gap: 2.2rem; justify-content: center; }
.wpb-footer .bottom .logo-primary { width: 21rem; margin: auto; }
.wpb-footer .bottom ul { display: flex; align-items: center; list-style: none; flex-direction: column; }
.wpb-footer .bottom ul li a { text-decoration: none; padding: 0 1rem; color: rgb(var(--wpb-text)); font-size: 1.2rem; line-height: 1; margin-bottom: 0; transition: color .25s ease-in-out; }
.wpb-footer .bottom ul li a:hover{ color: var(--clr-primary); }
.wpb-footer .bottom ul li:not(:first-child) a {border-left: none;}
.wpb-footer .bottom .payment-methods { justify-content: center; }
.wpb-footer .bottom .payment-methods img { width: 5rem; height: 3rem; }

@media (min-width: 768px) {
    .wpb-footer .main .inner { grid-template-columns: repeat(2, 1fr) }
    .wpb-footer .main .cta { grid-column: span 2; display: grid; grid-template-columns: 1fr auto; gap: 2.2rem; align-items: end; }
    .wpb-footer .main .cta .content { margin: 0px; }
    .wpb-footer .main .footer-menu__socials { grid-column: span 2; }
    .wpb-footer .reviews .inner { flex-direction: row; justify-content: space-between; }  
}

@media (min-width: 992px) {
    .wpb-footer .main .inner { grid-template-columns: repeat(3, 1fr) }
    .wpb-footer .main .cta { grid-column: span 1; order: 3; grid-template-columns: 1fr; }
    .wpb-footer .main .footer-menu__socials { order: 4; grid-column: span 3; }

    .wpb-footer .bottom ul {flex-direction: row;}
    .wpb-footer .bottom ul li:not(:first-child) a { border-left: 1px solid rgb(var(--wpb-text)); }
    .wpb-footer .footer-menu ul li a { font-size: 1.6rem; line-height: 1.9rem; padding: 0 0 1rem 1.25rem; border: none; background: url('/wp-content/themes/wux/assets/img/icon_chevron-right_green.svg') no-repeat left .25rem/ .75rem}
    .wpb-footer .bottom .inner { grid-template-columns: 1fr auto auto; }
    .wpb-footer .bottom .logo-primary { margin-left: 0; }
}

@media (min-width: 1200px) {
    .wpb-footer .main .container { padding: 6.4rem 2.2rem; }
    .wpb-footer .main .inner { grid-template-columns: repeat(4, 1fr) }
    .wpb-footer .main .footer-menu__socials { order: 3; grid-column: span 1; text-align: start; }
    .wpb-footer .main .footer-menu__socials .social-icons { justify-content: start; }
    .wpb-footer .main .cta { order: 4; }
    .wpb-footer .reviews .container { padding: 2.8rem 2.2rem; } 
    .wpb-footer .bottom { padding: 5rem 0; }
}


/*** Header home ***/
.wpb-header__home { position: relative; overflow: hidden; }
.wpb-header__home .img-1 { position: absolute; top: 0; width: 23rem; right: -10rem; border-radius: 50%; filter: brightness(0); opacity: .05; animation: floatingOwls 16s ease-in-out infinite;}
.wpb-header__home .img-2 { position: absolute; bottom: -5rem; width: 23rem; left: -10rem; filter: brightness(0); opacity: .05;  animation: floatingOwls 12s ease-in-out infinite;}
.wpb-header__home .img-3 { display: none;  animation: floatingOwls 10s ease-in-out infinite;}
.wpb-header__home .container { z-index: 1; }
.wpb-header__home .container > .inner { display: grid; gap: 3.8rem; align-items: center; }

@media (max-width: 991.98px) {
    .wpb-header__home .container > .inner { grid-template-columns: minmax(0, 1fr); }
}

.wpb-header__home .text h1 { margin: 0px; }
.wpb-header__home .text p { font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 1.4rem; }
.wpb-header__home .text .btn:before { content: ''; width: 2rem; height: 2rem; background: url('/wp-content/themes/wux/assets/img/icon_books_white.svg') no-repeat center center/2rem; }
.wpb-header__home .text hr { margin: 3.2rem 0 1.8rem 0; }
.wpb-header__home .text .usp { display: grid; grid-template-columns: 2rem 1fr; align-items: center; gap: .8rem; }
.wpb-header__home .text .usp p { margin: 0px; color: #004F49; font-size: 1.2rem; line-height: 1.5rem; }  
.wpb-header__home .text .usp p strong { font-weight: inherit; font-family: var(--font-a-semibold); display: block; }

.related-books .related-books__header { display: flex; justify-content: space-between; margin-bottom: 1.8rem; }
.related-books .related-books__header .h3 { margin: 0px; }
.related-books .related-books__header .btn { white-space: nowrap; }
.related-books .inner { scroll-snap-type: x mandatory; display: flex; overflow-x: auto; overflow-y: hidden; margin-left: -2.2rem!important; margin-bottom: 0!important; width: calc(100% + 4.4rem); gap: 2.2rem; padding-left: 2.2rem!important; padding-right: 2.2rem!important; -ms-overflow-style: none; scrollbar-width: none; }
.related-books .inner::-webkit-scrollbar { display: none; }
.related-books .inner li.product { flex: 0 0 calc(50% - 2.2rem); scroll-snap-align: center; }

.wpb-product { text-decoration: none; display: flex; flex-direction: column; }
.wpb-product .wpb-product__image { display: flex; margin-bottom: 1.4rem; border-radius: .8rem; overflow: hidden; transition: box-shadow .25s ease-in-out; }
.wpb-product .wpb-product__image img { width: 100%; height: 100%; object-fit: contain; aspect-ratio: 3 / 4; transition: transform .15s ease-in-out; }
.wpb-product:hover .wpb-product__image img { transform: scale(1.02); }
.wpb-product .wpb-product__content { flex-grow: 1; }
.wpb-product .wpb-product__content .author { color: rgb(var(--wpb-text)); font-size: 1.4rem; line-height: 1.7rem; margin-bottom: .25rem; opacity: .65; }
.wpb-product .wpb-product__content .product-title { font-family: var(--font-a-medium); font-size: 1.4rem; line-height: 1.7rem; margin: 0px; height: 3.4rem; overflow: hidden; text-overflow: ellipsis; transition: color .25s ease-in-out; }
.wpb-product .wpb-product__content .description p { font-family: var(--font-a-medium); font-size: 1.4rem; line-height: 1.7rem; }
.wpb-product .wpb-product__footer .price { color: rgb(var(--wpb-accent-1)); font-family: var(--font-a-semibold); }
.wpb-product .wpb-product__footer .price.price__sale span:not(.price-new) { font-size: 1.4rem; text-decoration: line-through; color: rgba(var(--wpb-dark), .45); white-space: nowrap; }
.wpb-product .wpb-product__footer .price.price__sale .price-new { margin-left: .75rem; white-space: nowrap; }

.wpb-product:hover .product-title { color: rgb(var(--wpb-accent-1)); }

@keyframes floatingOwls {
    0% {transform: translate(0);}
    50% {transform: translate(-1rem, 2rem);}
    100% {transform: translate(0)}
}

@media (min-width: 576px) {
    .related-books .inner { margin-left: 0px!important;; width: 100%!important;; padding-left: 0!important;; padding-right: 0!important;; }
    .related-books .inner li.product { flex: 0 0 calc(50% - 3.2rem); }
}

@media (min-width: 768px) {
    .related-books .inner li.product { flex: 0 0 calc(33.333% - ((2 * 2.2rem) / 3)); }
}

@media (min-width: 992px) {
    .wpb-header__home .container > .inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6.4rem; }
    .wpb-header__home .text .usp p { font-size: 1.4rem; line-height: 1.7rem; }
    .wpb-header__home .img-1 { top: -8rem; width: 31rem; right: -15rem; }
    .wpb-header__home .img-2 { width: 31rem; left: -6rem; }
    .wpb-header__home .img-3 { display: block; position: absolute; width: 15rem; bottom: -4rem; left: 10rem; }
}

@media (min-width: 1200px) {
    .wpb-header__home .container > .inner { grid-template-columns: 45rem minmax(0, 1fr); gap: 10rem; }
    .wpb-header__home .img-3 { bottom: -3rem; width: 18rem; }
}

@media (min-width: 1400px) {
    .wpb-header__home .container > .inner { grid-template-columns: 54rem minmax(0, 1fr); gap: 12rem; }
}

/*** Header subpage ***/
.wpb-header__subpage .inner { text-align: center; }
.wpb-header__subpage h1 { font-size: 2.6rem; line-height: 3rem; margin-bottom: .5rem; } 
.wpb-header__subpage .wpb-header__terms { display: flex; gap: .5rem; justify-content: center; }
.wpb-header__subpage .wpb-header__terms > img { width: 1.8rem; height: auto; }
.wpb-header__subpage .wpb-header__terms span { color: #6D5B55; font-family: var(--font-a-medium); }

.nieuws-template-default .wpb-header__subpage h1 { text-align: center; margin-top: 1.2rem;}

.wpb-header__subpage { overflow: hidden; }
.wpb-header__subpage .img-1 { position: absolute; top: 0; width: 10rem; right: -6rem; border-radius: 50%; filter: brightness(0); opacity: .05; }
.wpb-header__subpage .img-2 { position: absolute; bottom: -7rem; width: 16rem; left: -7rem; filter: brightness(0); opacity: .05; }

@media (min-width: 992px) {
    .wpb-header__subpage .inner { text-align: left; }
    .wpb-header__subpage h1 { font-size: 4.2rem; line-height: 6.2rem; }
    .wpb-header__subpage p { font-size: 2rem; line-height: 2.9rem; }
    .wpb-header__subpage .img-1 { position: absolute; top: 0; width: 23rem; right: -10rem; border-radius: 50%; filter: brightness(0); opacity: .05; }
    .wpb-header__subpage .img-2 { position: absolute; bottom: -5rem; width: 23rem; left: -10rem; filter: brightness(0); opacity: .05; }
}

@media (min-width: 1200px) {
    .wpb-header__subpage .img-1 { width: 40rem; top: 50%; transform: translatey(-50%); }
}

/*** Uitgelichte producten ***/
.wpb-featured-products .section__header { flex-direction: column; align-items: start; gap: 1rem; } 
.wpb-featured-products .container .products { margin-left: -2.2rem; margin-right: -2.2rem; overflow: hidden; }
.wpb-featured-products .container .products .inner { --grid-columns: 2; display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); margin-top: -2.2rem; margin-left: -1px; margin-bottom: -2.2rem; width: calc(100% + 2px); height: calc(100% + 2px); }
.wpb-featured-products .container .products .inner li.product:is(:nth-child(5), :nth-child(6), :nth-child(7)) { display: none; }
.wpb-featured-products li.product { padding: 2.2rem!important; border: .15rem solid #E3E1E0; margin-top: -1px!important; margin-left: -1px!important; width: calc(100% + 1px)!important; height: calc(100% + 1px); }
.wpb-featured-products li.product .add_to_cart_button { bottom: 2.2rem!important; right: 2.2rem!important; }

@media (min-width: 768px) {
    .wpb-featured-products .section__header { flex-direction: row; text-align: left; } 
    .wpb-featured-products .container .products .inner { --grid-columns: 3; }
    .wpb-featured-products .container .products .inner li.product:is(:nth-child(5), :nth-child(6), :nth-child(7)) { display: flex; }
}

@media (min-width: 992px) {
    .wpb-featured-products .container .products .inner { --grid-columns: 6; }
}

/*** Overzicht en CTA ***/
.wpb-overview-cta .wpb-bg-color--accent-1 { background-color: rgb(var(--wpb-accent-1)); }
.wpb-overview-cta .wpb-bg-color--accent-2 { background-color: rgb(var(--wpb-accent-2)); }
.wpb-overview-cta .wpb-bg-color--accent-3 { background-color: rgb(var(--wpb-accent-3)); }
.wpb-overview__cta.wpb-bg-color--accent-1 { background: url('/wp-content/themes/wux/assets/img/card-bg-lines.svg') no-repeat center 10rem/cover rgb(var(--wpb-accent-1)); }
.wpb-overview__cta.wpb-bg-color--accent-2 { background: url('/wp-content/themes/wux/assets/img/card-bg-lines.svg') no-repeat center 10rem/cover rgb(var(--wpb-accent-2)); }
.wpb-overview__cta.wpb-bg-color--accent-3 { background: url('/wp-content/themes/wux/assets/img/card-bg-lines.svg') no-repeat center 10rem/cover rgb(var(--wpb-accent-3)); }
.wpb-overview-cta .container > .inner { display: grid; gap: 3.2rem; }
.wpb-overview-cta .wpb-overview__cats { padding: 1.8rem; border-radius: 1.2rem; }
.wpb-overview-cta .wpb-overview__cats .title { text-align: center; margin-bottom: 1.8rem; }
.wpb-overview-cta .wpb-overview__cats .title h2 { margin: 0px; }
.wpb-overview-cta .wpb-overview__cats .inner { display: grid; gap: .8rem; }  
.wpb-overview-cta .wpb-overview__cats .inner a { text-decoration: none; display: flex; justify-content: space-between; padding: 1.5rem 1.8rem; border: var(--wpb-border); border-radius: .8rem; transition: box-shadow .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out; }
.wpb-overview-cta .wpb-overview__cats .inner a .h4 { margin: 0px; font-size: 1.8rem; line-height: 2.4rem; transition: color .25s ease-in-out; }
.wpb-overview-cta .wpb-overview__cats .inner a:hover .h4 { color: rgb(var(--wpb-accent-1)); }
.wpb-overview-cta .wpb-overview__cats .inner a:hover { border-color: #fff; background-color: #fff; box-shadow: 0 0 12px 0 #0000000f; }
.wpb-overview__cta { text-decoration: none; position: relative; display: flex; flex-direction: column; padding: 1.8rem; border-radius: 1.2rem; transition: box-shadow .25s ease-in-out; }
.wpb-overview__cta:after { content: ''; display: inline-block; border-radius: 50%; border: 1px solid rgb(var(--wpb-dark)); background: url('/wp-content/themes/wux/assets/img/icon_chevron-right_dark.svg') no-repeat center center/.75rem; width: 3.2rem; height: 3.2rem; position: absolute; left: 1.8rem; bottom: 1.8rem; transition: background-color .25s ease-in-out, border-color .25s ease-in-out; }
.wpb-overview__cta h3 { font-size: 2.2rem; line-height: 3rem; margin: 0; }
.wpb-overview__cta p { max-width: 19rem; font-size: 1.4rem; line-height: 1.9rem; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.wpb-overview__cta img { margin-left: auto; margin-top: auto; width: 100%; max-width: 15rem; }

.wpb-overview__cta:hover { box-shadow: 0 0 12px 0 #0000000f; }
.wpb-overview__cta:hover:after { border-color: rgb(var(--wpb-accent-1)); background: url('/wp-content/themes/wux/assets/img/icon_chevron-right_white.svg') no-repeat center center/.75rem rgb(var(--wpb-accent-1)); }

@media (min-width: 768px) {
    .wpb-overview-cta .container > .inner.show-cta { grid-template-columns: 1fr 1fr; }
    .wpb-overview-cta .wpb-overview__cats .title { text-align: left; }
}

@media (min-width: 992px) {
    .wpb-overview-cta .container > .inner.show-cta { grid-template-columns: 1fr 37.5rem; }
    .wpb-overview-cta .container > .inner .wpb-overview__cats .inner { grid-template-columns: 1fr 1fr; }
    .wpb-overview-cta .container > .inner.show-cta .wpb-overview__cats .inner { grid-template-columns: 1fr; }
    .wpb-overview__cta p { font-size: 1.6rem; line-height: 2.2rem; max-width: 23rem; }
}

@media (min-width: 1200px) {
    .wpb-overview-cta .wpb-overview__cats .inner { grid-template-columns: 1fr 1fr; gap: 1.8rem; }
}

@media (min-width: 1400px) {
    .wpb-overview-cta .container > .inner .wpb-overview__cats .inner { grid-template-columns: 1fr 1fr 1fr 1fr; }
    .wpb-overview-cta .container > .inner.show-cta .wpb-overview__cats .inner { grid-template-columns: 1fr 1fr; }
}

/*** CTA + news ***/
.wpb-cta-news .wpb-bg-color--accent-1 { background-color: rgb(var(--wpb-accent-1)); }
.wpb-cta-news .wpb-bg-color--accent-2 { background-color: rgb(var(--wpb-accent-2)); }
.wpb-cta-news .wpb-bg-color--accent-3 { background-color: rgb(var(--wpb-accent-3)); }

.wpb-cta-news .wpb-cta-news__cta.wpb-bg-color--accent-1 { background: url('/wp-content/themes/wux/assets/img/card-bg-lines.svg') no-repeat center 10rem/cover rgb(var(--wpb-accent-1)); }
.wpb-cta-news .wpb-cta-news__cta.wpb-bg-color--accent-2 { background: url('/wp-content/themes/wux/assets/img/card-bg-lines.svg') no-repeat center 10rem/cover rgb(var(--wpb-accent-2)); }
.wpb-cta-news .wpb-cta-news__cta.wpb-bg-color--accent-3 { background: url('/wp-content/themes/wux/assets/img/card-bg-lines.svg') no-repeat center 10rem/cover rgb(var(--wpb-accent-3)); }

.wpb-cta-news .container > .inner { display: flex; flex-direction: column; gap: 4rem; }
.wpb-cta-news .wpb-cta-news__cta { min-height: 20rem; text-decoration: none; position: relative; display: flex; flex-direction: column; padding: 1.8rem; border-radius: 1.2rem; transition: box-shadow .25s ease-in-out; }
.wpb-cta-news .wpb-cta-news__cta:after { content: ''; display: inline-block; border-radius: 50%; border: 1px solid rgb(var(--wpb-dark)); background: url('/wp-content/themes/wux/assets/img/icon_chevron-right_dark.svg') no-repeat center center/.75rem; width: 3.2rem; height: 3.2rem; position: absolute; left: 1.8rem; bottom: 1.8rem; transition: background-color .25s ease-in-out; }
.wpb-cta-news .wpb-cta-news__cta .h4 { font-size: 2.2rem; line-height: 3rem; margin: 0; }
.wpb-cta-news .wpb-cta-news__cta p { font-size: 1.4rem; line-height: 1.9rem; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.wpb-cta-news .wpb-cta-news__cta img { margin-left: auto; margin-top: auto; width: 100%; height: auto; max-width: 15rem; }

.wpb-cta-news__news { order: -1; }
.wpb-cta-news__news .inner { display: flex; gap: 1.2rem; overflow-x: auto; scroll-snap-type: x mandatory; -ms-overflow-style: none; scrollbar-width: none; } 

.wpb-cta-news__cta:hover { box-shadow: 0 0 12px 0 #0000000f; }
.wpb-cta-news__cta:hover:after { background-color: #fff; }

.wpb-cta-news__news .inner::-webkit-scrollbar { display: none; }
.wpb-cta-news__news .inner .wpb-article { flex: 0 0 calc(75% - 1.2rem); scroll-snap-align: center; }

.wpb-cta-news__news-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }  
.wpb-cta-news__news-header h2 { margin: 0px; }

@media (min-width: 992px) {
    .wpb-cta-news .container > .inner { flex-direction: row; }
    .wpb-cta-news__news { order: 1; }
    .wpb-cta-news .container > .inner > *:first-child { width: 37.5rem; }
    .wpb-cta-news__news .inner .wpb-article:not(:nth-child(1), :nth-child(2)) { display: none; }
    .wpb-cta-news__news .inner .wpb-article { flex: auto; }
    .wpb-cta-news__news .inner { gap: 2rem; }
    .wpb-cta-news .wpb-cta-news__cta p { font-size: 1.6rem; line-height: 2.2rem;}

}

/*** Slider ***/
.wpb-slider { position: relative; padding: 0 4.3rem; }
.wpb-slider__rounded { border-radius: 1.2rem; overflow: hidden; } 
.wpb-slider :is(.btn-prev, .btn-next) { border-radius: 50%; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; width: 3.3rem; height: 3.3rem; border: var(--wpb-border); position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; background: #fff; transition: background-color .25s ease-in-out, border-color .25s ease-in-out; }
.wpb-slider :is(.btn-prev, .btn-next) img { width: 1rem; } 
.wpb-slider .btn-prev { left: -2rem; }
.wpb-slider .btn-next { right: -2rem; }

.wpb-slider :is(.btn-prev__light, .btn-next__light) { background-color: transparent; }
.wpb-slider :is(.btn-prev__light, .btn-next__light) svg path { fill: #fff; }
.wpb-slider .btn-prev__light { left: 0rem; }
.wpb-slider .btn-next__light { right: 0rem; }
.wpb-slider .wpb-slider__inner { left: 0px; touch-action: pan-y; display: grid; grid-template-columns: 1fr; overflow: hidden; }
.wpb-slider .wpb-slider__image { display: flex; align-items: center; grid-column: 1/1; grid-row: 1/1; flex: 0 0 100%; z-index: 1; background-color: rgb(var(--wpb-grey-2)); }
.wpb-slider .wpb-slider__image img { width: 100%; }
.wpb-slider .wpb-slider__image:first-child { z-index: 3; }

.wpb-slider .wpb-slider__inner { max-width: 35rem; margin: auto; padding: 1rem 3rem; }

.wpb-slider .wpb-slider__image { transform: scale(.5); 
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    -ms-transform: scale(.5);    
    transition: -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease, -ms-transform .4s ease, transform .4s ease, opacity .4s ease; }
.wpb-slider .wpb-slider__image:not(.active, .prev-item, .next-item) { opacity: 0 }
.wpb-slider .wpb-slider__image.active { transform: scale(1); 
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);      
    z-index: 10; opacity: 1; }
.wpb-slider .wpb-slider__image.active img {  box-shadow: 0 .2rem .8rem rgba(0,0,0,.12); }


.wpb-slider .wpb-slider__image.prev-item { 
    transform: translate3d(-35%, 0, 0) scale(.6); 
    -moz-transform: translate3d(-35%, 0, 0) scale(.6); 
    -o-transform: translate3d(-35%, 0, 0) scale(.6); 
    -ms-transform: translate3d(-35%, 0, 0) scale(.6);   
    opacity: .5; 
}
.wpb-slider .wpb-slider__image.next-item { 
    transform: translate3d(35%, 0, 0) scale(.6); 
    -moz-transform: translate3d(35%, 0, 0) scale(.6); 
    -o-transform: translate3d(35%, 0, 0) scale(.6); 
    -ms-transform: translate3d(35%, 0, 0) scale(.6); 
    opacity: .5; 
}

.wpb-header__shop-single .inner.image-shadow--false .wpb-flipcard img,
.wpb-header__shop-single .inner.image-shadow--false .wpb-slider img { filter: none; box-shadow: none; }

.no-animation .wpb-slider .wpb-slider__image {
    transition: none !important;  /* Schakel overgang en animatie uit */
    animation: none !important;   /* Schakel animaties uit */
}

/*** Flipcard ***/
.wpb-flipcard { width: calc(100% - 8.6rem); margin: auto; perspective: 1500px; -webkit-perspective: 1500px; padding: 0; border: none; background: transparent; }
.wpb-flipcard .wpb-filcard__inner { max-width: 30rem; margin: auto; display: grid; position: relative; text-align: center; transition: transform 0.5s; transform-style: preserve-3d; }

.wpb-flipcard :is(.btn-prev, .btn-next) { border-radius: 50%; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; width: 3.3rem; height: 3.3rem; border: var(--wpb-border); background-color: transparent; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; transition: background-color .25s ease-in-out, border-color .25s ease-in-out; }
.wpb-flipcard :is(.btn-prev, .btn-next) img { width: 1rem; } 
.wpb-flipcard :is(.btn-prev, .btn-next):hover { background-color: #fff; }
.wpb-flipcard :is(.btn-prev, .btn-next) img { pointer-events: none; }
.wpb-flipcard .btn-prev { left: -4.3rem; }
.wpb-flipcard .btn-next { right: -4.3rem; }

.wpb-flipcard .front, .wpb-flipcard .back { grid-column: 1/1; grid-row: 1/1; backface-visibility: hidden; -webkit-backface-visibility: hidden; display: flex; align-items: center; }
.wpb-flipcard .front img, .wpb-flipcard .back img { width: 100%; filter: drop-shadow(2px 4px 6px rgb(0, 0, 0, .12)); }
.wpb-flipcard .back { transform: rotateY(180deg); pointer-events: none; height: 100%; }
.wpb-flipcard.active .front { pointer-events: none; }
.wpb-flipcard.active .back { pointer-events: all; }

/*** Uitelichte merken / series & karakters ***/
.wpb-featured-items .inner { scroll-snap-type: x mandatory; display: flex; overflow-x: auto; margin-left: -2.2rem; width: calc(100% + 4.4rem); gap: 1.2rem; padding-left: 2.2rem; padding-right: 2.2rem; -ms-overflow-style: none; scrollbar-width: none; }
.wpb-featured-items .inner::-webkit-scrollbar { display: none; }
.wpb-featured-items .wpb-item { flex: 0 0 calc(50% - 2.4rem); scroll-snap-align: center; border-radius: 1.2rem; border: .2rem solid #E3E1E0; padding: 1.5rem; padding-top: 0; text-decoration: none; color: rgb(var(--wpb-text)); transition: border-color .25s ease-in-out, box-shadow .25s ease-in-out; }
.wpb-featured-items .wpb-item:hover { border-color: rgb(var(--wpb-dark)); box-shadow: 0 0 12px 0 #0000000f; }
.wpb-featured-items .wpb-item .wpb-item__image { position: relative; width: 100%; transition: .2s ease-in-out; }
.wpb-featured-items .wpb-item .wpb-item__image:before { content: ''; display: block; padding-top: 100%; }  
.wpb-featured-items .wpb-item .wpb-item__image img { width: 100%; max-width: 120px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.wpb-featured-items .wpb-item:hover .wpb-item__image {transform: scale(108%);} 
.wpb-featured-items .wpb-item .wpb-item__image + .wpb-item__title { border-top: .1rem solid #E3E1E0; }
.wpb-featured-items .wpb-item .wpb-item__title { font-size: 1.4rem; line-height: 1.7rem;  padding-top: 1.2rem; font-family: var(--font-a-medium); display: grid; grid-template-columns: auto 1.9rem; justify-content: center; align-items: center; gap: .6rem; }
.wpb-featured-items .wpb-item .wpb-item__title:after { content: ''; display: inline-block; width: 1.9rem; height: 1.9rem; border-radius: 50%; border: 1px solid rgb(var(--wpb-dark)); background: url('/wp-content/themes/wux/assets/img/icon_chevron-right_dark.svg') no-repeat center center/.5rem; }

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .wpb-featured-items .inner { --grid-columns: 3; margin-left: 0px; width: 100%; padding-left: 0; padding-right: 0; display: grid; gap: 2rem; grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr)); }
    .wpb-featured-items .wpb-item { flex: 0 0 calc(33.333% - 2.2rem); }
}

@media (min-width: 992px) {
    .wpb-featured-items .inner { --grid-columns: 6; } 
}

/*** Filters ***/
.wpb-filters { padding: 2.5rem 0; border-bottom: 1px solid #E6E7E9; }
.wpb-filters form { overflow-x: auto; }
.wpb-filters form ul li { padding: 0; }
.wpb-filters form ul { display: flex; gap: .5rem; overflow-x: auto; scroll-snap-type: x mandatory; list-style: none;  }
.wpb-filters form ul::-webkit-scrollbar { display: none;}
.wpb-filters form ul li { padding: 0; scroll-snap-align: center; }
.wpb-filters form ul li input { position: absolute; left: -9999rem; width: 0; height: 0; opacity: 0; }
.wpb-filters form ul li input + label { white-space: nowrap; cursor: pointer; border: var(--wpb-border); padding: .4rem 1rem; border-radius: .8rem; font-size: 1.2rem; transition: border-color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out; }
.wpb-filters form ul li input + label:hover { background-color: #fff; box-shadow: 0 0 12px 0 #0000000f; }
.wpb-filters form ul li input:checked + label { border-color: rgb(var(--wpb-accent-1)); color: rgb(var(--wpb-accent-1)); font-family: var(--font-a-medium); }

.wpb-filters.no-filters{ display: none; }
.wpb-filters.wpb-filters--category .sorting{ max-width: 27.5rem; }

@media (min-width: 992px) {
    .wpb-filters form ul li input + label { font-size: 1.6rem; padding: .75rem 1.5rem!important; }
}

/*** Archive / news / single news ***/
.wpb-header__single-nieuws { padding-bottom: 0!important; margin-bottom: 10rem; overflow: visible }
.wpb-header__single-nieuws .wpb-header__image { height: 20rem; display: flex; border-radius: 1.2rem; overflow: hidden; margin-top: -2rem; transform: translateY(5rem); }
.wpb-header__single-nieuws .wpb-header__image img { width: 100%; height: 100%; object-fit: cover; }

.wpb-header__intro p {font-size: 1.6rem !important; line-height: 2.5rem !important; font-family: var(--font-a-regular); padding-top: 1.6rem; max-width: 90rem; margin: auto;}

.wpb-archive-filter .inner { display: grid; gap: 1.6rem; }

.wpb-article { border: 1px solid #1E080326; display: block; text-decoration: none; border-radius: 1.2rem; }
.wpb-article .wpb-article__header { display: flex; border-radius: 1.2rem 1.2rem 0 0; overflow: hidden; }
.wpb-article .wpb-article__header img { width: 100%; height: 20rem; object-fit: cover; transform: scale(1); transition: transform .25s ease-in-out; } 
.wpb-article .wpb-article__body { padding: 1.5rem; }
.wpb-article .wpb-article__body h3 { font-family: var(--font-a-medium); font-size: 1.4rem; line-height: 1.7rem; margin-bottom: .8rem; transition: .25s ease-in-out; }
.wpb-article .wpb-article__body span.arrow-right { font-size: 1.4rem; transition: transform .15s ease-in-out; }
.wpb-article .wpb-article__body span.arrow-right:after { margin-left: .6rem; }
.wpb-article:hover .wpb-article__header img { transform: scale(1.05); }
.wpb-article:hover .wpb-article__body h3 { color: rgb(var(--wpb-accent-1)); }
.wpb-article:hover .arrow-right:after { transform: rotate(-25deg); }

@media (min-width: 768px) {
    .wpb-archive-filter .inner { --grid-columns: 2; grid-template-columns: repeat(var(--grid-columns), 1fr); }
}

@media (min-width: 992px) {
    .wpb-archive-filter .inner { --grid-columns: 3; }
    .wpb-header__single-nieuws .wpb-header__image { height: 45rem }
    .wpb-article .wpb-article__body h3 { font-size: 1.8rem; line-height: 2.2rem; } 
    .wpb-article .wpb-article__body span.arrow-right { font-size: 1.6rem; line-height: 1.7rem; }
}

@media (min-width: 1200px) {
    .wpb-archive-filter .inner { --grid-columns: 4; }
}

/*** Pagination ***/
.wpb-pagination { padding-top: 2.8rem; }
.wpb-pagination .nav-links { display: flex; justify-content: center; flex-wrap: wrap; gap: .5rem; position: relative; padding-left: 4.1rem; padding-right: 4.1rem; }
.wpb-pagination .nav-links > * { font-size: 1.5rem; font-family: var(--font-a-medium); color: rgb(var(--wpb-text)); display: inline-flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; border-radius: .6rem; border: var(--wpb-border); text-decoration: none; transition: box-shadow .25s ease-in-out; }
.wpb-pagination .nav-links > .current { border-color: rgb(var(--wpb-accent-1)); color: rgb(var(--wpb-accent-1)); }
.wpb-pagination .nav-links > .prev { position: absolute; left: 0; top: 0; text-indent: -9999rem; overflow: hidden; background: url('/wp-content/themes/wux/assets/img/icon_chevron-left_green.svg') no-repeat center center / .65rem; }
.wpb-pagination .nav-links > .next { position: absolute; right: 0; top: 0; text-indent: -9999rem; overflow: hidden; background: url('/wp-content/themes/wux/assets/img/icon_chevron-right_green.svg') no-repeat center center / .65rem; }
.wpb-pagination .nav-links > *:not(.current):hover { background-color: #fff; box-shadow: 0 0 12px 0 #0000000f; }

@media (min-width: 992px) {
    .wpb-pagination .nav-links > * { width: 4.5rem; height: 4.5rem; }
}

/*** Accordion ***/
.wpb-accordion .inner { display: grid; gap: 3.2rem; }
.wpb-accordion .accordion-block { background-color: #fff; border-radius: 1.2rem; border: var(--wpb-border); }
.wpb-accordion .wpb-accordion__item { --wpb-faq-padding: 2rem; background-color: #fff; position: relative; cursor: pointer; }
.wpb-accordion .wpb-accordion__item:not(:last-child) {border-bottom: var(--wpb-border); }
.wpb-accordion .wpb-accordion__item .wpb-accordion__header { padding: var(--wpb-faq-padding); position: relative; user-select: none; }
.wpb-accordion .wpb-accordion__item .wpb-accordion__header:after { display: inline-block; content: ''; transition: 250ms ease-in-out; position: absolute; right: var(--wpb-faq-padding); top: 50%; transform: translateY(-50%); background-image: url('/wp-content/themes/wux/assets/img/icon_chevron-right_dark.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1.8rem; height: 1.8rem; }
.wpb-accordion .wpb-accordion__item.active .wpb-accordion__header:after { transform: rotate(180deg) translateY(50%); }
.wpb-accordion .wpb-accordion__item .wpb-accordion__header span { font-family: var(--font-b-medium); font-size: 1.8rem; padding-right: 2rem; transition: color .25s ease-in-out; }
.wpb-accordion .wpb-accordion__item .wpb-accordion__body{ --collapse-speed: 350ms; overflow: hidden; overflow: hidden; transition: height var(--collapse-speed) ease; -webkit-transition: height var(--collapse-speed) ease; }
.wpb-accordion .wpb-accordion__item .wpb-accordion__body.collapsing { height: 0; overflow: hidden; }
.wpb-accordion .wpb-accordion__item:not(.active) .wpb-accordion__body:not(.collapsing) { display: none; }
.wpb-accordion .wpb-accordion__item .wpb-accordion__body .wpb-accordion__inner { padding: 0 var(--wpb-faq-padding) var(--wpb-faq-padding) var(--wpb-faq-padding); }
.wpb-accordion .wpb-accordion__item:hover h3, .wpb-accordion .wpb-accordion__item.active h3 { color: rgb(var(--wpb-accent-1)); }

.wpb-accordion .wpb-accordion__item:first-child { border-radius: 1.2rem 1.2rem 0 0; }
.wpb-accordion .wpb-accordion__item:last-child { border-radius: 0 0 1.2rem 1.2rem; }

.wpb-accordion .inner.wpb-align-full { grid-template-columns: 1fr; max-width: 90rem; margin: auto; }
.wpb-accordion .inner.wpb-align-right .text { order: 2; }

@media (min-width: 992px) {
    .wpb-accordion-item .wpb-accordion-header h3 { font-size: 2rem; }
    .wpb-accordion .inner { grid-template-columns: 1fr 1fr; align-items: start; }
}

.wpb-simple-text { padding-bottom: 3.2rem; }
.wpb-simple-text :is(p, ul) + :is(p, h1, h2, h3, ul) { margin-top: 1.6rem; }
.wpb-simple-text.__col-cnt-1 p + :is(p, h1, h2, h3, ul) { margin-top: 1.6rem; }
.wpb-simple-text.__col-centered { max-width: 90rem; margin: auto; }
.wpb--single-content .wpb-accordion { max-width: 90rem; margin: auto; }
.wpb-simple-text.__col-cnt-2 { display: grid; gap: 1.6rem;  }

.wpb-simple-text ul { padding-left: 1.6rem; }

/* .content-section.images { display: grid; gap: 3.2rem; padding-bottom: 3.2rem; } */
.content-section.images { display: flex; gap: 3.2rem; padding-bottom: 3.2rem;max-width: 90rem; margin: auto;}
.content-section.images .img { display: flex; }
/* .content-section.images img { border-radius: 1.2rem; width: 100%; height: 30rem; object-fit: cover; } */
.content-section.images img { border-radius: 1.2rem; width: 100%; object-fit: cover; height: auto; aspect-ratio: 16 / 9; }

@media (min-width: 992px) {
    .wpb-simple-text.__col-cnt-2 { grid-template-columns: 1fr 1fr; gap: 3.2rem; }
    /* .content-section.images { grid-template-columns: 1fr 1fr; } */
}

/*** TEKST MEDIA ***/
.wpb--tekst p + p { margin-top: 1.6rem; }

.wpb--tekst-media .inner { display: flex; gap: 4rem; flex-direction: column; align-items: center; }
.wpb--tekst-media .inner .block { order: 2; width: auto; }
.wpb--tekst-media .inner .block.media img { width: 100%; }

.wpb--tekst-media .inner.wpb-align-top {align-items: flex-start;}
.wpb--tekst-media .inner.wpb-align-center {align-items: center;}
.wpb--tekst-media .inner.wpb-align-bottom {align-items: flex-end;}

.wpb--tekst-media .inner .wpb-align-left {order: 1;}
.wpb--tekst-media .inner .wpb-align-right {order: 3;}

@media (min-width: 768px) {
    .wpb--tekst-media .inner .block.media { min-width: 25rem; width: 25rem; }
    .wpb--tekst-media .inner { flex-direction: row; }
}

/*** TEKST ***/
.wpb--tekst .inner {max-width: 900px; margin: 0 auto;}

/*** GRID ***/
.wpb--grid .header {margin-bottom: 40px; max-width: 900px;}
.wpb--grid .footer {margin-top: 22px;}
.wpb--grid .inner .grid-item {background-color: rgb(var(--wpb-grey)); padding: 32px;}
.wpb--grid .inner .grid-item .icon {margin-bottom: 16px; max-height: 40px;}

.wpb--grid.wpb-bg-color--donker .inner .grid-item {background-color: rgba(255, 255, 255, .1);}
.wpb--grid.wpb-bg-color--grijs .inner .grid-item {background-color: #fff;}

.wpb-grid .inner {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 28px;}
.wpb-grid .inner.wpb-col-count--3 {grid-template-columns: 1fr 1fr 1fr;}
.wpb-grid .inner.wpb-col-count--4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.wpb-grid .inner.wpb-col-count--5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
@media only screen and (max-width: 1200px) {
    .wpb-grid .inner.wpb-col-count--4 {grid-template-columns: 1fr 1fr 1fr;}
    .wpb-grid .inner.wpb-col-count--5 {grid-template-columns: 1fr 1fr 1fr;}
}
@media only screen and (max-width: 991.98px) {
    .wpb-grid .inner.wpb-col-count--3 {grid-template-columns: 1fr 1fr;}
    .wpb-grid .inner.wpb-col-count--4 {grid-template-columns: 1fr 1fr;}
    .wpb-grid .inner.wpb-col-count--5 {grid-template-columns: 1fr 1fr;}
}
@media only screen and (max-width: 768px) {
    .wpb-grid .inner {grid-template-columns: 1fr; grid-gap: 24px;}
    .wpb-grid .inner.wpb-col-count--3 {grid-template-columns: 1fr;}
    .wpb-grid .inner.wpb-col-count--4 {grid-template-columns: 1fr;}
    .wpb-grid .inner.wpb-col-count--5 {grid-template-columns: 1fr;}
}

/*** GALERIJ ***/
.wpb--galerij .header {margin-bottom: 40px; max-width: 900px;}
.wpb--galerij .footer {margin-top: 22px;}
.wpb--galerij .inner {grid-gap: 64px;}
.wpb--galerij .inner.wpb-col-count--2 {grid-gap: 32px;}
.wpb--galerij .inner.wpb-col-count--3 {grid-gap: 32px;}
.wpb--galerij .inner.wpb-col-count--4 {grid-gap: 40px;}



/*** HEADER 1 ***/
.wpb-body.is--nav-2 .wpb--header-1 {margin-top: -86px; padding-top: 160px;}
/* BREADCRUMBS */
#wpb-breadcrumbs {margin-bottom: 6px;}
#wpb-breadcrumbs span, #wpb-breadcrumbs a {color: rgba(255, 255, 255, 0.65); text-decoration: none; padding: 0; font-size: 14px;}
#wpb-breadcrumbs .breadcrumb_last {font-weight: 600; color: #fff; line-height: 1.3; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-width: 250px; margin-bottom: -5px;}



/*** HEADER 2 ***/
.wpb-body.is--nav-2 .wpb--header-2 {margin-top: -86px; padding-top: 160px;}

.wpb--header-2.style--1 .inner, .wpb--header-2.style--2 .inner {display: flex; justify-content: space-between; align-items: center;}
.wpb--header-2.style--1 .block, .wpb--header-2.style--2 .block {width: 48%; order: 2;}
.wpb--header-2.style--1 .media {order: 1;}
.wpb--header-2.style--2 .media {order: 3;}

.wpb--header-2.style--3 .content {max-width: 900px; margin: 0 auto; text-align: center;}

.wpb--header-2.style--4 .content {display: flex; justify-content: space-between;}
.wpb--header-2.style--4 .content > div {max-width: 600px; width: 100%;}
.wpb--header-2.style--3 .media, .wpb--header-2.style--4 .media {margin-top: 48px;}
@media only screen and (max-width: 991.98px) {
    .wpb--header-2.style--4 .content {flex-direction: column;}
    .wpb--header-2.style--1 .inner, .wpb--header-2.style--2 .inner {display: block;}
    .wpb--header-2.style--1 .block, .wpb--header-2.style--2 .block {width: 100%;}
    .wpb--header-2.style--1 .media, .wpb--header-2.style--2 .media {margin-top: 48px;}
}



/*** FORMULIER ***/
.wpb--formulier .header {margin-bottom: 48px;}
.wpb--formulier .inner {display: flex; justify-content: space-between; margin-left: -32px; margin-right: -32px;}
.wpb--formulier .inner.wpb-align-left .form {order: 1;}
.wpb--formulier .inner.wpb-align-right .form {order: 3;}
.wpb--formulier .inner .block {padding: 0 32px; order: 2; width: 100%;}
.wpb--formulier .inner .media img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

.wpcf7-form p {margin-top: 20px; display: inline-block; width: 100%;}
.wpcf7-form p:first-of-type {margin-top: 0;}
.wpcf7-form-control { width: 100%; outline: none; box-shadow: none; border: var(--wpb-border); display: inline-block; padding: 12px 15px; margin-top: 4px; border-radius: var(--wpb-btn-radius);}

.wpcf7-submit { font-weight: 600; background-color: rgb(var(--wpb-accent-1)); border: none; width: auto; color: #fff; cursor: pointer; font-family: var(--font-b-medium); font-size: 1.8rem; font-weight: inherit; }
.wpcf7-spinner { display: none!important;}
.wpcf7-form-control { border-radius: .8rem; }

.wpcf7 form .wpcf7-response-output { margin-left: 0px; margin-right: 0px; border-radius: .8rem; padding: 1rem 2rem; }

.wpcf7-form.invalid .wpcf7-response-output { background-color: #ffb900; }
.wpcf7-form .wpcf7-response-output { background-color: #00a0d2; }

@media only screen and (max-width: 991.98px) {
    .wpb--formulier .header {margin-bottom: 0;}
    .wpb--formulier .inner {display: block; margin-left: 0; margin-right: 0;}
    .wpb--formulier .inner .block {padding-left: 0; padding-right: 0; margin-top: 48px;}
}



/*** BLOG OVERZICHT ***/
.wpb-blog .post-categories {list-style: none; padding-left: 28px; padding-top: 28px; display: flex; flex-wrap: wrap;}
.wpb-blog .post-categories a {padding: 8px 12px; margin-left: 8px; font-size: 14px; line-height: 14px; font-weight: 500; display: inline-block; text-decoration: none; border-radius: 8px; background-color: rgb(var(--wpb-accent-2)); color: #fff;}
.wpb-blog .post-categories li:first-child a {margin-left: 0;}

.wpb-blog .style--2 .grid-item {min-height: 325px; display: flex; align-items: flex-end;}
.wpb-blog .style--2 .post-categories, .wpb-blog .style--1 .post-categories {position: absolute; left: 0; top: 0; z-index: 2;}



/*** BLOG DETAIL ***/
.wpb--blog-content, .wpb--blog-author {max-width: 720px; margin: 0 auto;}
.wpb--blog-author .inner {display: flex; align-items: center; border-bottom: 1px solid #ebebeb; padding: 16px 0;}
.wpb--blog-author .inner .author-img {width: 45px; height: 45px; object-fit: cover; border-radius: 50%; margin-right: 12px;}

.wpb--blog-wrapper {display: flex; justify-content: center;}
.wpb--blog-wrapper.sidebar--1 .wpb-sidebar {display: none;}
.wpb--blog-wrapper.sidebar--3 .content {order: 3;}
.wpb--blog-wrapper.sidebar--3 .wpb-sidebar {margin-left: 0; margin-right: 48px;}
.wpb-sidebar {max-width: 300px; margin-left: 48px; padding-top: 32px;}
.wpb-sidebar .inner {position: sticky; top: 32px; background-color: rgb(var(--wpb-grey)); padding: 20px;}

.wpb--uitgelicht.wpb-blog .header {display: flex; align-items: center; justify-content: space-between; max-width: 100%;}
.wpb--uitgelicht.wpb-blog .header h2 {margin-bottom: 0;}
.wpb--uitgelicht.wpb-blog .header .btn {margin-top: 0;}

.wpb--blog-content {padding-top: 64px;}
.wpb--blog-content .inner h2 {margin-top: 48px; margin-bottom: 12px;}
.wpb--blog-content .inner h3 {margin-top: 28px; margin-bottom: 10px;}
.wpb--blog-content .inner p {font-size: 18px; line-height: 25px;}
.wpb--blog-content .inner p:first-of-type {font-size: 24px; line-height: 32px; font-weight: 600; margin-top: 0;}
.wpb--blog-content .inner p:first-of-type a{text-decoration: none; color: inherit; font-size: inherit;}
.wpb--blog-content .inner img {margin-top: 48px;}
@media only screen and (max-width: 991.98px) {
    .wpb--blog-content .inner p:first-of-type {font-size: 20px; line-height: 26px;}
    .wpb-sidebar {display: none;}
}

/*** Tekst blokken ***/
:is(.wpb-intro-text, .wpb-text, .wpb-seperator, .wpb-images, .wpb-featured, .wpb--tekst-media, .wpb-header__subpage) .inner.centered { max-width: 90rem; margin-left: auto; margin-right: auto; }

.wpb-intro-text p { font-size: 2rem; line-height: 3.2rem; }
.wpb-intro-text p + :is(p, h1, h2, h3, ul) { margin-top: 4rem; }
.wpb-intro-text p strong { font-family: var(--font-a-medium); font-weight: inherit; }

:is(.wpb-intro-text, .wpb-text) ul { list-style: none; display: grid; gap: .6rem; padding-left: 0!important;}
:is(.wpb-intro-text, .wpb-text) ul li { display: flex; align-items: center; gap: 1.2rem; }
:is(.wpb-intro-text, .wpb-text) ul:not(.wpb-usps) li:before { content: ''; display: inline-block; min-width: 1.9rem; width: 1.9rem; height: 1.9rem; border-radius: 50%; border: 1px solid rgb(var(--wpb-accent-1)); background: url('/wp-content/themes/wux/assets/img/icon_check_green.svg') no-repeat center/ 1rem; }

.wpb-images .inner { display: grid; grid-template-columns: minmax(100px, 1fr); }
.wpb-images .inner img { width: 100%; height: 30rem; object-fit: cover; border-radius: 1.2rem; }

.wpb-featured .inner { display: grid; gap: 3.2rem; }
.wpb-featured .inner .wpb-overview__cta { min-height: 20rem; }

@media (min-width: 768px) {
    .wpb-intro-text ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wpb-featured .inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 992px) {
    .wpb-intro-text p { font-size: 2.6rem; line-height: 4rem; }
    
}

/*** REVIEWS ***/
.wpb--reviews .header {margin-bottom: 48px;}

.wpb--reviews .grid-item {padding: 32px; background-color: rgba(255, 255, 255, .2);}
.wpb--reviews .grid-item .head {display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.wpb--reviews .grid-item .author {display: flex; align-items: center;}
.wpb--reviews .grid-item .author img {border-radius: 50%; height: 64px; width: 64px; margin-right: 16px;}
.wpb--reviews .grid-item .author h3 {margin-bottom: 0;}
.wpb--reviews .grid-item .author span {color: rgb(var(--wpb-accent-2));}
.wpb--reviews .grid-item .rating img {width: 120px;}

.wpb--reviews.wpb-bg-color--grijs .grid-item {background-color: #fff;}
.wpb--reviews.wpb-bg-color--wit .grid-item {background-color: rgb(var(--wpb-grey)); }

/*** CTA ***/
.wpb--cta .header {margin-bottom: 32px;}
.wpb--cta .contact-gegevens {display: flex; align-items: center;}
.wpb--cta .contact-gegevens .contact-item {padding: 20px 28px; transition: 200ms ease-in-out; border-radius: var(--wpb-btn-radius); display: inline-block; text-decoration: none; text-align: center;}
.wpb--cta .contact-gegevens .contact-item:hover {background-color: rgba(var(--wpb-dark),.06);}
.wpb--cta .contact-gegevens .contact-item .icon {width: 32px; height: 32px; object-fit: contain; margin-bottom: 18px;}
.wpb--cta .contact-gegevens .contact-item h3 {font-size: 20px; line-height: 24px; margin-bottom: 6px;}



/*** Woocommerce Account ***/
.woocommerce-account .woocommerce-form { background-color: rgb(var(--wpb-accent-3)); border: none!important; border-radius: 1.2rem!important; } 
.woocommerce-account .woocommerce-form button { font-family: var(--font-b-medium)!important; }
.woocommerce-account .woocommerce-form button:hover { background-color: rgba(var(--wpb-accent-1))!important; color: #fff!important; }
.woocommerce-form__label { display: inline-flex!important; align-items: center; gap: 1rem; padding: 1rem 0; }
.woocommerce-form__input-checkbox { margin: 0px!important; position: relative; margin: .45rem!important; }

.woocommerce-form__input-checkbox:before { content: ''; display: inline-block; border: var(--wpb-border); background-color: #fff; border-radius: .45rem; width: 2.2rem; height: 2.2rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background-color .25s ease-in-out; }
.woocommerce-form__input-checkbox:checked:before { background-color: rgb(var(--wpb-accent-1)); border-color: rgb(var(--wpb-accent-1)); }

.woocommerce-MyAccount-navigation ul li a { margin: 0 0 -1px 0!important; font-size: 1.6rem!important; font-family: var(--font-b-medium); font-weight: inherit!important; }
.woocommerce-MyAccount-navigation ul li:first-child a { border-radius: 1.2rem 1.2rem 0 0!important; }
.woocommerce-MyAccount-navigation ul li:last-child a { border-radius: 0 0 1.2rem 1.2rem !important; }
.woocommerce-MyAccount-navigation ul li.is-active a { border: inherit!important; background-color: rgb(var(--wpb-accent-1)); color: #fff; }

.wpb-checkout__messages .woocommerce-form-login-toggle { margin-top: 3.2rem; }
.wpb-checkout__messages .woocommerce-form-login-toggle .woocommerce-info { border-radius: 1.2rem!important; border: none; background-color: rgba(var(--wpb-accent-2),.5); padding: 2rem 3rem!important; }
.wpb-checkout__messages .woocommerce-form-login-toggle .woocommerce-info a { font-family: var(--font-a-medium); color: rgb(var(--wpb-accent-1)); }
.wpb-checkout__messages .woocommerce-form-login-toggle .woocommerce-info::before { display: none; }
.wpb-checkout__messages .woocommerce-form-login { background-color: rgba(var(--wpb-accent-2),.5); border: none!important; border-radius: 1.2rem!important; }
.wpb-checkout__messages .woocommerce-form-login button { font-family: var(--font-b-medium)!important; padding: 1.7rem 1.6rem!important }
.wpb-checkout__messages .woocommerce-form-login button:hover { background-color: rgba(var(--wpb-accent-1))!important; color: #fff!important; }
.wpb-checkout__messages .woocommerce-form-login .lost_password a { font-family: var(--font-a-medium); color: rgb(var(--wpb-accent-1)); }

.wpb-checkout__messages .woocommerce-form-coupon-toggle { margin-top: 3.2rem; }
.wpb-checkout__messages .woocommerce-form-coupon-toggle .woocommerce-info { border-radius: 1.2rem!important; border: none; margin-top: 16px!important; background-color: rgba(var(--wpb-accent-2),.5); padding: 2rem 3rem!important; margin-bottom: 0;}
.wpb-checkout__messages .woocommerce-form-coupon-toggle .woocommerce-info a { font-family: var(--font-a-medium); color: rgb(var(--wpb-accent-1)); }
.wpb-checkout__messages .woocommerce-form-coupon-toggle .woocommerce-info::before { display: none; }

.wpb-checkout__messages .woocommerce-form-coupon { background-color: rgba(var(--wpb-accent-2),.5); border: none!important; border-radius: 1.2rem!important; }
.wpb-checkout__messages .woocommerce-form-coupon button { font-family: var(--font-b-medium)!important; padding: 1.7rem 1.6rem!important; }
.wpb-checkout__messages .woocommerce-form-coupon button:hover { background-color: rgba(var(--wpb-accent-1))!important; color: #fff!important; }

.woocommerce-error { border: none; border-radius: 1.2rem!important; }

.woocommerce-info { border: none; border-radius: 1.2rem!important; }

.wpb-verzending { padding: 2rem; background: #fff3cd; margin-top: 1.6rem; border-radius: 1.2rem; }

section.wpb-contact .inner { display: grid; gap: 3.2rem; max-width: 90rem; margin: auto; }
section.wpb-contact .contact-block { padding: 2.2rem; border-radius: 1.2rem; background-color: rgb(var(--wpb-accent-3)); margin-bottom: 1.6rem; }



section.wpb-contact .contact-block .whatsapp { color: rgb(var(--wpb-text)); display: inline-flex; align-items: center; gap: .5rem; text-decoration: none; margin-top: 1rem; }
section.wpb-contact .contact-block .whatsapp:before { content: ''; display: inline-block; width: 3rem; height: 3rem; border-radius: 50%; background: url('/wp-content/themes/wux/assets/img/icon_whatsapp_white.svg') no-repeat center center/1.75rem #25D366; }
section.wpb-contact .contact-block .email { color: rgb(var(--wpb-text)); display: inline-flex; align-items: center; gap: .5rem; text-decoration: none; margin-top: 1rem; }
section.wpb-contact .contact-block .email:before { content: ''; display: inline-block; width: 3rem; height: 3rem; border-radius: 50%; background: url('/wp-content/themes/wux/assets/img/icon_mail_white.svg') no-repeat center center/1.5rem #25D366; }

@media (min-width: 768px) {
    section.wpb-contact .inner { grid-template-columns: 30rem auto; align-items: start; }
}



/*** Modal styling ***/
.modal { --modal-border-radius: 0; --modal-padding: 2rem; --modal-backdrop: rgba(0,0,0,.45); position: fixed; inset: 0; opacity: 0; pointer-events: none; padding: 2rem; background-color: var(--modal-backdrop); display: none; justify-content: center; align-items: center; transition: opacity 150ms ease-in-out; z-index: 1090; }
.modal.show { display: flex; opacity: 1; pointer-events: all; }
.modal.show .modal-dialog { transform: translateY(0); }
.modal .modal-dialog { display: flex; flex-direction: column; border-radius: var(--modal-border-radius); width: 100%; max-width: 74rem; height: auto; max-height: 80vh; transform: translateY(5rem); transition: transform 250ms ease-in-out; background-color: #fff; overflow: hidden; }
.modal.modal__small .modal-dialog { max-width: 60rem; max-height: 60rem; }
.modal.modal__large .modal-dialog { max-width: 100rem; max-height: 60rem; }
.modal.modal__fullscreen { padding: 0; }
.modal.modal__fullscreen .modal-dialog { height: 100%; max-height: 100%; max-width: 100%; }

.modal .modal-dialog .modal-dialog__header { display: flex; justify-content: space-between; align-items: center; padding: var(--modal-padding); background-color: #fff; border-bottom: 1px solid rgb(var(--wpb-border-color)); font-family: inherit; }
.modal .modal-dialog .modal-dialog__header .modal-title { font-size: 2rem; margin: 0; }
.modal .modal-dialog .modal-dialog__header p { margin: 0; font-size: 1.6rem; line-height: 1.6rem; }
.modal .modal-dialog .modal-dialog__body { background-color: #fff; padding: var(--modal-padding); overflow-y: auto; overflow-x: hidden; }
.modal .modal-dialog .modal-dialog__footer { display: flex; justify-content: space-between; border-top: 1px solid #E4E9EA; background-color: #fff; padding: var(--modal-padding); z-index: 2; margin-top: auto; }

.modal.modal--newsletter { background: linear-gradient(145deg, rgba(74, 128, 124, 0) 0%, rgba(74, 128, 124, 8) 100%); justify-content: end; align-items: end; }
.modal.modal--newsletter .modal-dialog { --modal-border-radius: 1.2rem; box-shadow: 0 0 2rem .4rem rgba(0,0,0,.1); max-width: 41.1rem; }
.modal.modal--newsletter .modal-dialog .modal-dialog__header { background-color: rgb(var(--wpb-accent-3)); gap: 1rem; padding-bottom: 1.2rem; align-items: start;}
.modal.modal--newsletter .modal-dialog .modal-dialog__header .btn.btn--white { --br: 50%; width: 4.3rem; height: 4.3rem;}
.modal.modal--newsletter .modal-dialog .modal-dialog__header .btn.btn--white .wpb-icon { --w: 1.4rem; --h: 1.4rem; --clr: #4A807C; }
.modal.modal--newsletter .modal-dialog .modal-dialog__body { background-color: rgb(var(--wpb-accent-3)); padding-top: 0; }
.modal.modal--newsletter form { margin-top: 2.4rem; }
.modal.modal--newsletter form .required { color: #D01C1C; }
.modal.modal--newsletter form .form-group { margin-bottom: 1.6rem;}
.modal.modal--newsletter form .form-group:last-child, .modal.modal--newsletter .modal-dialog .modal-dialog__body form button[type="submit"] { margin-bottom: 1.2rem; }
.modal.modal--newsletter form .form-group label + input { margin-top: .8rem; }
.modal.modal--newsletter form button { width: 100%; column-gap: 1.6rem; }
.modal.modal--newsletter form button .wpb-icon.wpb-icon--envelope { --w: 1.4rem; }
.modal.modal--newsletter form button .icon { border: 1px solid #fff; }
.modal.modal--newsletter form .wpb-alert { margin-bottom: 1rem; }
.modal.modal--newsletter .modal-dialog .modal-dialog__body p:has(small) { text-align: center; }
.modal.modal--newsletter .modal-dialog .modal-dialog__body .small { font-size: 1.4rem; text-align: center; }
.modal.modal--newsletter .modal-dialog .modal-dialog__body .small, .modal.modal--newsletter .modal-dialog .modal-dialog__body .small a { color: rgba(29, 9, 3, 0.6); line-height: 1.4; }

@media(min-width: 768px) {
    .modal.modal--newsletter { --modal-padding: 3.4rem 3rem; }
    .modal.modal--newsletter .modal-dialog .modal-dialog__header { gap: 1.8rem; }
    .modal.modal--newsletter .modal-title { font-size: 3rem !important; line-height: 1; }
}

@media(min-width: 992px) {
    .modal.modal--newsletter .modal-dialog .modal-dialog__header { gap: 2.5rem; }
}

.btn--open-newsletter{ position: fixed; bottom: 2rem; right: 2rem; z-index: 801; }

.grecaptcha-badge { display: none!important; }

/*** ---------- Block: Tiktok ---------- ***/
.wpb-block--tiktok .wpb-text { margin-bottom: 3.2rem; }
.wpb-block--tiktok .wpb-text h2 + h3 { margin-top: 0; }  
.wpb-block--tiktok .container { padding: 0 2rem!important; }
.wpb-block--tiktok .inner { position: relative; overflow: clip; border-radius: 1.6rem; padding: 2rem;
    background: url('/wp-content/themes/wux/assets/img/card-bg-lines-2.svg') no-repeat center bottom/100% var(--clr-accent-2);
}
.wpb-block--tiktok .videos { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); column-gap: 1.8rem; row-gap: 1.8rem; position: relative; z-index: 1; }

@media (min-width: 768px) {
    .wpb-block--tiktok .inner { padding: 3.2rem; }
    .wpb-block--tiktok .videos { --gc: 2; }
}

@media (min-width: 992px) {
    .wpb-block--tiktok .inner { padding: 6.4rem; }
}

@media (min-width: 1200px) {
    .wpb-block--tiktok .wpb-text h2 { font-size: 3.2rem; }  
    .wpb-block--tiktok .wpb-text h3 { font-size: 2.8rem; }  
    .wpb-block--tiktok .inner { padding: 7.2rem 5.5rem; }
    .wpb-block--tiktok .videos { --gc: 4; }
}

@media (min-width: 1400px) {
    .wpb-block--tiktok .wpb-text h2 { font-size: 4.2rem; }  
}