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

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Pacifico&display=swap');

/* @font-face {
    font-family: "Switzer";
    src: url('/app/themes/wuxnl-theme/assets/fonts/Switzer-Regular.ttf') format('truetype'),
         url('/app/themes/wuxnl-theme/assets/fonts/Switzer-Regular.woff') format('woff'),
         url('/app/themes/wuxnl-theme/assets/fonts/Switzer-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
} */

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

    /* Color variables */
    --clr-primary: #6819DC;
    --clr-primary-80: rgba(170, 133, 224, 0.8);
    --clr-primary-60: rgba(170, 133, 224, 0.6);
    --clr-primary-40: rgba(170, 133, 224, 0.4);
    --clr-primary-30: rgba(170, 133, 224, 0.3);
    --clr-primary-20: #E5DAF6;
    --clr-primary-10: #F2EDFB;
    --clr-primary-light: #e5daf6;
    --clr-primary-lighter: #f2edfb;

    --clr-secondary: #210C41;
    --clr-secondary-25: #210c4140;
    --clr-secondary-20: #210c4133;
    --clr-secondary-light: #431d7c;

    --clr-gold-light: #FFE1B5;
    --clr-gold-light-50: rgb(255, 225, 181, .5);
    --clr-gold-dark: #EBBA71;

    --clr-heading: #210C41;
    --clr-text: #210C41;

    --clr-dark: #210C41;
    --clr-light: #fff;

    --clr-border: #E5DAF6; 
    --clr-badge-primary: #af7aff;
    --clr-card-bg: rgba(229, 218, 246, 0.15);
    --clr-card-bg--news: rgba(229, 218, 246, 0.5);
    --clr-card-bg--contact: rgba(229, 218, 246, 0.05);
    --clr-card-border: rgba(229, 218, 246, 0.2);

    --box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
    --box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.3);

    --clr-danger: #db2323;
    --clr-info: #3d9cd2;
    --clr-success: rgba(2, 184, 72, 1);

    /* Font variables */
    --font-primary: "Montserrat", sans-serif;

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

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

}

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

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

/*** ---------- Typography ---------- ***/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-style: italic; font-weight: 400; }
:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) strong, :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) strong *{ font-weight: 900; }
:is(h3, h4) em{ color: var(--clr-primary); font-weight: 800; }
.wpb-header--home h1, .wpb-header--home .h1 { --fs: clamp(4rem, 5vw, 8rem); --lh: 1.2; }
h1, .h1 { --fs: clamp(3.2rem, 5vw, 6.4rem); --lh: 1.2; }

h2, .h2 { --fs: clamp(2.8rem, 4vw, 5.4rem); --lh: 1.2; }
h3, .h3 { --fs: clamp(2rem, 3vw, 2.4rem); --lh: 1.2; }
h4, .h4 { --fs: 1.8rem; --lh: 2rem; }
p, .p   { color: var(--clr-text); }

.wpb-text p:has(+ :is(h1, .h1, h2, .h2, h3, .h3)) em, p.pre-title{ --fs: clamp(2rem, 3vw, 2.4rem); font-size: var(--fs); color: var(--clr-primary); font-weight: 800; }
:is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary) .wpb-text p:has(+ :is(h1, h2, h3)) em, :is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary) p.pre-title{ color: var(--clr-primary-20); font-weight: 800; }
.wpb-block:is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary) .wpb-text>:not(.wpb-person, :first-child) p{ opacity: .85; }
.wpb-text p:not(.h1, .h2, .h3, .h4, .h5, .h6){ font-size: clamp(1.6rem, 2vw, 1.8rem); }

:is(h1) strong em{ position: relative; display: inline-block; }
:is(h1) strong em::before{ 
    content: ''; position: absolute; left: 0; right: 0; top: calc(100% - .5rem); width: 100%; height: 2.5rem; 
    background: url('/app/themes/wuxnl-theme/assets/img/heading-underline--primary.svg'); background-size: contain; background-repeat: no-repeat; 
}
.wpb-bg-clr--primary :is(h1) strong em::before{ background: url('/app/themes/wuxnl-theme/assets/img/heading-underline--secondary.svg'); background-size: contain; background-repeat: no-repeat;  }
@media (min-width: 768px) {:is(h1) strong em::before{ top: calc(100% - 1rem); }}


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

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

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

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


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

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

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

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

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




/*** ---------- Background colors ---------- ***/
.wpb-bg-clr--primary { background-color: var(--clr-primary); }
.wpb-bg-clr--primary-10 { background-color: var(--clr-primary-10); }
.wpb-bg-clr--primary-20 { background-color: var(--clr-primary-20); }
:is(.wpb-bg-clr--primary-10, .wpb-bg-clr--primary-20) .wpb-card.wpb-card--article{ background-color: rgba(255, 255, 255, 0.5); }

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

.wpb-bg-gradients{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; overflow: hidden; border-radius: var(--br); z-index: 1 !important; }
:is(.wpb-header, .wpb-block, .inner, .container--results, .wpb-footer, .wpb-accordion, .content-section, .modal-dialog).wpb-bg-clr--secondary { 
    position: relative; background: linear-gradient(0deg, var(--clr-secondary, #210C41), var(--clr-secondary, #210C41));  
}
:is(.wpb-header, .wpb-block, .inner, .container--results, .wpb-footer, .wpb-accordion, .content-section, .modal-dialog):is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary)>*:not(.wpb-bg-gradients){ z-index: 2; }
:is(.wpb-header, .wpb-block, .inner, .container--results, .wpb-footer, .wpb-accordion, .content-section, .modal-dialog):is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary) .wpb-bg-gradients :is(.wpb-bg-asset-1, .wpb-bg-asset-2, .wpb-bg-asset-3) { --size: 75rem; content: ''; position: absolute; pointer-events: none; }

:is(.wpb-header, .wpb-block, .inner, .container--results, .wpb-footer, .wpb-accordion, .content-section, .modal-dialog):is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary) .wpb-bg-gradients .wpb-bg-asset-1 { 
    --bg: radial-gradient(circle, rgba(85,30,167,1) 0%, rgba(85,30,167,0) 70%, rgba(33,12,65,0) 100%); width: var(--size); height: var(--size);
    background: var(--bg); top: -32rem; left: -32rem;
}
:is(.wpb-header, .wpb-block, .inner, .container--results, .wpb-footer, .wpb-accordion, .content-section, .modal-dialog):is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary) .wpb-bg-gradients .wpb-bg-asset-2 { 
    --bg: radial-gradient(circle, rgba(85,30,167,1) 0%, rgba(85,30,167,0) 70%, rgba(33,12,65,0) 100%); --size: 100rem; width: var(--size); height: var(--size); 
    background: var(--bg); background-repeat: no-repeat; right: -45rem; bottom: -45rem;
}
:is(.wpb-header, .wpb-block, .inner, .container--results, .wpb-footer, .wpb-accordion, .content-section, .modal-dialog).wpb-bg-clr--primary .wpb-bg-gradients :is(.wpb-bg-asset-1, .wpb-bg-asset-2) {
    --bg: radial-gradient(circle, rgb(70, 19, 146) 0%, rgba(102, 0, 255, 0) 70%, var(--clr-primary) 100%); 
} 


:is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary) .wpb-text{ --clr-text: #fff; --clr-heading: #fff; color: var(--clr-text); }


/*** ---------- Background assets ---------- ***/
:is(.wpb-block, .wpb-header, .wpb-footer):has(.wpb-bg-assets)>*:not(.wpb-bg-assets){ z-index: 3; }
.wpb-bg-assets{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; overflow: hidden; }
.wpb-bg-assets>*{ --size: 40rem; }

.wpb-bg-circle{ position: absolute; width: var(--size); height: var(--size); }
.wpb-bg-circle.--1{ background: url('/app/themes/wuxnl-theme/assets/img/newsky-circle-bg-asset--bottom.png'); background-size: contain; --size: 52rem; left: -34rem; bottom: -22.5rem; }
.wpb-bg-circle.--2{ background: url('/app/themes/wuxnl-theme/assets/img/newsky-circle-bg-asset--top.png'); background-size: contain; right: -22rem; top: -31.5rem; }

.wpb-bg-clr--primary .wpb-bg-circle.--1{ background: url('/app/themes/wuxnl-theme/assets/img/newsky-circle-bg-asset--bottom-2.png'); background-size: contain; }
.wpb-bg-clr--primary .wpb-bg-circle.--2{ background: url('/app/themes/wuxnl-theme/assets/img/newsky-circle-bg-asset--top-2.png'); background-size: contain; }

@media(min-width: 992px){
    .wpb-bg-assets>*{--size: 80rem;}
    .wpb-bg-circle.--1{--size: 103rem; left: -68rem; bottom: -45rem;}
    .wpb-bg-circle.--2{right: -40rem; top: -48rem;}
}

/*** ---------- Buttons ---------- ***/
.btn, .gform_button, .gform_next_button, .gform_previous_button, .button { --fs: 1.6rem; --lh: 1; font-weight: 800; font-style: italic; }
.btn i, .button i{ --w: 1.6rem; --h: 1.6rem; }

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

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

:is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary) .btn.btn--secondary { --hover-clr: #fff; }
:is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary) .btn.btn--secondary i{ --clr: #fff !important; }

.btn.btn--outline { --clr: var(--clr-secondary); --border: 1px solid var(--clr-secondary); --hover-bg-clr: var(--clr-primary); --hover-border: 1px solid var(--clr-primary); }
:is(.wpb-bg-clr--secondary, body:not(.--no-scroll) .wpb-navigation ) .btn.btn--outline { --clr: #fff; --border: 1px solid var(--clr-border); --hover-bg-clr: var(--clr-primary); --hover-border: 1px solid var(--clr-primary); }
:is(.wpb-bg-clr--primary) .btn.btn--outline { --clr: #fff; --border: 1px solid var(--clr-border); --hover-bg-clr: var(--clr-secondary); --hover-border: 1px solid var(--clr-secondary); }

.btn.btn--gold { --clr: var(--clr-secondary); background: linear-gradient(to right, var(--clr-gold-light), var(--clr-gold-dark) 25%); background-size: 600%; border: none !important; transition: background var(--ts-30) ease-in-out; }
.btn.btn--gold:hover{ background-size: 200%; }

.gform_button{ 
    --fs: 1.6rem; --lh: 1; font-size: var(--fs) !important; --clr: var(--clr-secondary) !important; color: var(--clr) !important; font-weight: 800 !important; 
    padding: var(--p) !important; font-style: italic !important; border-radius: var(--br) !important; min-height: 5.6rem !important; display: flex !important;
    background: linear-gradient(to right, var(--clr-gold-light), var(--clr-gold-dark) 25%) !important;  background-size: 500% !important; border: none !important; 
    white-space: nowrap !important; transition: background var(--ts-30) ease-in-out !important; --hover-border: none; gap: 1rem !important;
}
.gform_button:hover{ background-size: 250% !important; }



/*** ---------- Navigation ---------- ***/
.wpb-navigation { position: absolute; width: calc(100% - 2rem); z-index: 1030; }
.wpb-navigation .wpb-navigation__main { --side-p: 3.2rem; --top-p: 2.6rem; padding: var(--top-p) var(--side-p) 0 var(--side-p); }

@media (min-width: 576px) {
    .wpb-navigation .wpb-navigation__main { --side-p: 4rem; --top-p: 3.2rem; }
}
@media (min-width: 992px) {
    .wpb-navigation .wpb-navigation__main { --side-p: 6rem; --top-p: 4.2rem; }
}
@media (min-width: 1200px) {
    .wpb-navigation .wpb-navigation__main { --side-p: 7rem; --top-p: 4.8rem; }
}

/*** ---------- Header ---------- ***/
.wpb-header {  }
.wpb-header:not(.wpb-header--home__carousel)>:first-child{ padding-top: 15.5rem;  }
:is(.wpb-header.wpb-header--home, .wpb-header.wpb-header--subpage, .wpb-header.wpb-header--contact)>:first-child{ padding-bottom: 18rem; }
.wpb-header .container .wpb-text.wpb-text--header p:not(.wpb-person__name,  .wpb-person__function, .wpb-review__text){ opacity: .85; font-size: clamp(1.6rem, 2vw, 2rem); }


.wpb-header.wpb-header--contact>:first-child{  padding-bottom: 8rem; }
.wpb-header.wpb-header--home .container { display: grid;  align-items: center; }
.wpb-header.wpb-header--home .btn-group{ justify-content: center; }

.wpb-header.wpb-header--home__carousel{ --m-top: -20rem; overflow: hidden; margin: 0; margin-top: var(--m-top); z-index: 3; }
.wpb-header.wpb-header--home__carousel .owl-carousel .owl-stage-outer{ overflow: visible;}

.wpb-header.wpb-header--home__carousel .owl-carousel .owl-stage>:nth-child(1){  margin-top: 7.7rem; transform: rotate(-4deg);  }
.wpb-header.wpb-header--home__carousel .owl-carousel .owl-stage>:nth-child(2){  margin-top: 2.8rem; transform: rotate(-1deg);  }
.wpb-header.wpb-header--home__carousel .owl-carousel .owl-stage>:nth-child(3){  transform: rotate(1deg);  }
.wpb-header.wpb-header--home__carousel .owl-carousel .owl-stage>:nth-child(4){  margin-top: 8rem; transform: rotate(3deg);  }
.wpb-header.wpb-header--home__carousel .owl-carousel .owl-stage>:nth-child(5){  margin-top: 4.3rem; transform: rotate(1deg);  }


.wpb-header.wpb-header--home__carousel .wpb-card{ --br: 1.2rem; box-shadow: var(--box-shadow); background-color: transparent; border: none; transition: transform var(--ts-25) ease-in-out; overflow: hidden; min-height: 30rem; }
.wpb-header.wpb-header--home__carousel .wpb-card .wpb-card__body img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; z-index: -2; }
.wpb-header.wpb-header--home__carousel .wpb-card.has-link:hover{ transform: scale(.975) rotate(+3deg) skewX(.5deg); }

.wpb-card.wpb-card--social-media::before{ 
    content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 68.49%, rgba(0, 0, 0, 0.6) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 31.51%); 
}
.wpb-card.wpb-card--social-media .card-title{ font-size: clamp(1.4rem, 2vw, 1.6rem); font-weight: 800; font-style: italic; color: #fff; }
.wpb-card.wpb-card--social-media .wpb-card__header{ padding: var(--p) var(--p) 0 var(--p); display: flex; gap: 1rem; align-items: center;  }
.wpb-card.wpb-card--social-media .wpb-card__header img{ --size: 5.5rem; width: var(--size); height: var(--size); border-radius: 50%; }
.wpb-card.wpb-card--social-media .wpb-card__footer{ display: flex; justify-content: space-between; flex-wrap: wrap; }

.wpb-value-tracker{ display: flex; align-items: center; gap: 1rem; }
.wpb-value-tracker i{ --clr: var(--clr-success); }
.wpb-value-tracker.arrow-bottom i{ transform: rotate(180deg); }
.wpb-value-tracker span{ color: #fff; font-weight: 800; font-size: clamp(1.4rem, 2vw, 1.6rem); }

@media (min-width: 992px) {
    .wpb-header.wpb-header--home .container .wpb-text p{ padding: 0 2rem; }
    .wpb-header.wpb-header--home__carousel{ --m-top: -27.5rem; }
    .wpb-header.wpb-header--home__carousel .wpb-card{ min-height: 37.5rem; }
}
@media (min-width: 1400px) {
    .wpb-header.wpb-header--home__carousel .wpb-card{ min-height: 45rem; }
}

.wpb-header.wpb-header--subpage{  --gc: 1; }
.wpb-header.wpb-header--subpage.--has-no-image{ margin-bottom: 0 !important; }
.wpb-header.wpb-header--subpage.--has-no-image :is(.btn-group, .wpb-header__toolbar){ justify-content: center; }
.wpb-header.wpb-header--subpage .container{ display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); row-gap: 6rem; column-gap: 5rem; }
.wpb-header.wpb-header--subpage .container .wpb-image img{ --br: 1rem; width: 100%; height: 100%; max-height: 50rem; object-fit: cover; box-shadow: var(--box-shadow); }
.wpb-header.wpb-header--subpage .wpb-breadcrumbs > span{ flex-wrap: wrap; justify-content: center; }

.wpb-header.wpb-header--nieuws{ --gc: 1; --image-height: 20rem; margin-bottom: calc(var(--image-height) / 1.5); }
.wpb-header.wpb-header--nieuws .container .wpb-text{ display: grid; place-items: center; text-align: center; }
.wpb-header.wpb-header--nieuws .container .wpb-image{ margin-top: 5rem; transform: rotate(-3deg); height: var(--image-height); margin-bottom: calc(-1 * var(--image-height) / 1.1); }
.wpb-header.wpb-header--nieuws .container .wpb-image img{ height: 100%; object-fit: cover; }
.wpb-header.wpb-header--nieuws>:first-child{ padding-bottom: 5rem; }

@media (min-width: 576px) { .wpb-header.wpb-header--nieuws{ --image-height: 25rem; } }
@media (min-width: 768px) { .wpb-header.wpb-header--nieuws{ --image-height: 30rem; } }
@media (min-width: 992px) { .wpb-header.wpb-header--nieuws{ --image-height: 45rem; } }
@media (min-width: 1200px) { .wpb-header.wpb-header--nieuws{ --image-height: 50rem; } .wpb-header.wpb-header--nieuws .container{ column-gap: 8rem; } }

.wpb-header.wpb-header--subpage .container{ padding-bottom: 0; }
.wpb-header.wpb-header--subpage{ margin-bottom: 7.5rem; }
.wpb-header.wpb-header--subpage .wpb-image{ transform: rotate(-3deg); margin-bottom: -10rem; }

@media (min-width: 768px) {
    .wpb-header.wpb-header--subpage{ margin-bottom: 10rem;  }
}
@media (min-width: 992px) {
    .wpb-header.wpb-header--subpage:not(.--has-no-image){ --gc: 2; margin-bottom: 0;  }
    .wpb-header.wpb-header--subpage.--archive .container{ grid-template-columns: 40rem 1fr; }
    .wpb-header.wpb-header--subpage .container{ align-items: center; }
    .wpb-header.wpb-header--subpage .wpb-image{ order: -1; }
}
@media (min-width: 1400px) {
    .wpb-header.wpb-header--subpage{ margin-bottom: 7.5rem;  }
    .wpb-header.wpb-header--subpage .container{ column-gap: 8rem; }
    .wpb-header.wpb-header--subpage .wpb-image{ margin-bottom: -14rem; }
    .wpb-header.wpb-header--subpage.--archive .container{ grid-template-columns: 60rem 1fr; }
    .wpb-header.wpb-header--subpage.--archive .wpb-image{ margin-bottom: -12.5rem; }
}

.wpb-header.wpb-header--autheur .container{ --gc: 1fr; display: grid; grid-template-columns: var(--gc); row-gap: 3rem; column-gap: 6.5rem; padding-bottom: 30rem; }
.wpb-header.wpb-header--autheur .container .wpb-image{ background-color: var(--clr-primary-light); border-radius: var(--br); }
.wpb-header.wpb-header--autheur .container .wpb-image img{ max-height: 40rem; object-fit: cover; object-position: top; }

@media (min-width: 768px) {
    .wpb-header.wpb-header--autheur .container{ --gc: 31rem 1fr; align-items: center; }
    .wpb-header.wpb-header--autheur .container .wpb-image{ order: -1; }
}

/* Marquee */
@keyframes marquee {
    0% { transform: translate3d(0, 0, 0); } 
    100% { transform: translate3d(-100%, 0, 0); }
}
@keyframes marquee-reverse {
    0% { transform: translate3d(0, 0, 0); } 
    100% { transform: translate3d(-100%, 0, 0); }
}

.wpb-marquee{ overflow: hidden; display: flex; padding: 2.4rem 0; height: 1.6rem; border-bottom: 1px solid var(--clr-primary-40); position: relative; }
.wpb-marquee .wpb-marquee__outer{ --animate-time: 50s; padding: 0 1.6rem; display: flex; gap: 2rem; animation: marquee var(--animate-time) linear infinite; }
.wpb-marquee *{ color: #fff; font-size: 1.1rem; font-style: italic; font-weight: 900; }
.wpb-marquee i{ --clr: #fff; --w: 1.2rem; --h: 1.2rem; opacity: .5; }
.wpb-marquee span{ display: flex; align-items: center; gap: .7rem; white-space: nowrap; }

:is(.wpb-footer, .wpb-header.wpb-header--contact) .wpb-marquee{ margin:3rem 0; transform: rotate(-1deg); border-top: 1px solid var(--clr-primary-40); }
:is(.wpb-footer, .wpb-header.wpb-header--contact) .wpb-marquee .wpb-marquee__outer{ animation: marquee-reverse var(--animate-time) linear infinite; }

@media (min-width: 567px) {
    .wpb-marquee .wpb-marquee__outer{ --animate-time: 75s; gap: 4rem }
}
@media (min-width: 768px) {
    .wpb-marquee .wpb-marquee__outer{ --animate-time: 100s; gap: 5rem }
}
@media (min-width: 992px) {
    .wpb-marquee *{ font-size: 1.3rem; }
    .wpb-marquee .wpb-marquee__outer{ gap: 6.4rem }
}


/*** ----------------- All: Blocks ----------------- ***/
/* Line divider */
.wpb-block.wpb-block--newsky-line-divider{ margin: 0; height: 25rem; overflow: hidden; }
.wpb-block.wpb-block--newsky-line-divider .wpb-banner-line,
.content-section.content-section--newsky-line-divider .wpb-banner-line{ 
    display: flex; align-items: center; justify-content: center; gap: 3.4rem; position: absolute; left: -5rem; right: -5rem; top: 0; bottom: 0; margin: auto; height: fit-content;
    width: calc(100% + 10rem); transform: rotate(-4deg); color: var(--clr-primary) !important; font-size: clamp(2.4rem, 4vw, 4.8rem); 
    font-weight: 900; font-style: italic; background-color: var(--clr-primary-20); padding: 1.2rem 0; white-space: nowrap;
}
.wpb-block.wpb-block--newsky-line-divider .wpb-banner-line.--outline,
.content-section.content-section--newsky-line-divider .wpb-banner-line.--outline{ top: -4rem; transform: rotate(2deg); background-color: transparent; opacity: .3; z-index: -1; border: 1px solid var(--clr-primary-60); }
.wpb-block.wpb-block--newsky-line-divider .wpb-banner-line i,
.content-section.content-section--newsky-line-divider .wpb-banner-line i{ --w: 2.4rem; --h: 2.4rem; --clr: var(--clr-primary); }

@media (min-width: 992px) {
    .wpb-block.wpb-block--newsky-line-divider .wpb-banner-line,
    .content-section.content-section--newsky-line-divider .wpb-banner-line{ transform: rotate(-3deg); padding: 2rem 0; }
    .wpb-block.wpb-block--newsky-line-divider .wpb-banner-line.--outline,
    .content-section.content-section--newsky-line-dividerr .wpb-banner-line.--outline{ top: 0; transform: rotate(1deg); }
}
/* Styling voor de single content -- Line divider */
.content-section.content-section--newsky-line-divider{ position: relative; margin: 0; height: 25rem; overflow: hidden; margin: 0 !important; }



/* Partners */
.wpb-block.wpb-block--partners .inner{ overflow: hidden; width: 100%; height: 12rem; display: flex; }
.wpb-block.wpb-block--partners .inner .wpb-inner__logos{ animation: marquee 40s linear infinite; --gap: 4.5rem; display: flex; align-items: center; justify-content: space-between; gap: var(--gap); margin-top: 4rem; }
.wpb-block.wpb-block--partners .inner>:nth-child(2){ margin-left: var(--gap); }
.wpb-block.wpb-block--partners .inner .wpb-inner__logos img{ width: 12rem; height: auto; object-fit: contain; }
.wpb-block.wpb-block--partners .inner a.has-link{ transition: opacity var(--ts-25) ease-in-out; }
.wpb-block.wpb-block--partners .inner a.has-link:hover{ opacity: .6; }


:is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary).wpb-block.wpb-block--partners .inner a img { filter: invert(1) brightness(10); }



@media (min-width: 576px) { .wpb-block.wpb-block--partners .inner .wpb-inner__logos{ --gap: 6rem; } }
@media (min-width: 992px) { 
    .wpb-block.wpb-block--partners .inner{ grid-column: span 2; height: 15rem; }
    .wpb-block.wpb-block--partners .inner .wpb-inner__logos img{ height: 7.5rem; width: auto; max-width: 15rem; }
    .wpb-block.wpb-block--partners .container{ display: grid; align-items: center; grid-template-columns: 1fr 1fr; column-gap: 3.2rem; }
    .wpb-block.wpb-block--partners .wpb-inner__logos{ --gap: 8rem; grid-column: span 2; } 
    .wpb-block.wpb-block--partners .wpb-section__header{ grid-column: span 2; }
    .wpb-block.wpb-block--partners.--has-text-2 .inner{ margin-top: 6.4rem; }
    .wpb-block.wpb-block--partners .container .wpb-text.--has-no-text-2{ grid-column: span 2; }
}
@media (min-width: 1200px) { .wpb-block.wpb-block--partners .inner .wpb-inner__logos{ --gap: 10rem; } }

/* Featured: services / diensten */
.wpb-block.wpb-block--featured-services .inner, .wpb-archive.wpb-archive--services .container--results { --gc: 1; --br: .5rem; padding: 2rem; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 1.8rem; border-radius: var(--br); }
.wpb-archive.wpb-archive--services .container--results{ padding: 0px !important; }
@media (min-width: 768px) {
    .wpb-block.wpb-block--featured-services .inner, .wpb-archive.wpb-archive--services .container--results { --gc: 2; --br: .75rem;  }
}
@media (min-width: 992px) {
    .wpb-block.wpb-block--featured-services .inner, .wpb-archive.wpb-archive--services .container--results { padding: 3.8rem; gap: 3.2rem;  }
}
@media (min-width: 1200px) {
    .wpb-block.wpb-block--featured-services .inner, .wpb-archive.wpb-archive--services .container--results { --gc: 3; --br: 1.2rem; }
}


/* Team block */
.wpb-block.wpb-block--team .inner { --gc: 2; --br: .5rem; padding: 0; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 1rem; border-radius: var(--br); }
.wpb-archive.wpb-archive--services .container--results{ padding: 0px !important; }

@media (min-width: 768px) {
    .wpb-block.wpb-block--team .inner { --br: .75rem;  }
}
@media (min-width: 1400px) {
    .wpb-block.wpb-block--team .inner { --gc: 3; --br: 1.2rem; }
}


/* Tarieven slider block */
.wpb-block.wpb-block--tarieven-slider { }
.wpb-block.wpb-block--tarieven-slider .inner { --gc: 1; --gap: 1rem; --p: 2rem; --br: 1rem; padding: 0; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); }
.wpb-block.wpb-block--tarieven-slider .inner .column {border-radius: var(--br);}
.wpb-block.wpb-block--tarieven-slider .inner .column-left {position: relative; background-color: var(--clr-secondary); overflow: hidden; color: var(--clr-light); display: flex; flex-direction: column; justify-content: space-between;}
.wpb-block.wpb-block--tarieven-slider .inner .column-left::before {content: ''; background: radial-gradient(ellipse 66.74% 43.65% at 26.81% 2.62%, #551EA7 0%, rgba(85, 30, 167, 0) 100%);   position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; pointer-events: none;}
.wpb-block.wpb-block--tarieven-slider .inner .column-left::after {content: ''; background: radial-gradient(ellipse 27.58% 45.68% at 100% 86.47%, #551EA7 0%, rgba(85, 30, 167, 0) 100%);     position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; pointer-events: none;}
.wpb-block.wpb-block--tarieven-slider .inner .column-left .wpb-text {padding: var(--p); z-index: 1; position: relative;}
.wpb-block.wpb-block--tarieven-slider .inner .column-left .wpb-text * {color: var(--clr-light);}

.wpb-block.wpb-block--tarieven-slider .inner .column-left .slider-label {padding: 2rem var(--p); z-index: 1; position: relative; opacity: .85;}
.wpb-block.wpb-block--tarieven-slider .inner .column-left .slider-label label {display: flex; align-items: center; justify-content: space-between; --fs: clamp(2rem, 3vw, 2.4rem); --lh: 1.2; line-height: var(--lh); font-size: var(--fs); font-weight: 900; font-style: italic; text-transform: uppercase;}
.wpb-block.wpb-block--tarieven-slider .inner .column-left .slider-container {padding: var(--p); background-color: rgba(255, 255, 255, 0.15); z-index: 1; position: relative; margin: 1rem; border-radius: var(--br);}
.wpb-block.wpb-block--tarieven-slider .inner .column-left .slider-container .container-labels {display: flex; justify-content: space-between; align-items: center; font-size: 2.2rem; font-weight: 900; font-style: italic; text-transform: uppercase; }

.wpb-block.wpb-block--tarieven-slider .inner .column-right {padding: var(--p); background-color: var(--clr-primary-20);}
.wpb-block.wpb-block--tarieven-slider .inner .column-right .wpb-text .h3 {font-weight: 900;}
.wpb-block.wpb-block--tarieven-slider .inner .column-right .wpb-text .price {font-size: clamp(2.8rem, 4vw, 5.4rem); font-weight: 900; margin: 0;}
.wpb-block.wpb-block--tarieven-slider .inner .column-right .wpb-text .per-month {font-style: italic; }
.wpb-block.wpb-block--tarieven-slider .inner .column-right .wpb-text p {margin: 1.5rem 0;}
.wpb-block.wpb-block--tarieven-slider .inner .column-right .btn {width: 100%;}

@media (max-width: 546px) {
    .wpb-block.wpb-block--tarieven-slider .inner .column-left .slider-label label {display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; }
}

@media (min-width: 992px) {
    .wpb-block.wpb-block--tarieven-slider .inner { --gc: 3; --gap: 1rem; --p: 4rem; --br: 1.6rem;}
    .wpb-block.wpb-block--tarieven-slider .inner .column-left  {grid-column: span 2;}
    .wpb-block.wpb-block--tarieven-slider .inner .column-right {}
}
@media (min-width: 1400px) {
}


/* text-form block */
.wpb-block.wpb-block--text-form .container{ --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 3rem; }
.wpb-block.wpb-block--text-form:not(.wpb-bg-clr--primary, .wpb-bg-clr--secondary) .wpb-card.wpb-card--outline-fill { background-color: var(--clr-primary); }
.wpb-block.wpb-block--text-form:is(.wpb-bg-clr--primary-10, .wpb-bg-clr--primary-20) .wpb-card.wpb-card--outline-fill { background: linear-gradient(to bottom, var(--clr-secondary), var(--clr-secondary-light)); }

@media (min-width: 1200px) {
    .wpb-block.wpb-block--text-form .container{ --gc: 2; align-items: center; column-gap: 8rem; }
}
@media (min-width: 1400px) {
    .wpb-block.wpb-block--text-form .container{ column-gap: 10rem; }
}
@media (min-width: 1600px) {
    .wpb-block.wpb-block--text-form .container{ column-gap: 15rem; }
}

.wpb-block:is(.wpb-block--text-media, .wpb-block--media-usps) .wpb-image{ transform: rotate(-3deg); }
.wpb-block:is(.wpb-block--text-media, .wpb-block--media-usps) .wpb-image.order-md-1{ transform: rotate(3deg); }
.wpb-block:is(.wpb-block--text-media, .wpb-block--media-usps) .wpb-image img{ max-height: 40rem; object-fit: cover; }
.wpb-block.wpb-block--media-usps .btn-group{ margin-top: 4rem; }

/* Resultaten */
.container--result-blocks{ --gc: 1; --gap: 2rem; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); margin-top: 5rem; }

.wpb-result{ --p: 3.2rem 1.6rem; padding: var(--p); display: grid; background-color: var(--clr-primary-20); border-radius: .8rem; }
.wpb-result .wpb-result__header{ padding-bottom: 3rem; }
.wpb-result .wpb-result__header p{ font-weight: 900; font-style: italic; font-size: 1.6rem; }
.wpb-result .wpb-result__header .result-title{ font-size: 1.4rem; font-weight: 400; color: var(--clr-primary); }
.wpb-result .wpb-result__body p{ font-weight: 400; font-size: 1.6rem; }
.wpb-result .wpb-result__body .result-title{ font-size: 1.4rem; font-weight: 900; color: var(--clr-primary); font-style: italic; white-space: nowrap; }

.wpb-result :is(.wpb-result__header, .wpb-result__body){ --border: 1px solid rgba(33, 12, 65, 0.1); --p: 1.4rem; }
.wpb-result :is(.wpb-result__header, .wpb-result__body) span{ padding: 0 var(--p) var(--p) 0; }
.wpb-result .wpb-result__body>:not(:nth-child(1), :nth-child(2)){ border-top: var(--border); padding: var(--p) var(--p) 0 0; }
.wpb-result .wpb-result__body>:nth-child(2n){ border-left: var(--border); }

.wpb-result :is(.wpb-result__header, .wpb-result__body){ display: grid; grid-template-columns: 1fr 1fr; }
.wpb-result :is(.wpb-result__header, .wpb-result__body)>:nth-child(2n){ padding-left: 2.7rem; }

@media(min-width: 576px){
    .wpb-result{ --p: 3.2rem 3rem; }
}
@media (min-width: 768px) {
    .container--result-blocks{ --gc: 2; --gap: 3rem; margin-top: 8rem; }
    .wpb-result{ --p: 4rem 3.2rem; }
}
@media (min-width: 1400px) {
    .container--result-blocks{ --gc: 4; }
}

/* Process / Werkwijze */
.wpb-block.wpb-block--process .wpb-bg-gradients .wpb-bg-asset-1 { 
    --bg: radial-gradient(circle, rgba(85,30,167,1) 0%, rgba(85,30,167,0) 70%, rgba(33,12,65,0) 100%); width: var(--size); height: var(--size);
    background: var(--bg); top: -25rem; left: -15rem;
}
.wpb-block.wpb-block--process .wpb-bg-gradients .wpb-bg-asset-2 { 
    --bg: radial-gradient(circle, rgba(85,30,167,1) 0%, rgba(85,30,167,0) 70%, rgba(33,12,65,0) 100%); --size: 100rem; width: var(--size); height: var(--size); 
    background: var(--bg); background-repeat: no-repeat; right: -35rem; bottom: 25%;
}
.wpb-block.wpb-block--process .wpb-bg-gradients .wpb-bg-asset-3 { 
    --bg: radial-gradient(circle, rgba(85,30,167,1) 0%, rgba(85,30,167,0) 70%, rgba(33,12,65,0) 100%); --size: 100rem; width: var(--size); height: var(--size); 
    background: var(--bg); background-repeat: no-repeat; left: 0rem; bottom: -45rem;
}

.container--process{ margin-top: 5rem; display: grid; gap: 1.5rem; --sa-offset: 3rem; }
.container--process>:nth-child(2n){ margin-left: auto; }

@media (min-width: 768px) {
    .container--process{ gap: 3rem; }
    .container--process>:not(:last-child)::before{ 
        --size: 5rem; content: ''; position: absolute; left: calc(100% + var(--sa-offset)); bottom: 0; 
        width: var(--size); height: var(--size); background: url('/app/themes/wuxnl-theme/assets/img/process-side-asset.png'); background-size: contain; background-repeat: no-repeat;
    }
    .container--process>:nth-child(2n)::before{ left: auto; right: calc(100% + var(--sa-offset)); transform: scaleX(-1); }

}

/* Tekst & FAQ */
.wpb-block.wpb-block--text-faq .container{ --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); row-gap: 5rem; column-gap: 7.2rem; }
.wpb-block.wpb-block--text-faq .wpb-accordion{ height: fit-content; }
.wpb-block.wpb-block--text-faq .wpb-text:has(.btn-group) .wpb-person{ margin-top: 3rem; }

@media (min-width: 992px) {
    .wpb-block.wpb-block--text-faq .container{ --gc: 2; }
    .wpb-block.wpb-block--text-faq .wpb-faq-align-left .wpb-accordion{ order: -999; }
}

/* ---------- Single content blocks ---------- */
.content-section:is(.content-section--images, .content-section--text-media, .content-section--media-usp) .wpb-image{ box-shadow: var(--box-shadow); }
.content-section.wpb-bg-clr--secondary .wpb-text p:has(+ :is(h1, h2, h3)) em{ color: var(--clr-primary-20); }
.content-section.content-section--line .container .wpb-line{ border-bottom: 1px solid var(--clr-secondary); opacity: .2; }

.content-section.content-section--text-usp .wpb-icon-text{  margin-top: 3.6rem; }

.content-section.content-section--images .wpb-image{ max-height: 20rem; transform: rotate(-1deg); box-shadow: var(--box-shadow); border-radius: var(--br); }
.content-section.content-section--images .wpb-image img{ object-fit: cover; height: 100%; width: 100%; } 

.content-section.content-section--faq .inner{ display: grid; gap: 2.5rem; }

:is(.content-section.content-section--usps, .wpb-block.wpb-block--usp) .inner{ display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2rem; }
:is(.content-section.content-section--usps, .wpb-block.wpb-block--usp) .wpb-badge{ padding: 1.6rem; }
:is(.content-section.content-section--usps, .wpb-block.wpb-block--usp) .wpb-badge i{ --w: 2.2rem; --h: 2.2rem; }

.content-section:is(.content-section--text-media, .content-section--media-usp) .inner .wpb-image{ transform: rotate(-3deg); }
.content-section.content-section--text-media:not(.wpb-bg-clr--secondary) .inner.wpb-align-right .wpb-image{ transform: rotate(3deg); }
.content-section.content-section--media-usp .inner{ 
    --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); row-gap: 5rem; column-gap: 5rem; align-items: center;
}
.content-section.content-section--text-media .wpb-text .btn{ margin-top: 2.8rem; }

@media (max-width: 992px){ 
    .content-section.content-section--media-usp .wpb-image{ order: -1; }
}

.content-section.content-section--media-usp .wpb-text__title{ --fs: clamp(2.6rem, 4vw, 4.4rem); padding-bottom: 1.2rem; }
.content-section.content-section--media-usp .wpb-icon-text{ margin-top: 3.6rem; }

.content-section:is(.content-section--text-faq, .content-section--text-media) .inner{ display: grid; row-gap: 5rem; column-gap: 7.2rem; }
.content-section.content-section--text-faq .wpb-accordion{ height: fit-content; }

.content-section.content-section--partners .inner{ --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); align-items: center; column-gap: 3rem; row-gap: 1.5rem; }
.content-section.content-section--partners .wpb-section__header{ padding-bottom: .8rem; }
@media (min-width: 576px) {
    .content-section.content-section--images .wpb-image{ max-height: 30rem; }
}
@media (min-width: 992px) {
    .content-section.content-section--images .wpb-image{ max-height: 40rem; }
    .content-section.content-section--faq .inner{ gap: 6.4rem; }
    .content-section.content-section--media-usp .inner{ --gc: 2; column-gap: 8rem; }
    .content-section.content-section--media-usp .inner .wpb-image.wpb-align-left{ order: -1; }

    .content-section.content-section--partners .wpb-section__header{ grid-column: span 2; }
    .content-section.content-section--partners .wpb-partners-container{ margin-top: 6.4rem; grid-column: span 2; }
    .content-section.content-section--partners .inner{ --gc: 2; }

}
@media (min-width: 1200px) {
    .content-section.content-section--images .wpb-image{ max-height: 50rem; }
    .content-section:is(.content-section--text-faq, .content-section--text-media) .inner{ --text-width: 50rem; grid-template-columns: var(--text-width) 1fr; }
    .content-section.content-section--text-media .inner{ grid-template-columns: 1fr var(--text-width); }

    .content-section.content-section--text-media .inner{ align-items: center; } 
    
    .content-section.content-section--text-faq .inner.wpb-faq-align-left .wpb-accordion,
    .content-section.content-section--text-media .inner.wpb-align-left .wpb-image{ order: -1; }

    .content-section.content-section--text-faq .inner.wpb-faq-align-left{ grid-template-columns: 1fr var(--text-width); }

    .content-section.content-section--text-media .inner.wpb-align-left{ grid-template-columns: var(--text-width) 1fr; }
}
@media (min-width: 1400px) {
    .content-section:is(.content-section--text-faq, .content-section--text-media) .inner{ --text-width: 62rem; } 
}

/* Featured block - Vacatures */
.wpb-block.wpb-block--featured-vacatures .inner{ --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 2rem; }
:is(.wpb-block.wpb-block--featured-vacatures, .wpb-related--vacatures) .wpb-card.wpb-card--article .excerpt{ --excerpt-line-clamp: 4; }

@media (min-width: 992px) {
    .wpb-block.wpb-block--featured-vacatures .inner{ --gc: 2; }
}

/* Individual elements */
.wpb-icon-text{ display: flex; align-items: center; gap: 1.2rem; overflow: hidden; text-decoration: none; }
.wpb-icon-text *{ --clr: var(--clr-secondary); color: var(--clr); }
.wpb-icon-text i{ --clr: var(--clr-primary); }
:is(.wpb-navigation, .wpb-bg-clr--secondary, .wpb-bg-clr--primary) .wpb-icon-text *{ --clr: var(--clr-light); color: var(--clr); }

.wpb-badge{ border: 1px solid var(--clr-primary-60); padding: 1.5rem; border-radius: 50%; display: inline-flex; transition: background var(--ts-25) ease-in-out, border var(--ts-25) ease-in-out; }
.wpb-badge i{ --w: 1.4rem; --h: 1.4rem;  }
.wpb-icon-text .wpb-text--icon{ display: grid; }
.wpb-icon-text .wpb-text--icon { transition: opacity var(--ts-25) ease-in-out; }
.wpb-icon-text .wpb-text--icon p{ line-height: 1.2; font-size: 1.2rem; font-weight: 500; }
.wpb-icon-text .wpb-text--icon p strong{ font-size: 1.8rem; font-style: italic; }

.wpb-icon-text.--large{ gap: 2.4rem; }
    .wpb-icon-text.--large .wpb-badge i{  --w: 2.4rem; --h: 2.4rem; }
.wpb-icon-text.--large .wpb-text--icon{ gap: 1rem; } 
.wpb-icon-text.--large .wpb-text--icon p{ font-size: clamp(1.6rem, 2vw, 1.8rem); }
.wpb-icon-text.--large .wpb-text--icon p strong{ font-size: clamp(2rem, 2vw, 2.4rem); }

a.wpb-icon-text:hover .wpb-text--icon{ opacity: .8; }
a.wpb-icon-text:hover .wpb-badge{ background-color: var(--clr-primary); border: 1px solid transparent; }

@media(max-width: 576px){ 
    .wpb-icon-text.--outside-menu{ display: none; }
    .wpb-icon-text.--large .wpb-text--icon{ overflow-wrap: anywhere; }
}
@media(min-width: 768px){ 
    .wpb-icon-text.--large .wpb-badge{ padding: 2rem; }
    .wpb-icon-text.--large .wpb-badge i{  --w: 3.2rem; --h: 3.2rem; }
}
@media(min-width: 992px){ 
    .wpb-icon-text.--outside-menu{ display: none; }
}

.wpb-person{ display: flex; align-items: center; gap: 2rem; }
.wpb-person .wpb-person__image{ 
    --size: 8.4rem; --br: 50%; border-radius: var(--br); background-color: var(--clr-primary-light); 
    width: var(--size); height: var(--size); min-width: var(--size); min-height: var(--size); position: relative; 
}
.wpb-person .wpb-person__image img{ width: 100%; height: 100%; border-radius: var(--br); }
.wpb-person .wpb-person__image .wpb-badge { 
    --size: 2.8rem; position: absolute; top: -.1rem; right: -.9rem; width: var(--size); height: var(--size); padding: .4rem; border-radius: var(--br); 
    border: 2px solid #fff; background-color: var(--clr-primary-lighter); 
}
.wpb-person .wpb-person__text{ line-height: 1.4; font-size: 2rem; font-style: italic; }
.wpb-person .wpb-person__name{ font-weight: 800; font-size: clamp(2rem, 3vw, 2.4rem); }
.wpb-person.--small .wpb-person__text{ line-height: 1.2; font-size: 1.6rem; }
.wpb-person.--small .wpb-person__name{ font-size: 2rem; }
.wpb-person.--small .wpb-person__image{ --size: 7rem; }
.wpb-person.--small .wpb-person__image .wpb-badge{ --size: 2.4rem; top: 0; right: -.5rem; }
.wpb-person.--picture-only{ margin-bottom: 0; }
.wpb-person.--picture-only .wpb-person__image{ --size: 5.8rem; }
.wpb-person.--picture-only .wpb-person__image .wpb-badge{ --size: 1.9rem; top: 0; right: -.5rem; }

.wpb-bg-clr--secondary .wpb-person .wpb-person__image .wpb-badge { border: 2px solid var(--clr-secondary); }
.wpb-bg-clr--primary .wpb-person .wpb-person__image .wpb-badge { border: 2px solid var(--clr-primary); }
.wpb-bg-clr--primary-10 .wpb-person .wpb-person__image .wpb-badge { border: 2px solid var(--clr-primary-10); background-color: var(--clr-primary-light); }

.wpb-review{ display: flex; align-items: center; gap: 2.4rem; }
.wpb-review .wpb-review__text{ font-size: 1.2rem; font-style: italic; max-width: 25rem; }
.wpb-review .wpb-review__rating{ display: flex; align-items: center; gap: .8rem; }
.wpb-review .wpb-review__rating h4{ font-weight: 900; }

.wpb-review.wpb-review--short{ display: grid; gap: 0; }
.wpb-review.wpb-review--short .wpb-review__rating{ order: -1; }
.wpb-review.wpb-review--short .wpb-review__text{ padding: 0 !important; }
.wpb-stars{ 
    height: 1.4rem; width: 8.2rem; --mask-image: url(/app/themes/wuxnl-theme/assets/icons/newsky-5-stars.svg); display: block;
    -webkit-mask-image: var(--mask-image); mask-image: var(--mask-image); -webkit-mask-size: contain; mask-size: contain; 
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: left; mask-position: left;
    background: linear-gradient(to right, var(--clr-gold-light), var(--clr-gold-dark) var(--rating-percent), #fff3 var(--rating-percent, 100%));
}

.wpb-block.wpb-block--to-the-top{ display: flex; justify-content: center; }
.btn--to-the-top{ 
    --btn-clr: var(--clr-secondary-25); font-size: 2.8rem; font-weight: 900; font-style: italic; color: var(--btn-clr); 
    display: flex; align-items: center; gap: 2rem; padding: 1.6rem 0; text-decoration: none; transition: color var(--ts-15) ease;
}
.btn--to-the-top:hover{ --btn-clr: var(--clr-primary); cursor: pointer; }
.btn--to-the-top i{ --clr: var(--btn-clr); --w: 2.4rem; --h: 2.4rem; }

@media(min-width: 992px){
    .btn--to-the-top{ font-size: 3.6rem; }
    .btn--to-the-top i{ --w: 3rem; --h: 3rem; }
}

.wpb-partners-container{ display: flex; align-items: center; gap: 5rem; flex-wrap: wrap;  }
.wpb-partners-container img{ height: 4rem; }
@media(min-width: 992px){
    .wpb-partners-container{ justify-content: space-between; flex-wrap: nowrap; }
}

.wpb-categories{ display: flex; gap: 3rem; flex-wrap: wrap; margin-bottom: 1.6rem; }
.wpb-categories .wpb-categorie{ display: flex; align-items: center; gap: 1rem; font-weight: 500; font-size: 1.4rem; }
.wpb-categories .wpb-categorie i{ --clr: var(--clr-primary); --w: 1.6rem; --h: 1.6rem; }

.wpb-header .wpb-categories{ padding-left: 3rem; opacity: .85; margin-bottom: 0; }
.wpb-header .wpb-categories i{ --clr: #fff; }

.wpb-sticky-buttons{ display: none; position: absolute; right: 3rem; top: 0; bottom: 4rem; gap: 1rem; }
.wpb-sticky-buttons .btn{ height: fit-content; position: sticky; margin-top: auto; top: 2rem; bottom: 2rem; }
@media(min-width: 992px){ 
    .wpb-content--vacatures .wpb-content__main .container{ padding-right: 13rem; }
    .wpb-sticky-buttons{ display: grid; } 
}

/* Single vacatures */
.wpb-related--vacatures .wpb-text{ text-align: center;}
.wpb-related--vacatures .container--featured-vacatures{ --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 2rem; }
.wpb-related--vacatures .btn-group{ margin-top: 5rem; justify-content: center; }

@media(min-width: 992px){
    .wpb-related--vacatures .container--featured-vacatures{ --gc: 2; }
}

/* Algemeen */
/* body.page-template-template-contact{ overflow: hidden; } */
.wpb-text .wpb-text__footer{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 3.6rem !important; }
.wpb-text ul li{ list-style: none; position: relative; padding-bottom: .5rem; }
.wpb-text ul li::before{ --size: 1.2rem; content: ''; position: absolute; left: -2rem; top: 0; bottom: 0; margin: auto; width: var(--size); height: var(--size); background: url('/app/themes/wuxnl-theme/assets/icons/list-star-style.svg'); }
.wpb-text--header .btn-group{ gap: 3rem; }

/*** ---------- Footer ---------- ***/
.wpb-footer>*:not(.wpb-bg-gradients){ position: relative; z-index: 2; }
.wpb-footer :is(.wpb-footer__bottom, .wpb-footer__main) *{  --clr-text: #fff; color: var(--clr-text); }
.wpb-footer .wpb-footer__menu{ font-style: italic; }
.wpb-footer .wpb-footer__menu .menu-item{ font-weight: 300; transition: color var(--ts-15) ease-in-out, text-shadow var(--ts-15) ease-in-out; }
.wpb-footer .wpb-footer__menu .menu-item:hover{ color: var(--clr-gold-light); text-shadow: 1px 1px 20px var(--clr-gold-light); }

.wpb-footer.wpb-bg-clr--secondary  .wpb-bg-gradients .wpb-bg-asset-1{ content: ''; --size: 80rem; left: -10rem; top: -30rem; }

@media(min-width: 992px){ 
    .wpb-footer.wpb-bg-clr--secondary  .wpb-bg-gradients .wpb-bg-asset-1{ content: ''; --size: 110rem; top: -50rem; }
    .wpb-text__footer .btn{ margin-left: auto; }
}

.by-wux { 
    display: flex; position: absolute; right: -2.5rem; bottom: 8rem; background-color: rgba(0, 0, 0, 0.25); 
    padding: .4rem 1rem; transform: rotate(-90deg); border-top-left-radius: .4rem; border-top-right-radius: .4rem; transition: background var(--ts-25) ease-in-out, box-shadow var(--ts-25) ease-in-out;
}
.by-wux:hover { background-color: rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 15px var(--clr-gold-light-50); }
.by-wux span { font-size: 1.1rem; }
.by-wux i { --clr: rgb(255,255,255, 1); --w: 4.7rem; --h: 1.5rem; }

.gform-loader { width: 2rem; height: 2rem; min-width: 2rem!important; display: inline-block!important; }