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

@import url("https://p.typekit.net/p.css?s=1&k=iua4bit&ht=tk&f=24425.24427.34517&a=121743660&app=typekit&e=css");

@font-face {
font-family:"orpheuspro";
src:url("https://use.typekit.net/af/003616/00000000000000007735ebd7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/003616/00000000000000007735ebd7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/003616/00000000000000007735ebd7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

/* @font-face {
font-family:"orpheuspro";
src:url("https://use.typekit.net/af/4f5611/00000000000000007735ebd5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/4f5611/00000000000000007735ebd5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/4f5611/00000000000000007735ebd5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"orpheuspro";
src:url("https://use.typekit.net/af/8b252c/00000000000000007735ebd8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/8b252c/00000000000000007735ebd8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/8b252c/00000000000000007735ebd8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
} */

:root {
    --fs: 1.4rem;
    --lh: 1.6;

    /* Color variables */
    /* --clr-primary: #C0032D;
    --clr-secondary: #E5883A; */
    --clr-primary: #402E20;
    --clr-primary-60: #BD9D6A;
    --clr-primary-20: #C5BA9F;
    --clr-secondary: #4170B4;

    --clr-heading: #000;
    --clr-text: #000;
    --clr-text-grey: #9A9999;
    --clr-text-darkgrey: #585858;
    --clr-text-lighterdark: #171818;
    
    --clr-white: #ffff;
    --clr-dark: #152F33;
    --clr-page-background: #F9F9F9;
    --clr-footer-bottom: #4A4A4A;
    --clr-border: rgb(222, 226, 230); 

    /* Font variables */
    --wpb-font-heading: "orpheuspro";
    --wpb-font-primary: "Inter", sans-serif;

    /* Container max-width variables */
    --container-width: 100%;
    --container-width--sm: 580px;
    --container-width--md: 860px;
    --container-width--lg: 1160px;
    --container-width--xl: 1240px;
    --container-width--xxl: 1400px;
    --container-width--xxxl: 1490px;

}

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

body { font-family: var(--wpb-font-primary); background: var(--clr-page-background); }

/*** ---------- Typography ---------- ***/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--wpb-font-heading); }
.wpb-content .wpb-content__main .content-section--text :is(h3, .h3, h4, .h4, h5, .h5, h6, .h6){ font-family: var(--wpb-font-primary); }
.wpb-content .wpb-content__main .content-section--text :is(h3, .h3, h4, .h4, h5, .h5, h6, .h6) strong{ font-family: var(--wpb-font-heading); }

h1, .h1 { --fs: clamp(4rem, 5vw, 5.2rem); --lh: 1; }
h2, .h2 { --fs: clamp(4rem, 4vw, 5.4rem); --lh: 1; }
h3, .h3, .content-section--text h2 { --fs: clamp(2rem, 3vw, 2.6rem); --lh: 1; }
.wpb-contact .wpb-card .wpb-card__body h3{ --fs: clamp(2.6rem, 3vw, 3.2rem);}

h4, .h4 { --fs: clamp(1.8rem, 3vw, 2rem); --lh: 1; }

h3 em, .wpb-card--contact p em{ font-style: normal; --fs: clamp(1.8rem, 3vw, 2.2rem); }
.wpb-card--contact p em{ font-family: var(--wpb-font-heading); }
.wpb-block--featured .container.sidebar .wpb-sidebar h3, .wpb-related--posts h3{ --fs: clamp(1.8rem, 3vw, 2.2rem); }
p, .p{ --fs: 1.6rem; }


.wpb-header.wpb-header--home p, .wpb-header.wpb-header--home .p, .wpb-text p, .wpb-content .wpb-content__main p{ --fs: 1.8rem; }
.wpb-footer .wpb-footer__menu p{ --fs: 1.4rem; }
.wpb-contact .wpb-card small{ --fs: 1.2rem; }

/*** ---------- Typography colors ---------- ***/
p, .p{ color: var(--clr-text-grey); }
p a{ color: var(--clr-text-darkgrey); } p a:hover{ color: var(--clr-primary); }
.wpb-content p, .wpb-content .p, .wpb-contact p{ color: var(--clr-text); }
:is(h1, h2, h3, h4) strong{ color: var(--clr-primary); }


/*** ---------- 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: 2rem; }
    .wpb-wst--medium { --pt: 9rem; }
    .wpb-wst--large { --pt: 10rem; }
    
    .wpb-wsb--small { --pb: 2rem; }
    .wpb-wsb--medium { --pb: 9rem; }
    .wpb-wsb--large { --pb: 10rem; }
}


/*** ---------- 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; }

.wpb-icon.wpb-icon--golfpatroon.left { position: absolute; -webkit-mask-size: contain; mask-size: cover; --w: 21rem; --h: 100%; --src: url('/wp-content/themes/wux/assets/img/zorgschakel-golfpatroon-left.svg'); top: 0; bottom: 0; left: 0; }
.wpb-icon.wpb-icon--golfpatroon.right { position: absolute; -webkit-mask-size: contain; mask-size: cover; --w: 21rem; --h: 100%; --src: url('/wp-content/themes/wux/assets/img/zorgschakel-golfpatroon-right.svg'); top: 0; bottom: 0; right: 0; }
.wpb-icon.wpb-icon--golfpatroon.top { position: absolute; -webkit-mask-size: contain; mask-size: cover; --w: 100%; --h: 10dvw; --src: url('/wp-content/themes/wux/assets/img/zorgschakel-golfpatroon-top--wide.svg'); top: 0; left: 0; right: 0; }
.wpb-icon.wpb-icon--golfpatroon.bottom { position: absolute; -webkit-mask-size: contain; mask-size: cover; --w: 100%; --h: 10dvw; --src: url('/wp-content/themes/wux/assets/img/zorgschakel-golfpatroon-bottom--wide.svg'); bottom: 0; left: 0; right: 0; }

.wpb-block.acf-text-media-block .wpb-icon.wpb-icon--golfpatroon:is(.left, .right){ --w: 16rem; }

.wpb-navigation__main .js-nav-collapse .wpb-icon.wpb-icon--golfpatroon{ display: none; --clr: var(--clr-primary); top: 7.4rem; --h: 9dvw; pointer-events: none; }
.wpb-navigation__main .js-nav-collapse.active .wpb-icon.wpb-icon--golfpatroon{ display: flex;}

/*** ---------- Background colors ---------- ***/
.wpb-bg-clr--primary { background-color: var(--clr-primary); }
.wpb-bg-clr--secondary { background-color: var(--clr-secondary); }
:is( .wpb-bg-clr--primary, .wpb-bg-clr--secondary) .wpb-text *:not(.btn) { color: #fff !important; }

/*** ---------- Buttons ---------- ***/
.btn, .gform_button, .gform_next_button, .gform_previous_button, .button { --fs: clamp(1.4rem, 1.5vw, 1.6rem); --lh: 1; --p: 0 4rem; --br: 5rem;  }
.wpb-header.wpb-header--home .btn{ --fs: clamp(1.5rem, 1.5vw, 1.8rem); }

.btn.btn--primary, .button{ --clr: rgb(255,255,255); --bg-clr: var(--clr-primary); --hover-bg-clr: var(--clr-text); --border: 2px solid var(--clr-primary); --hover-border: 2px solid var(--clr-text); font-weight: 600;}
.btn.btn--primary .wpb-icon { --clr: rgb(255,255,255); }
.btn.btn--secondary { --clr: rgb(255,255,255); --bg-clr: var(--clr-secondary); --hover-bg-clr: var(--clr-text); --border: 2px solid var(--clr-secondary); }

.btn.btn--outline { --clr: var(--clr-white); --border: 2px solid var(--clr-white); --hover-bg-clr: var(--clr-white); --hover-clr: var(--clr-primary); --hover-border: 2px solid var(--clr-white); font-weight: 600; }
.btn.btn--secondary-outline, .btn.btn--nav-toggle, .gform_button { --clr: var(--clr-primary); --bg-clr: transparent; --border: 2px solid var(--clr-primary); --hover-bg-clr: var(--clr-primary); --hover-clr: var(--clr-white); --hover-border: 2px solid var(--clr-primary); font-weight: 600; }

.btn--link{ color: var(--clr-primary); font-weight: 600; margin-top: auto; transition: .2s ease; }
.btn--link:hover{ opacity: .75; }

@media (max-width: 992px){
    .wpb-navigation .wpb-navigation__main nav{ position: absolute; top: 9rem; max-width: 100%; height: 60rem; box-shadow: 0 .2rem 2rem .2rem rgba(0,0,0,.25); }
}


/*** ---------- Navigation ---------- ***/
.wpb-navigation { position: absolute; top: 0; z-index: 1080; width: 100%; background-color: #fff; }
.wpb-navigation .wpb-navigation__main { display: flex; transition: transform .25s ease-in-out;  }
.menu-item.has-icon:hover a{ color: var(--clr-primary) !important; }
.menu-item.has-icon:hover i{ --clr: var(--clr-primary) !important; }
.wpb-navigation .sticky-nav-appear{ display: none; margin-right: .75rem; --fs: clamp(1.4rem, 2vw, 2.2rem); --p: 0 2.5rem; }
button.btn.btn--square.btn--outline.btn--nav-toggle.js-nav-toggle:not(:hover, :focus) svg rect{ fill: var(--clr-primary); }
button.btn.btn--square.btn--outline.btn--nav-toggle.js-nav-toggle svg{ width: 3rem; height: 3rem; }
.wpb-navigation li#menu-item-1453{ display: none; }
.wpb-navigation.is-sticky li#menu-item-1453{ display: flex; }

.wpb-navigation.is-sticky { position: fixed; top: -10rem; width: 100%; background: transparent; }
.wpb-navigation.is-scroll-up{ transition: none; }
.wpb-navigation.is-sticky--active { top: 0; margin-top: 1rem; }
.wpb-navigation.is-sticky.is-scroll-up { transition: top .2s ease; }
.wpb-navigation.is-sticky .wpb-menu{ margin: 0; }
.wpb-navigation.is-sticky .sticky-nav-appear{ display: flex;}
.wpb-navigation.is-sticky .wpb-navigation__main { width: 100%; padding: 1rem 2rem; background-color: var(--clr-page-background); border-radius: 5rem; transform: translateY(-100rem); }
.wpb-navigation.is-sticky--active .wpb-navigation__main{ box-shadow: 0 .2rem 2rem .2rem rgba(0,0,0,.25); transform: translateY(0); }
.wpb-navigation.is-sticky .logo img{ width: clamp(6rem, 7vw, 12rem); margin-left: 1rem; }
.wpb-navigation.is-sticky .btn.sticky-delete{ display: none; }
.wpb-navigation.is-sticky:has(.btn:not(.sticky-nav-appear)) .wpb-navigation__main{ padding: 0 4rem 0 2rem; }
.wpb-navigation__main{ display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 1rem 1.5rem .5rem 1.5rem; }
.wpb-navigation__main li.menu-item.sticky-nav-appear{ display: none; }

.wpb-navigation.is-sticky .wpb-navigation__main li.menu-item.sticky-nav-appear{ display: block; }
.wpb-navigation__main li.menu-item{ display: flex; gap: 8px; align-items: center; }
.wpb-navigation__main li.menu-item i{ --w: 1.5rem ; --h: 1.5rem; }
.wpb-navigation__main li.menu-item .btn.btn--secondary-outline{ border: 3px solid var(--clr-primary); color: var(--clr-primary) !important; min-height: auto; padding: .6rem 2rem; transition: .2s ease; }
.wpb-navigation__main li.menu-item .btn.btn--secondary-outline:hover{ border: 3px solid var(--clr-primary) !important; color: var(--clr-white) !important; }
.wpb-navigation .menu-item-has-children a{ padding-right: 2rem !important; }

.wpb-navigation nav.active .menu-item > :is(a:not(.btn), span){ padding: 1rem 0; }

/* Mobile menu */
.wpb-navigation__main .js-nav-collapse.active .menu-item:is(.menu-disappear){ display: none; }
.wpb-navigation__main .js-nav-collapse.active a.link{ display: flex; gap: 1rem; font-size: clamp(1.6rem, 2vw, 2rem); align-items: center; font-weight: 600; text-decoration: none; }
.wpb-navigation .js-nav-collapse.active .menu-item-has-children .btn--submenu-toggle:not(.wpb-icon--chevron-left){ --clr: rgb(255,255,255); --hover-clr: rgb(255,255,255); --bg-clr: var(--clr-secondary); --hover-bg-clr: var(--clr-text); --border: none; --hover-border: none; }

@media (min-width: 370px) { .wpb-navigation .sticky-nav-appear{ display: flex; }}
@media (min-width: 576px) {
    .wpb-navigation nav .sticky-nav-appear{ width: fit-content; order: -1; }
    nav.active .wpb-collapse__footer{ display: flex; }
}
@media (min-width: 992px) {
    .wpb-navigation .sticky-nav-appear{ margin-right: 1.5rem; }
    .wpb-navigation .sticky-nav-appear{ display: none; }
    .wpb-navigation.is-sticky .logo{ margin-right: inherit; }
    .wpb-navigation.is-sticky .logo img{ margin-left: 2rem; }
    .wpb-navigation__main .wpb-menu-top .menu-item a{ color: var(--clr-text-grey); font-size: 1.6rem; }
    .wpb-navigation__main .wpb-menu-top .menu-item i{ --clr: var(--clr-text-grey); --w: 2.2rem; --h: 2.2rem; }
    .wpb-navigation.is-sticky .wpb-menu.wpb-menu--hoofdmenu-top, .wpb-navigation.is-sticky .menu-item.sticky-nav-disappear{ display: none; }
    .wpb-navigation.is-sticky .wpb-navigation__main{ padding: 0 2rem; }
}
.wpb-navigation__top { padding-top: 1.6rem; padding-bottom: 1.6rem; }



/*** ---------- Header ---------- ***/
.wpb-header { --gc: 1; --gap: 3.2rem; }
.wpb-header.wpb-header--home .container, .wpb-header.wpb-header--subpage .container { display: grid; column-gap: var(--gap); row-gap: 2rem; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); align-items: center; position: static; }

.wpb-header.wpb-header--home .wpb-image img, .wpb-header.wpb-header--subpage img{ height: 100%; object-fit: cover; object-position: right; }

.wpb-header.wpb-header--home p, .wpb-header.wpb-header--subpage p{ margin-top: 0 !important; }
.wpb-header.wpb-header--home h1, .wpb-header.wpb-header--subpage h1{ margin-bottom: 2rem; text-wrap: pretty; }
.wpb-header.wpb-header--home .btn-group, .wpb-header.wpb-header--subpage .btn-group{ margin-top: 1.6rem; }

.wpb-header.wpb-header--home .wpb-image i.wpb-icon--golfpatroon:is(.left, .top),
.wpb-header.wpb-header--subpage .wpb-image i.wpb-icon--golfpatroon:is(.left, .top){ background-color: var(--clr-secondary); }
.wpb-header.wpb-header--home .wpb-image i.wpb-icon--golfpatroon:is(.right),
.wpb-header.wpb-header--subpage .wpb-image i.wpb-icon--golfpatroon:is(.left, .top){ background-color: var(--clr-primary); }
.wpb-header.wpb-header--home .wpb-image i.wpb-icon--golfpatroon:is(.bottom),
.wpb-header.wpb-header--subpage .wpb-image i.wpb-icon--golfpatroon:is(.bottom){ background-color: var(--clr-page-background); }
.wpb-header.wpb-header--home .wpb-image i.wpb-icon--golfpatroon:is(.left, .right),
.wpb-header.wpb-header--subpage .wpb-image i.wpb-icon--golfpatroon:is(.left, .right){ display: none; }

.wpb-bg-clr--primary .wpb-image i.wpb-icon--golfpatroon:is(.left, .top){ background-color: var(--clr-primary) !important; }
.wpb-bg-clr--primary .wpb-image i.wpb-icon--golfpatroon:is(.right){ background-color: var(--clr-secondary) !important; }

.wpb-header.wpb-header--subpage.wpb-bg-clr--transparent { background-color: var(--clr-primary); }  
.wpb-header.wpb-header--subpage.wpb-bg-clr--transparent .wpb-text :is(h1, h2, h3, p, ul, ol) { color: #fff; }
.wpb-header.wpb-header--subpage.wpb-bg-clr--transparent .wpb-icon.wpb-icon--golfpatroon { background-color: var(--clr-primary); }

.wpb-header.wpb-header--subpage.wpb-bg-clr--white .wpb-image::before,
.wpb-header.wpb-header--subpage.wpb-bg-clr--white .wpb-image i.wpb-icon--golfpatroon:is(.left, .top),
.wpb-header.wpb-header--subpage.wpb-bg-clr--white .wpb-icon.wpb-icon--golfpatroon { background-color: #fff }

.wpb-header.wpb-header--subpage.wpb-bg-clr--secondary .wpb-image i.wpb-icon--golfpatroon:is(.left, .top) { background-color: var(--clr-secondary) }
.wpb-header.wpb-header--subpage.wpb-bg-clr--secondary .wpb-image::before,
.wpb-header.wpb-header--subpage.wpb-bg-clr--secondary .wpb-icon.wpb-icon--golfpatroon { background-color: var(--clr-primary) }

.wpb-header.wpb-header--home .wpb-image-container,
.wpb-header.wpb-header--subpage .wpb-image-container{ height: 350px;}
.wpb-header.wpb-header--home .wpb-image,
.wpb-header.wpb-header--subpage .wpb-image{ position: absolute; left: 0; right: 0; top: calc(100% - 350px);  width: 100%; height: 350px; }


@media (min-width: 992px) {
    .wpb-header.wpb-header--home .container, .wpb-header.wpb-header--subpage .container { grid-template-columns: 4fr 6fr; }
    .wpb-header.wpb-header--home .wpb-image i.wpb-icon--golfpatroon:is(.bottom, .top), .wpb-header.wpb-header--subpage .wpb-image i.wpb-icon--golfpatroon:is(.bottom, .top){ display: none; }
    .wpb-header.wpb-header--home .wpb-image i.wpb-icon--golfpatroon:is(.left, .right), .wpb-header.wpb-header--subpage .wpb-image i.wpb-icon--golfpatroon:is(.left, .right){ display: block; }
    .wpb-header.wpb-header--home, .wpb-header.wpb-header--subpage { --gc: 2; }
    .wpb-header.wpb-header--home .wpb-image, .wpb-header.wpb-header--subpage .wpb-image{ position: absolute; left: inherit; right: 0; top: 0; bottom: 0; width: calc(60% -  5rem); height: 100%; }

    .wpb-header.wpb-header--home .wpb-image i.wpb-icon--golfpatroon.right,
    .wpb-header.wpb-header--subpage .wpb-image i.wpb-icon--golfpatroon.right{ --w: 23rem; margin-right: 50px; }
    .wpb-header.wpb-header--home .wpb-image::before,
    .wpb-header.wpb-header--subpage .wpb-image::before{ content: ''; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; height: 100%; background-color: var(--clr-primary); }
    .wpb-bg-clr--primary .wpb-image::before{ background-color: var(--clr-secondary) !important;  }
}

@media (min-width: 1200px) {
    .wpb-header.wpb-header--home .wpb-image i.wpb-icon--golfpatroon.right,
    .wpb-header.wpb-header--subpage .wpb-image i.wpb-icon--golfpatroon.right{ margin-right: 100px; }
    .wpb-header.wpb-header--home .wpb-image::before,
    .wpb-header.wpb-header--subpage .wpb-image::before{ content: ''; width: 110px; }
}
@media (min-width: 1600px) {
    .wpb-header.wpb-header--home .wpb-image i.wpb-icon--golfpatroon.right,
    .wpb-header.wpb-header--subpage .wpb-image i.wpb-icon--golfpatroon.right{ margin-right: 180px; }
    .wpb-header.wpb-header--home .wpb-image::before,
    .wpb-header.wpb-header--subpage .wpb-image::before{ content: ''; width: 190px; }
}


/*** ---------- Card ----------- ***/
.wpb-card.wpb-card--article .excerpt > *{ color: var(--clr-text-grey); }
.wpb-date-container { position: relative; padding-left: 30px; display: flex; flex-direction: column; justify-content: center; }
.wpb-date-container.expired-date > *{ --clr: var(--clr-primary); color: var(--clr-primary); }
.wpb-date-container.expired-date .date{ -webkit-text-stroke: .5px var(--clr-primary); }

.wpb-date-container i{ position: absolute; left: 0; top: .5rem; bottom: 0; }
.wpb-date-container > *{ font-size: 1.2rem; line-height: 1.2; }
.wpb-date-container .date{ -webkit-text-stroke: .5px #000; }
.wpb-card.wpb-card--article a::after{ content: ''; position: absolute; inset: 0;  }
.wpb-card.wpb-card--article img{ transition: .2s ease; }
.wpb-card.wpb-card--article:hover img{ transform: scale(1.1); }

.wpb-card--article.activiteiten .wpb-activity-dates>:not(:first-child){ display: none; }
.wpb-card--article.activiteiten .wpb-date-container{ height: 100%; margin-top: auto; margin-bottom: auto; }

/*** ---------- Sidebar ----------- ***/
.wpb-sidebar.sticky{ position: sticky; top: 15rem; }
.wpb-sidebar img{ display: none; }
.wpb-sidebar .wpb-card{ border-radius: 0; transition: .2s ease; }
.wpb-sidebar .wpb-card:first-child{ border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
.wpb-sidebar .wpb-card:last-child{ border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
.wpb-sidebar .wpb-card:not(:last-child){ border-bottom: 2px solid #E5E5E5; }
.wpb-sidebar .wpb-card:hover{ background-color: var(--clr-page-background); }
.wpb-sidebar .wpb-card--article .wpb-activity-dates>:not(:first-child){ display: none; }

.wpb-date-container:not(.activiteiten) .date{ margin-top: .75rem; }

/*** ---------- Content detail pagina's ----------- ***/
.single-nieuws .wpb-content .wpb-content__main{ background-color: #fff; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; overflow: hidden; }
.single-nieuws .wpb-content .wpb-content__main > *:not(.content-section.content-section--images){ padding-left: 2rem; padding-right: 2rem; }
.wpb-content .wpb-content__main .content-section--images img{ border-radius: 0; height: 100%; object-fit: cover; }

.wpb-header .wpb-activity-dates { display: flex; flex-wrap: wrap; gap: 2rem; column-gap: 4rem; margin-top: 3rem !important; }
.wpb-header .wpb-date-container { padding-left: 4.5rem; }
.wpb-header .wpb-date-container i{ --clr: var(--clr-white); --w: 3.5rem; --h: 4.1rem;  }
.wpb-header .wpb-date-container > *{ color: var(--clr-white); font-size: 1.6rem; }
.wpb-header .wpb-date-container.expired-date::before{ content: 'Deze activiteit heeft al plaatsgevonden.'; position: absolute; top: 100%; left: 0; width: 31rem; font-size: 1.4rem; font-weight: 700; color: #fff; }
.wpb-header .wpb-date-container .date{ -webkit-text-stroke: .5px var(--clr-white); margin-top: 1rem;  }

.content-section--content-header{ display: grid; gap: 2rem; }
.content-section--content-header .btn-group{ order: -1; }
@media (min-width: 992px) {
    .content-section--content-header{ display: flex; gap: 7rem; }
    .content-section--content-header .btn-group{ order: 1; }
}

/*** ---------- Contact ---------- ***/
.wpb-card--contact{ gap: 1rem; background-color: var(--clr-primary); padding: 2rem; position: sticky; top: 15rem; }
.page-template-lid-worden .wpb-card--contact{ display: flex; flex-direction: column; align-items: center; }
.wpb-card--contact :is(p, em, h1, h2, h3, h4, span, strong, i){ color: var(--clr-white); --clr: var(--clr-white); }
.wpb-card--contact-form{ background-color: transparent; padding: 0; border-radius: 0; }
.wpb-contact .wpb-card .wpb-card__body{ padding: 0; display: grid; gap: 1rem; }
.wpb-card--contact-form .wpb-card__body>:first-child{ margin-bottom: 3rem; }
.wpb-contact .wpb-card .wpb-card__body a.contact-link{ --p: 1rem; --br: 1rem; background-color: #fff3; padding: var(--p); border-radius: var(--br); transition: .2s ease; }
.wpb-contact .wpb-card .wpb-card__body a.contact-link:hover{ background-color: #fff2; }

/*** ---------- Footer ---------- ***/
.wpb-footer {  }
.wpb-footer.wpb-footer--primary {  }

.wpb-footer .wpb-footer__bottom :is(span, a){ color: var(--clr-white); font-size: 1rem; }


/* ---------- Extra ---------- */
.select-container{ position: relative; }
.select-container::before { content: ''; pointer-events: none; position: absolute; top: 0; bottom: 0; right: 2rem; width: 1.4rem; height: 1.3rem; background-image: url(/wp-content/themes/wux/assets/icons/chevron-icon-filled-bottom-white.svg); z-index: 3; background-size: cover; display: flex; margin: auto; transition: transform var(--ts-15) ease-in-out; }
.select-container.active::before { transform: rotate(180deg); }
.wpb-archive .wpb-header__filters{ margin-top: 0 !important; }

.wpb-search-results .wpb-card{ overflow: hidden; }
.wpb-search-results .wpb-card:not(.has-image) .wpb-card__footer{ min-height: 6rem; height: 100%; }
.wpb-search-results .wpb-card:not(.has-image) .wpb-card__footer span{ font-size: clamp(1.4rem, 2vw, 2rem); text-wrap: wrap; }

.wpb-search-results .wpb-card.has-image{ order: -999; }
.wpb-search-results .wpb-card.has-image:has(+ :not(.wpb-card.has-image)) {  }
.wpb-search-results .wpb-card.has-image img{ max-height: 10rem; }

.by-wux { display: flex; align-items: center; gap: .4rem; text-decoration: none; }
.by-wux span { font-size: 1.1rem; }
.by-wux i { --clr: #fff; --w: 1.8rem; --h: 1.8rem; }