/*
Theme Name: Wux Theme
Author: Wux
Author URI: https://wux.nl/
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');

@font-face {
    font-family: "EudoxusSans";
    src: url('/wp-content/themes/wux/assets/fonts/EudoxusSans-Regular.ttf') format('truetype'),
         url('/wp-content/themes/wux/assets/fonts/EudoxusSans-Regular.woff') format('woff'),
         url('/wp-content/themes/wux/assets/fonts/EudoxusSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "EudoxusSans";
    src: url('/wp-content/themes/wux/assets/fonts/EudoxusSans-Medium.ttf') format('truetype'),
         url('/wp-content/themes/wux/assets/fonts/EudoxusSans-Medium.woff') format('woff'),
         url('/wp-content/themes/wux/assets/fonts/EudoxusSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "EudoxusSans";
    src: url('/wp-content/themes/wux/assets/fonts/EudoxusSans-Bold.ttf') format('truetype'),
         url('/wp-content/themes/wux/assets/fonts/EudoxusSans-Bold.woff') format('woff'),
         url('/wp-content/themes/wux/assets/fonts/EudoxusSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

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

    --wpb-font-family: 'EudoxusSans', sans-serif;
    --wpb-font-family-heading: 'PT Serif', serif;
}

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

@media (min-width: 992px) {
    :root {
        --global-fs: 1.8rem;
    }
}

* { font-family: var(--wpb-font-family); }
html { scroll-padding-top: 15rem; }
.wpb-body { font-size: var(--global-fs); line-height: var(--global-lh); }

/*** Custom icons ***/
.wpb-icon.ra-icon__map { --icon: url('/wp-content/themes/wux/assets/icons/icon_map.svg'); --color: 0, 0, 0; }
.wpb-icon.ra-icon__on-fire { --icon: url('/wp-content/themes/wux/assets/icons/icon_on-fire.svg'); --color: 0, 0, 0; }
.wpb-icon.ra-icon__filter { --icon: url('/wp-content/themes/wux/assets/icons/icon_filter.svg'); --color: 0, 0, 0; }

/*** Typography ***/
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: var(--wpb-font-family); font-weight: 500;  } 
h1 em, .h1 em, h2 em, .h2 em, h3 em, .h3 em, h4 em, .h4 em { font-size: inherit; line-height: inherit; font-weight: 400; font-family: var(--wpb-font-family-heading); } 
h1, .h1 { --fs: clamp(4.4rem, 4vw, 6.4rem); --lh: 1; font-weight: 700;  }
h2, .h2 { --fs: clamp(2.8rem, 3.5vw, 4.8rem); --lh: 1.2; }
h3, .h3 { --fs: clamp(2.4rem, 3vw, 3.2rem); --lh: 1.2; }
h4, .h4 { --fs: 1.8rem; --lh: 2rem; }

.wpb-text > * + *:not(.btn .blockquote, .modal) { margin-top: 1.2rem; } 
@media (min-width: 768px) {
    .wpb-text > * + *:not(.btn .blockquote, .modal) { margin-top: 1.8rem; } 
}

.wpb-text :is(ol, ul) { list-style: none; padding-left: 0 !important; }
.wpb-text :is(ol, ul) li {display: block; position: relative; font-weight: 600; padding-left: 4.8rem; padding-top: 0.2rem;}
.wpb-text :is(ol, ul) li:not(:first-of-type) { margin-top: 1.4rem; }
.wpb-text :is(ol, ul) li::before { --size: 3.2rem; content: ""; min-width: var(--size); width: var(--size); height: var(--size); background-color: rgb(var(--wpb-light)); position: absolute;  left: 0;  top: 0;  line-height: 1;  border-radius: 50%;}
.wpb-text :is(ol, ul) li::after  { --size: 3.2rem; content: ""; min-width: var(--size); width: var(--size); height: var(--size); background-color: rgb(var(--wpb-light)); position: absolute;  left: 0;  top: 0;  line-height: 1;  border-radius: 50%;}

.wpb-text ol { counter-reset: custom-counter;}
.wpb-text ol li {counter-increment: section; }
.wpb-text ol li::before { content: counter(section); color: rgb(var(--wpb-primary)); font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.wpb-text ol li::after { display: none;}

.wpb-text ul li::after { mask: url("/wp-content/themes/wux/assets/icons/icon_arrow-right.svg") center / calc(var(--size) / 2) no-repeat; -webkit-mask: url("/wp-content/themes/wux/assets/icons/icon_arrow-right.svg") center / calc(var(--size) / 2) no-repeat; background-color: rgb(var(--wpb-primary));}

.tag { font-family: var(--wpb-font-family-heading); display: block; font-size: clamp(1.8rem, 2vw, 2.8rem); padding-bottom: .5rem; }

/*** Sections ***/
.has_background-image::after { background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,.8) 100%); }

/*** Whitespace ***/
.wpb-wp__none { --wpb-wp: 0; }
.wpb-wp__small { --wpb-wp: 3.2rem; }
.wpb-wp__medium { --wpb-wp: 4.8rem; }
.wpb-wp__large { --wpb-wp: 6.4rem; }

@media (min-width: 992px) {
    .wpb-wp__small { --wpb-wp: 6.4rem; }
    .wpb-wp__medium { --wpb-wp: 9.6rem; }
    .wpb-wp__large { --wpb-wp: 12rem; }
}

/*** Background colors ***/
.wpb-bg-color__primary { background-color: rgb(var(--wpb-primary)); }
.wpb-bg-color__secondary { background-color: rgb(var(--wpb-secondary)); }
.wpb-bg-color__primary + .wpb-bg-color__primary { padding-top: 0; }
.wpb-bg-color__secondary + .wpb-bg-color__secondary { padding-top: 0; }

/*** Gravity Forms ***/
.gform_wrapper .gform_validation_errors { border-radius: 0!important; }

/*** Buttons ***/


.btn, .gform_button { padding: 1rem 2rem; --border-radius: 3rem; font-weight: 700; gap: 1.2rem; 
    & i { --width: 1.7rem; height: 1.7rem; }
    
    /* Default button styles */
    &.btn--square{ aspect-ratio: 1/1; }

    /* Button variations */
    &.btn-primary { --ts: var(--ts-25); --color: 255,255,255; --bg-color: var(--wpb-primary); --border: 1px solid transparent; padding-right: 4.9rem; position: relative; transition: padding var(--ts) ease; 
        & .wpb-icon { pointer-events: none; --color: 255,255,255; transition: left var(--ts) ease, right var(--ts) ease, opacity var(--ts) ease; 
            &:nth-child(1) { position: absolute; left: 0rem; top: 50%; transform: translateY(-40%); opacity: 0; } 
            &:nth-child(2) { position: absolute; right: 2rem; top: 50%; transform: translateY(-40%); } 
        }
        &:hover { padding-left: 4.9rem; padding-right: 2rem; 
            .wpb-icon:nth-child(1) { left: 2rem; opacity: 1; }
            .wpb-icon:nth-child(2) { right: 0rem; opacity: 0; }
        }
    }
    &.btn-link{ --ts: var(--ts-25); position: relative; padding: 0 0 .25rem 0; padding-right: 2.9rem; --border-radius: 0; --bg-color: transparent; --color: var(--wpb-primary); --border: 2px solid rgb(var(--wpb-primary)); border-top: 0!important; border-right: 0!important; border-left: 0!important; transition: padding var(--ts) ease;
        & .wpb-icon { pointer-events: none; --color: var(--wpb-primary); transition: left var(--ts) ease, right var(--ts) ease, opacity var(--ts) ease; 
            &:nth-child(1) { position: absolute; top: .65rem; left: -2rem; opacity: 0; } 
            &:nth-child(2) { position: absolute; top: .65rem; right: 0; } 
        } 
        &:hover { padding-left: 2.9rem; padding-right: 0rem; 
            .wpb-icon:nth-child(1) { left: 0; opacity: 1; }
            .wpb-icon:nth-child(2) { right: -2rem; opacity: 0; }
        }
    }
    &.btn-link-dark{ --ts: var(--ts-25); position: relative; padding: 0 0 .25rem 0; padding-right: 2.9rem; --border-radius: 0; --color: var(--wpb-text); --bg-color: transparent; --border: 2px solid rgb(var(--wpb-text)); border-top: 0!important; border-right: 0!important; border-left: 0!important; transition: padding var(--ts) ease;
        & .wpb-icon { pointer-events: none; --color: var(--wpb-text); transition: left var(--ts) ease, right var(--ts) ease, opacity var(--ts) ease; 
            &:nth-child(1) { position: absolute; top: .65rem; left: -2rem; opacity: 0; } 
            &:nth-child(2) { position: absolute; top: .65rem; right: 0; } 
        } 
        &:hover { padding-left: 2.9rem; padding-right: 0rem; 
            .wpb-icon:nth-child(1) { left: 0; opacity: 1; }
            .wpb-icon:nth-child(2) { right: -2rem; opacity: 0; }
        }
    }
    &.btn-white { --ts: var(--ts-25); --color: var(--wpb-primary); --bg-color: 255,255,255; --border: 1px solid transparent; padding-right: 4.9rem; position: relative; transition: padding var(--ts) ease; 
        & .wpb-icon { pointer-events: none; --color: var(--wpb-primary); transition: left var(--ts) ease, right var(--ts) ease, opacity var(--ts) ease; 
            &:nth-child(1) { position: absolute; left: 0rem; top: 50%; transform: translateY(-40%); opacity: 0; } 
            &:nth-child(2) { position: absolute; right: 2rem; top: 50%; transform: translateY(-40%); } 
        }
        &:hover { padding-left: 4.9rem; padding-right: 2rem; 
            .wpb-icon:nth-child(1) { left: 2rem; opacity: 1; }
            .wpb-icon:nth-child(2) { right: 0rem; opacity: 0; }
        }
    }
}

.btn.btn-outline { --color: var(--wpb-text); --bg-color: 255,255,255; --border: 1px solid rgb(var(--wpb-text),.2); --box-shadow: none; --hover-color: 255,255,255; --hover-bg-color: var(--wpb-primary); --hover-border: 1px solid rgb(var(--wpb-primary)); }

@media (min-width: 992px) {
    .btn, .gform_button { --font-size: 1.8rem; }
    .btn.btn-link { --font-size: 2rem; }
    .btn.btn-link .wpb-icon:nth-child(1) { top: 1rem; } 
    .btn.btn-link .wpb-icon:nth-child(2) { top: 1rem; } 
}

/*** Section ***/
.section__header { padding-bottom: 3.2rem; }
.section__header .inner { display: grid; grid-template-columns: minmax(0, 1fr)!important; gap: 1.6rem!important; }
.section__header .text { margin-bottom: 0!important; }

@media(min-width: 768px) {
    .section__header .inner { grid-template-columns: minmax(0, 1fr) auto!important; }
}

@media(min-width: 992px) {
    .section__header { padding-bottom: 4.8rem; }
}

@media(min-width: 1200px) {
    .section__header { padding-bottom: 6.4rem; }
}

@media(min-width: 1200px) {
    .section__header { padding-bottom: 6.4rem; }
}

/*** Background colors ***/
.wpb-bg-color__light { background-color: rgb(var(--wpb-light)); }

/*** Background assets ***/
.has-bg-assets { position: relative; }
.wpb-bg-asset { position: absolute; }

/*** Badge ***/
.badge { --padding: .425rem 1.4rem; font-weight: 700; display: inline-flex; align-items: center; gap: .6rem; }
.badge .wpb-icon { --width: 1.4rem; --height: 1.4rem; }
.badge.badge__white { --color: rgb(var(--wpb-text)); --bg-color: #fff; }
.badge.badge__secondary { --color: rgb(var(--wpb-text)); --bg-color: rgb(var(--wpb-secondary)); }
.badge.badge__info { --color: rgb(var(--wpb-text)); --bg-color: #75D6FF; }
.badge.badge__border {--color: rgb(var(--wpb-text)); --bg-color: transparent; --border: 1px solid rgb(var(--wpb-text)); --hover-border: 1px solid rgb(var(--wpb-primary)); font-weight: 500;}

@media(min-width: 992px) {
    .badge { --font-size: 1.6rem; --padding: .8rem 2rem; --border-radius: 3rem; }
    .badge.badge__small { --font-size: 1.5rem; --padding: .4rem 1.4rem; }
}


/*** Favorite ***/
.icon-favorite {--clr: rgb(var(--wpb-light)); position: relative; width: 3.5rem; height: 3.5rem; aspect-ratio: 1/1; border-radius: 50%; border: 1px solid var(--clr); display: grid; place-items: center; }
.icon-favorite .wpb-icon { --width: 1.8rem; --height: 1.8rem; }
.icon-favorite .wpb-icon.wpb-icon__fire { background-color: rgb(var(--wpb-light)); }

@media(min-width: 992px) {
    .icon-favorite { width: 4.4rem; height: 4.4rem; }
    .icon-favorite .wpb-icon { --width: 2.2rem; --height: 2.2rem; }
}

/*** Bookmark ***/
.toggle-bookmark {--clr: rgb(var(--wpb-light)); position: relative; width: 3.5rem; height: 3.5rem; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--clr); display: grid; place-items: center; transition: background-color var(--ts-15) ease; }
.toggle-bookmark .wpb-icon { --width: 1.8rem; --height: 1.8rem; }
.toggle-bookmark .wpb-icon.wpb-icon__bookmark { background-color: rgb(var(--wpb-text)); }
.toggle-bookmark .wpb-icon.wpb-icon__check { display: none; }
.toggle-bookmark[data-bookmarked="true"] { background-color: rgb(var(--wpb-primary)); }
.toggle-bookmark[data-bookmarked="true"] .wpb-icon.wpb-icon__bookmark{ display: none; }
.toggle-bookmark[data-bookmarked="true"] .wpb-icon.wpb-icon__check { display: flex; }

.toggle-bookmark::after {content: ''; border: 1px solid var(--clr); width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all var(--ts-15) ease;} 
.toggle-bookmark[data-bookmarked="true"]::after {border: 1px solid rgb(var(--wpb-primary)); }
.toggle-bookmark:hover::after { transform: scale(1.15);}

@media(min-width: 992px) {
    .toggle-bookmark { width: 4.4rem; height: 4.4rem; }
    .toggle-bookmark .wpb-icon { --width: 2rem; --height: 2rem; }
}


/*** Cards ***/
.wpb-card { --border-radius: 0; border: none; }
.wpb-card .wpb-card__header .wpb-card__header-toolbar { position: absolute; inset: 0 0 auto 0; display: flex; flex-wrap: wrap; gap: .8rem; padding: 1.6rem; z-index: 1; }
.wpb-card .wpb-card__body { padding: 1.6rem 0 0 0; }
.wpb-card .wpb-card__body .tag { font-family: var(--wpb-font-family-heading); display: block; font-size: clamp(1.6rem, 2vw, 2rem); }

/* a.wpb-card .wpb-card__header img {transition: all 200ms ease;}
a.wpb-card:hover .wpb-card__header img {transform: scale(1.02);} */

@media(min-width: 992px) {
    .wpb-card .wpb-card__header .wpb-card__header-toolbar { padding: 2.4rem; }
    .wpb-card .wpb-card__body { padding: 2.4rem 0 0 0; }
}

/* Posttype card */
.wpb-card.wpb-card__posttype { --mt: 0; margin-top: var(--mt); height: fit-content;}
.wpb-card.wpb-card__posttype .wpb-card__header .wpb-image { position: relative; width: 100%; height: auto; aspect-ratio: 3 / 2}
.wpb-card.wpb-card__posttype .wpb-card__header .wpb-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.wpb-card.wpb-card__posttype .wpb-card__body {flex-grow: 0;}
.wpb-uitgelichte-posttypes .wpb-card__header-toolbar .badge-group {margin-right: auto;}

@media (min-width: 992px) {
    .wpb-card.wpb-card__posttype .wpb-card__header .wpb-image {aspect-ratio: 3 / 4;}
    .wpb-card.wpb-card__posttype:nth-child(2) { --mt: 12rem;}
    .wpb-card.wpb-card__posttype:nth-child(3) { --mt: 6rem;}
}
@media (min-width: 1200px) {
    .wpb-card.wpb-card__posttype:nth-child(1) .wpb-card__header .wpb-image { aspect-ratio: 1 / 1;}
    .wpb-card.wpb-card__posttype:nth-child(2) { --mt: 16rem;}
    .wpb-card.wpb-card__posttype:nth-child(3) { --mt: 8rem;}
}

/* archive card */
.wpb-card.wpb-card__archive {--clr: #fff; display: block; position: relative;}
.wpb-card.wpb-card__archive .wpb-card__header { aspect-ratio: 5/4; overflow: hidden; position: relative; }
.wpb-card.wpb-card__archive .wpb-card__header img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.wpb-card.wpb-card__archive .wpb-card__header .wpb-card__header-toolbar .icon-favorite {margin-left: auto;}
.wpb-card.wpb-card__archive .wpb-card__header .wpb-card__header-toolbar:not(:has(.icon-favorite)) .toggle-bookmark {margin-left: auto;}

.wpb-card.wpb-card__archive .wpb-card__body {--p: 2.4rem; padding: var(--p); position: absolute; bottom: 0; z-index: 1; width: 100%;}
.wpb-card.wpb-card__archive .wpb-card__body .tag { font-size: 1.4rem; padding: 0; color: var(--clr);}
.wpb-card.wpb-card__archive .wpb-card__body .card-title { display: flex ; align-items: flex-end; justify-content: space-between;}
.wpb-card.wpb-card__archive .wpb-card__body .card-title span {font-size: 2rem; color: var(--clr); line-height: 1; }
.wpb-card.wpb-card__archive .wpb-card__body .card-title .wpb-icon {--color: 255,255,255; transition: all 200ms ease;}
.wpb-card.wpb-card__archive:hover .wpb-card__body .card-title .wpb-icon {transform: rotate(-45deg);}

.wpb-card.wpb-card__archive::after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%); z-index: 0;}


@media(min-width: 992px) {
    .wpb-card .wpb-card__body { padding: 1.2rem 0 0 0; }
}


/* featured-slide card */
.wpb-card.wpb-card__featured-slide {display: block;}
.wpb-card.wpb-card__featured-slide .wpb-card__header { aspect-ratio: 5/4; overflow: hidden; position: relative; }
.wpb-card.wpb-card__featured-slide .wpb-card__header img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.wpb-card.wpb-card__featured-slide .wpb-card__header .wpb-card__header-toolbar .toggle-bookmark {margin-left: auto;}
.wpb-card.wpb-card__featured-slide .wpb-card__body {padding-bottom: 1rem;}

/* featured-grid card */
.wpb-card.wpb-card__featured-grid { --clr: #fff; --p: 2.4rem; padding: var(--p); min-height: 24rem; position: relative; overflow: hidden; background-color: transparent; }
.wpb-card.wpb-card__featured-grid .wpb-card__header img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.wpb-card.wpb-card__featured-grid .wpb-card__header .wpb-card__header-toolbar .toggle-bookmark {margin-left: auto;}
.wpb-card.wpb-card__featured-grid .wpb-card__body { z-index: 1; padding: 0; display: flex; flex-direction: column; height: 100%; justify-content: end; }
.wpb-card.wpb-card__featured-grid .wpb-card__body .tag { font-size: 1.4rem; padding: 0; color: var(--clr);}
.wpb-card.wpb-card__featured-grid .wpb-card__body .card-title { display: flex ; align-items: flex-end; justify-content: space-between;}
.wpb-card.wpb-card__featured-grid .wpb-card__body .card-title span {font-size: 2rem; color: var(--clr); line-height: 1; }
.wpb-card.wpb-card__featured-grid .wpb-card__body .card-title .wpb-icon {--color: 255,255,255; transition: all 200ms ease;}
.wpb-card.wpb-card__featured-grid:hover .wpb-card__body .card-title .wpb-icon {transform: rotate(-45deg);}
.wpb-card.wpb-card__featured-grid::after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%); z-index: 0;}

@media(min-width: 768px) {
    .wpb-card.wpb-card__featured-grid {aspect-ratio: 1 / 1; }
}

/* author card */
.wpb-card.wpb-card__author {--p: 2.4rem; background-color: rgb(var(--wpb-light)); padding: var(--p); }
.wpb-card.wpb-card__author .wpb-card__header {justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1.2rem;}
.wpb-card.wpb-card__author .wpb-card__header .wpb-author {display: flex; align-items: center; gap: 2rem;}
.wpb-card.wpb-card__author .wpb-card__header .wpb-author h3 {font-size: 1.8rem; font-weight: 600;}
.wpb-card.wpb-card__author .wpb-card__header .wpb-author span {font-size: 1.6rem; font-weight: 400; } 
.wpb-card.wpb-card__author .wpb-card__header .wpb-author figure {width: fit-content; border: 1px solid rgba(var(--wpb-primary), .2); border-radius: 50%;}
.wpb-card.wpb-card__author .wpb-card__header .wpb-author figure img { width: 7.2rem; height: 7.2rem; padding: .3rem; border-radius: 50%;}
.wpb-card.wpb-card__author .wpb-card__body { --p: 1.6rem; border-top: 1px solid rgba(var(--wpb-primary), .2); border-bottom: 1px solid rgba(var(--wpb-primary), .2); padding: var(--p) 0; margin: var(--p) 0;}

.wpb-card.wpb-card__author .wpb-text {--global-fs: 1.6rem;}

@media (min-width: 768px) {
    .wpb-card.wpb-card__author {--p: 3.6rem;}
}

@media(min-width: 992px) {
    .wpb-card.wpb-card__author {--p: 3.6rem;}
}

@media(min-width: 1200px) {
}

/*** Navigation ***/
.wpb-navigation { transition: background-color var(--ts-25) ease, padding var(--ts-25) ease; }
.wpb-navigation .inner { gap: 1.6rem; }
.wpb-navigation .logo { margin: 0; transition: opacity var(--ts-25) ease; }
.wpb-navigation .logo img { width: 100%; max-width: 15rem; }
.wpb-navigation .logo:hover{ opacity: .6; }
.wpb-navigation .nav-toggle { --bg-color: transparent; --color: #fff; border: none; }
.wpb-navigation .nav-toggle svg { transition: fill var(--ts-25) ease; }
.wpb-navigation ul { list-style: none; }
.wpb-navigation.is-scrolled { padding: 1rem 0; } 

.wpb-navigation.wpb-navigation__primary { position: fixed; inset: 0 0 auto 0; background-color: transparent; border-bottom: 1px solid #fff2; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); } 
.wpb-navigation.wpb-navigation__primary .logo img { transition: filter var(--ts-25) ease; }
.wpb-navigation.wpb-navigation__primary:not(.is-scrolled) .logo img { filter: brightness(0) invert(1); }
.wpb-navigation.wpb-navigation__primary.is-scrolled .nav-toggle { --color: var(--wpb-dark); }
.wpb-navigation.wpb-navigation__primary.is-scrolled { background-color: #fff; border-bottom: 1px solid rgb(var(--wpb-border-color)); }
.wpb-navigation.wpb-navigation__primary .wpb-icon { --color: var(--wpb-dark); }
.wpb-navigation.wpb-navigation__primary .nav-toggle[aria-expanded="true"] { --color: var(--wpb-dark); }

.bookmark-count { display: inline-flex!important; align-items: center; gap: .8rem; }
.bookmark-count .wpb-icon { --color: 255,255,255; }
.bookmark-count::after { content: var(--bookmark-count); display: inline-block; font-weight: 700; font-size: 1.4rem; background-color: rgb(var(--wpb-primary)); color: #fff; border-radius: 50%; padding: 0 .75rem; transition: color var(--ts-15) ease, background-color var(--ts-15) ease; }

.wpb-navigation.wpb-navigation__secondary { position: sticky; top: 0; }
.wpb-navigation.wpb-navigation__secondary .nav-toggle { --color: rgb(var(--wpb-text)); }
.wpb-navigation.wpb-navigation__secondary .wpb-icon__bookmark { --color: var(--wpb-primary); } 

@media (min-width: 992px) {
    .wpb-navigation .logo img { max-width: 22rem; }
    .wpb-navigation .wpb-navigation__collapse { flex-grow: 1; }
    .wpb-navigation .wpb-navigation__collapse .menu-hoofdmenu-container { margin-left: auto; margin-right: auto; }
    .wpb-navigation.wpb-navigation__primary.is-scrolled { padding: 1.6rem 0; } 

    .bookmark-count::after { background-color: rgb(var(--wpb-primary)); color: #fff; }

    
    .wpb-navigation.wpb-navigation__primary .menu-item a { --color: rgb(255, 255, 255); color: var(--color); transition: color var(--ts-25) ease;}
    .wpb-navigation.wpb-navigation__primary .menu-item a.bookmark-count { border-radius: 4rem; padding: 1rem 2rem; }
    .wpb-navigation.wpb-navigation__primary .menu-item a.bookmark-count i { color: var(--color); }
    /* .wpb-navigation.wpb-navigation__primary:not(.is-scrolled) .menu-item a.bookmark-count:hover{ background-color: #fff3; color: #FFFF; } */
    .wpb-navigation.wpb-navigation__primary.is-scrolled .menu-item a { color: var(--wpb-dark); }
    .wpb-navigation.wpb-navigation__primary .menu-item a:hover { --color: rgb(var(--wpb-primary)); }
    .wpb-navigation.wpb-navigation__primary .menu-item a:hover i { --color: var(--wpb-primary); }
    .wpb-navigation.wpb-navigation__primary .wpb-icon { --color: 255,255,255; }
    .wpb-navigation.wpb-navigation__primary.is-scrolled .wpb-icon { --color: var(--wpb-dark); }
}

@media (min-width: 1200px) {
    .wpb-navigation.wpb-navigation__primary { padding: 7rem 0 4rem 0; }
    .wpb-navigation { padding: 4rem 0; }
    .wpb-navigation .menu-item a { font-size: 1.8rem; }
}

/*** Carousel ***/
.wpb-carousel .wpb-carousel__button { border-radius: 50%; width: 3.8rem; height: 3.8rem; background-color: #ebebeb; transition: background-color var(--ts-25) ease; }
.wpb-carousel .wpb-carousel__button .wpb-icon { --color: var(--wpb-text); --width: 1.7rem; --height: 1.7rem; transition: background-color var(--ts-25) ease; }
.wpb-carousel .wpb-carousel__button:hover { background-color: rgb(var(--wpb-primary)); }
.wpb-carousel .wpb-carousel__button:hover .wpb-icon { --color: 255,255,255; }


/*** Block: Uitgelichte posts - grid ***/
.wpb-uitgelichte-posts-grid {overflow: hidden;}
.wpb-uitgelichte-posts-grid .container .section__header {text-align: center;}
.wpb-uitgelichte-posts-grid .container .inner {display: flex; flex-wrap: wrap; gap: 4.8rem;}
.wpb-uitgelichte-posts-grid .container .inner .wpb-card {flex-grow: 1; flex-basis: 22rem}
.wpb-uitgelichte-posts-grid .container .btn-group {margin: 0 auto;}


/*** Block: Uitgelichte posts - slider ***/
.wpb-uitgelichte-posts-slider {}
.wpb-uitgelichte-posts-slider .container .inner {  }
.wpb-uitgelichte-posts-slider .container .inner .wpb-text {padding: 0 0 2.4rem 0; z-index: 1; display: flex; flex-direction: column; justify-content: center;}
.wpb-uitgelichte-posts-slider .container .inner .wpb-text .btn-group {display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between;}
.wpb-uitgelichte-posts-slider .container .inner .wpb-text.wpb-bg-color__transparent {--bg-clr: #fff; background-color: var(--bg-clr) !important;}
.wpb-uitgelichte-posts-slider .container .inner .wpb-text::before { content: ''; position: absolute; right: calc(100% - 2.2rem); top: 0; bottom: 0; width: 50vw; background-color: var(--bg-clr) !important;}

@media (min-width: 768px) {
    .wpb-uitgelichte-posts-slider .container .inner {display: grid; grid-template-columns: repeat(2, 50%);}
    .wpb-uitgelichte-posts-slider .container .inner .wpb-text .btn-group {display: flex; flex-direction: column-reverse; align-items: flex-start;}
}


/*** Block: Uitgelichte posttypes ***/
.wpb-uitgelichte-posttypes {}
.wpb-uitgelichte-posttypes .section__header {display: flex ; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 2rem;}
.wpb-uitgelichte-posttypes .inner {display: flex; flex-wrap: wrap; row-gap: 4.8rem; column-gap: 2.4rem; }
.wpb-uitgelichte-posttypes .inner .wpb-card.wpb-card__posttype:first-child { flex-basis: 100%;}
.wpb-uitgelichte-posttypes .inner .wpb-card.wpb-card__posttype {flex-grow: 1; flex-basis: 30rem;}

.wpb-uitgelichte-posttypes .wpb-bg-asset__1 { top: 0; right: 0; width: 50rem; max-width: 17rem; }
.wpb-uitgelichte-posttypes .wpb-bg-asset__1 .bg-label { position: absolute; width: 14%; left: 42.4%; top: 22%; transform-origin: top center; transform: rotate(15deg); animation: labelTransform1 4s ease-in-out infinite; }
.wpb-uitgelichte-posttypes .wpb-bg-asset__2 { bottom: 0; left: 0; width: 27rem; max-width: 10rem; }
.wpb-uitgelichte-posttypes .wpb-bg-asset__2 .bg-label { position: absolute; width: 35%; left: 32%; top: 47%; transform-origin: top center; transform: rotate(5deg); animation: labelTransform2 5s ease-in-out infinite; animation-delay: 1s; }

@media (min-width: 992px) {
   .wpb-uitgelichte-posttypes .inner {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2%; }
}
@media (min-width: 1200px) {
   .wpb-uitgelichte-posttypes .inner {grid-template-columns: 36% 28% 28%; gap: 4%;}

}

@keyframes labelTransform1 {
    0% { transform: rotate(15deg) }
    50% { transform: rotate(-5deg) }
    100% { transform: rotate(15deg) }
}

@keyframes labelTransform2 {
    0% { transform: rotate(5deg) }
    50% { transform: rotate(-10deg) }
    100% { transform: rotate(5deg) }
}


/*** Block: Text ***/
.wpb-text .text h2 { --fs: clamp(2.8rem, 4vw, 4.8rem); }
.wpb-text .text.text__top { padding-bottom: 1.4rem; }

@media (min-width: 1200px) {
    .wpb-text { --gap: 4.8rem; }
}

/*** Block: Text en Media ***/
.wpb-text-media .text h2 { --fs: clamp(2.8rem, 4vw, 4.8rem); }
.wpb-text-media figure { position: relative; }
.wpb-text-media figure a { --ts: var(--ts-25); display: inline-block; position: absolute; right: 1.6rem; bottom: 1.6rem; text-decoration: none; color: #fff; background-color: rgb(var(--wpb-primary)); padding: 1.6rem; padding-right: 4.8rem; transition: padding var(--ts) ease; }
.wpb-text-media figure a strong { display: block; font-size: 1.8rem; line-height: 1; }
.wpb-text-media figure a span { display: block; color: inherit; }
.wpb-text-media figure a .wpb-icon { --color: 255,255,255; pointer-events: none; position: absolute; top: 50%; --width: 1.7rem; --height: 1.7rem; transform: translateY(-50%); transition: left var(--ts) ease, right var(--ts) ease, opacity var(--ts) ease; }
.wpb-text-media figure a .wpb-icon:nth-of-type(1) { position: absolute; left: 0rem; opacity: 0; } 
.wpb-text-media figure a .wpb-icon:nth-of-type(2) { position: absolute; right: 1.6rem; } 
.wpb-text-media figure a:hover { padding-left: 4.8rem; padding-right: 1.6rem; }
.wpb-text-media figure a:hover .wpb-icon:nth-of-type(1) { left: 1.6rem; opacity: 1; }
.wpb-text-media figure a:hover .wpb-icon:nth-of-type(2) { right: 0rem; opacity: 0; }

@media (min-width: 576px) {
    .wpb-text-media figure a { right: -2.2rem; bottom: 3.2rem; }
}

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

@media (min-width: 992px) {

    .wpb-text-media figure a strong { font-size: 2rem; }
    .wpb-text-media figure a { padding: 2rem; padding-right: 4.8rem }
    .wpb-text-media figure a .wpb-icon:nth-of-type(2) { right: 2rem; }
    .wpb-text-media figure a:hover { padding-left: 4.8rem; padding-right: 2rem; }
    .wpb-text-media figure a:hover .wpb-icon:nth-of-type(1) { left: 2rem; opacity: 1; }
    .wpb-text-media figure a:hover .wpb-icon:nth-of-type(2) { right: 0rem; opacity: 0; }
}

@media (min-width: 1200px) {
    .wpb-text-media  { --gap: 4.8rem; }
}

/*** Block text & carousel ***/
.wpb-text-carousel{ overflow: hidden; }
.wpb-text-carousel .inner{ display: grid; }
.wpb-text-carousel .inner .text{ --p: 2.4rem; padding-bottom: var(--p); }

.wpb-text-carousel .wpb-card .wpb-card__header { aspect-ratio: 10/9; }
.wpb-text-carousel .wpb-card .card-title { font-size: 2rem; }
.wpb-text-carousel .wpb-card .badge.badge__secondary { display: none; }
.wpb-text-carousel  .blaze-slider .blaze-pagination-container .blaze-pagination{ justify-content: end; }

@media (min-width: 992px) {
    .wpb-text-carousel .inner{ grid-template-columns: 40rem 1fr; }
    .wpb-text-carousel .inner .text{ --bg-clr: #FFFF; padding: var(--p); padding-left: 0; position: relative; background-color: var(--bg-clr); z-index: 5; height: 100%; 
        &::before{ content: ''; position: absolute; right: calc(100% - 1px); top: 0; bottom: 0; width: 50vw; background-color: var(--bg-clr); }
    }
}
@media (min-width: 1200px) {
    .wpb-text-carousel .inner .text{ --p: 4rem }
    .wpb-text-carousel .inner{ grid-template-columns: 56rem 1fr; }
}
@media (min-width: 1400px) {
    .wpb-text-carousel .inner{ grid-template-columns: 64rem 1fr; }
}

/*** Block: Uitgelichte reisverhalen ***/
.wpb-uitgelichte-reisverhalen .inner { display: grid; }
.wpb-uitgelichte-reisverhalen .inner > * { grid-row: 1/1; grid-column: 1/1; }

.reisverhaal { opacity: 0; pointer-events: none; transition: opacity var(--ts-50) ease; }
.reisverhaal figure { position: relative; }
.reisverhaal figure::after { content: ''; position: absolute; inset: 0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%); }
.reisverhaal figure > img { aspect-ratio: 4/3; object-fit: cover; }
.reisverhaal figure .badge-group { position: absolute; inset: 1.6rem 1.6rem auto 1.6rem; z-index: 1; }
.reisverhaal .auteur { display: grid; grid-template-columns: 6.4rem 1fr; gap: 0 1.6rem; z-index: 1; color: #fff; align-items: center; position: absolute; left: 1.6rem; bottom: 4.8rem; }
.reisverhaal .auteur img { border-radius: 50%; object-fit: cover; }
.reisverhaal .auteur em { display: block; line-height: 1; font-family: var(--wpb-font-family-heading); color: #fff; font-size: 1.6rem; }
.reisverhaal .auteur strong { font-size: 2rem; color: #fff; } 
.reisverhaal .text { position: relative; z-index: 1; background-color: rgb(var(--wpb-dark)); color: #fff; padding: 1.6rem; width: calc(100% - 3.2rem); margin: -3.2rem auto auto 1.6rem; }
.reisverhaal .text * { color: #fff; } 
.reisverhaal .btn.btn-link { --hover-color: 255,255,255; border-color: #fff!important; }
.reisverhaal .btn.btn-link .wpb-icon { --color: 255,255,255; }
.reisverhaal .btn-group .btn.btn-link { margin-right: auto; }
.reisverhaal .nav-btn { cursor: pointer; width: 3.8rem; height: 3.8rem; border-radius: 50%; background-color: rgba(255,255,255,.1); border: none; display: inline-grid; place-items: center; transition: background-color var(--ts-25) ease; }
.reisverhaal .nav-btn .wpb-icon { --color: 255,255,255; --width: 1.7rem; --height: 1.7rem; }
.reisverhaal .nav-btn:hover { background-color: rgb(var(--wpb-primary)); }
.reisverhaal.is-active { opacity: 1; pointer-events: all; z-index: 1; }

@media(min-width: 768px) {
    .reisverhaal { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2.2rem; align-items: center; }
    .reisverhaal figure .badge-group { inset: 2.4rem 2.4rem auto 2.4rem; }
    .reisverhaal .text { width: calc(100% + 3.2rem); margin: auto 0 auto -3.2rem; padding: 2.4rem; }
    .reisverhaal .auteur { left: 2.4rem; bottom: 2.4rem; }
    .reisverhaal figure > img { height: 100%; aspect-ratio: 10/9; }
}

@media(min-width: 992px) {
    .reisverhaal { gap: 3.2rem; }
    .reisverhaal figure .badge-group { inset: 4rem 4rem auto 4rem; }
    .reisverhaal .text { width: calc(100% + 6.4rem); margin: auto 0 auto -6.4rem; padding: 4.8rem; }
    .reisverhaal .auteur strong { font-size: 2.4rem; } 
    .reisverhaal .auteur {  grid-template-columns: 8.8rem 1fr; left: 4rem; bottom: 4rem; }
}

@media(min-width: 1200px) {
    .reisverhaal { gap: 4.8rem; }
    .reisverhaal .text { width: calc(100% + 14.6rem); margin: auto 0 auto -14.6rem; padding: 6.4rem; }
}

/*** Block: CTA ***/
.wpb-cta { overflow: hidden; }
.wpb-cta .text { text-align: center; }
.wpb-cta .btn-group { justify-content: center; }   
.wpb-cta .container { z-index: 1; }
.wpb-cta .wpb-bg-asset__1 { top: -2rem; right: -7rem; width: 40rem; max-width: 17rem; }
.wpb-cta .wpb-bg-asset__1 .bg-label { position: absolute; width: 14%; left: 24.4%; top: 40%; transform-origin: top center; transform: rotate(15deg); animation: labelTransform1 4s ease-in-out infinite; }

.wpb-cta .wpb-bg-asset__2 { bottom: 0; right: 3.2rem; width: 40rem; max-width: 17rem; }
.wpb-cta .wpb-bg-asset__2 .bg-label { position: absolute; width: 22%; left: 84%; top: 38%; transform-origin: top center; transform: rotate(8deg); }

.wpb-cta .wpb-bg-asset__3 { top: -7rem; left: -14rem; width: 28rem; max-width: 17rem; }
.wpb-cta .wpb-bg-asset__3 .bg-label { position: absolute; width: 20%; left: 85%; top: 65%; transform-origin: top center; transform: rotate(-10deg); }

@media (min-width: 576px) {
    .wpb-cta .wpb-bg-asset__1 { top: 0; right: -4rem; }
    .wpb-cta .wpb-bg-asset__3 { top: -4rem; left: -9rem; }
}

@media (min-width: 768px) {
    .wpb-cta .wpb-bg-asset__1 { right: 0 }
    .wpb-cta .wpb-bg-asset__3 { top: 0; left: 0; }
    .wpb-cta .wpb-bg-asset__1 { max-width: 22rem; }
    .wpb-cta .wpb-bg-asset__2 { max-width: 23rem; right: 6.4rem; }
    
}

@media (min-width: 992px) {
    .wpb-cta .wpb-bg-asset__1 { max-width: 30rem; }
    .wpb-cta .wpb-bg-asset__2 { max-width: 32rem; right: 12.8rem; }
    .wpb-cta .wpb-bg-asset__3 { max-width: 24rem; }
}

@media (min-width: 1200px) {
    .wpb-cta .wpb-bg-asset__1 { max-width: 100%; }
    .wpb-cta .wpb-bg-asset__2 { max-width: 100%; right: 25.6rem; }
    .wpb-cta .wpb-bg-asset__3 { max-width: 100%; }
}

@media (min-width: 1400px) {
    .wpb-cta .wpb-bg-asset__3 .bg-label { transform: rotate(-45deg); }
}

/*** Pagination ***/
.wpb-pagination { --padding: 0; --color: 0,0,0; --bg-color: var(--wpb-text),.08; --border: 1px solid transparent; --border-radius: 2rem; --hover-color: 255,255,255; --hover-bg-color: var(--wpb-primary); --hover-border: var(--border); --active-color: var(--hover-color); --active-bg-color: var(--hover-bg-color); --active-border: var(--hover-border); position: relative; }
.wpb-pagination li a{ text-decoration: none; }
.wpb-pagination li :is(a, span) { width: 3.8rem; height: 3.8rem; display: inline-grid; place-items: center; font-weight: 600; }
.wpb-pagination li :is(a, span) .wpb-icon { --width: 1.5rem; --height: 1.5rem; }
.wpb-pagination li :is(a, span):hover .wpb-icon { --color: var(--hover-color) }

@media (min-width: 992px) {
    .wpb-pagination li :is(a, span) { font-size: 1.8rem; }
}

@media (min-width: 1200px) {
    .wpb-pagination li :is(a, span) { font-size: 2rem; }
}

/*** Accordion ***/
.wpb-accordion { --color: var(--wpb-text); --border-radius: 0rem; --border-width: 1px; --border-color: var(--wpb-text),.2; --padding: 1.6rem 2rem; --bg: 255,255,255; --active-bg: var(--wpb-primary); --body-padding: 1.6rem 2rem; } 
.accordion__item .accordion__button span { transition: color var(--ts-15) ease; }
.accordion__item .accordion__button.is-active span { color: #fff; }
.accordion__item .accordion__button.is-active .wpb-icon { --color: 255,255,255; }
.wpb-accordion .accordion__item { border-left: 0; border-right: 0; }
.wpb-accordion .accordion__item:first-child { border-top: 0; } 
.wpb-accordion .accordion__item:last-child { border-bottom: 0; } 

/*** Footer ***/
.wpb-footer { background-color: #fff; border-top: 1px solid rgb(var(--wpb-light)); } 
.wpb-footer .main { --gc: 1; }
.wpb-footer .over-reisaddict .logo img { width: 100%; max-width: 22rem; }
.wpb-footer .over-reisaddict .text { padding-top: 2rem; max-width: 40rem; }


.wpb-footer .footer-menu__title :is(p, a) { font-family: var(--wpb-font-family-heading); font-size: 2rem; font-style: italic; font-weight: 400; }
.wpb-footer .wpb-footer__menu.wpb-footer__menu-2 ul { column-count: 2; column-gap: 2.2rem; }
.wpb-footer .wpb-footer__menu .menu-item { position: relative; transition: padding-left var(--ts-25) ease; }
.wpb-footer .wpb-footer__menu .menu-item::before { content: ''; opacity: 0; width: 1rem; height: 1rem; border-radius: 50%; background-color: rgb(var(--wpb-primary)); position: absolute; left: -1.6rem; top: 50%; transform: translateY(-50%); transition: opacity var(--ts-25) ease, left var(--ts-25) ease; pointer-events: none; }
.wpb-footer .wpb-footer__menu .menu-item:hover { padding-left: 1.6rem; }
.wpb-footer .wpb-footer__menu .menu-item:hover::before { left: 0; opacity: 1; }

.wpb-footer .bottom .inner { gap: 1.6rem; }
.wpb-footer .bottom .bottom-links { display: inline-flex; width: auto; } 
.wpb-footer .bottom .bottom-links * { font-size: 1.4rem!important; }

.wpb-footer .bottom .socials, .social-share-icons{ display: inline-flex; gap: .9rem; }
.wpb-footer .bottom .socials a, .social-share-icons a { width: 4rem; height: 4rem; border-radius: 50%; border: 1px solid rgba(var(--wpb-dark), .3); display: inline-grid; place-items: center; transition: background-color var(--ts-25) ease, border-color var(--ts-25) ease; }
.wpb-footer .bottom .socials a:hover, .social-share-icons a:hover { background-color: rgb(var(--wpb-primary)); border-color: rgb(var(--wpb-primary)); }
.wpb-footer .bottom .socials a .wpb-icon, .social-share-icons a .wpb-icon { transition: background-color var(--ts-25) ease; }
.wpb-footer .bottom .socials a:hover .wpb-icon, .social-share-icons a:hover .wpb-icon { --color: 255,255,255; }

@media (min-width: 768px) {
    .wpb-footer .main { --gc: 2; }
    .wpb-footer .over-reisaddict { grid-column: span 2; }
    .wpb-footer .over-reisaddict .text :is(p, ul, ol) { font-size: 1.8rem; }
    .wpb-footer .footer-menu__title :is(p, a) { font-size: 2.4rem; }
    .wpb-footer .wpb-footer__menu.wpb-footer__menu-2 { order: 999; grid-column: span 2; }
    .wpb-footer .bottom { --padding-y: 3.2rem; }
}

@media (min-width: 992px) {
    .wpb-footer .main { --gc: 4; padding-top: 6.4rem; }
    .wpb-footer .over-reisaddict { grid-column: span 4; }
    .wpb-footer .footer-menu__title :is(p, a) { font-size: 2.8rem; }
    .wpb-footer .wpb-footer__menu.wpb-footer__menu-2 { order: inherit; }
    .wpb-footer .bottom { --padding-y: 4.8rem; }
}

@media (min-width: 1200px) {
    .wpb-footer .main { padding-top: 10rem; }
}

@media (min-width: 1400px) {
    .wpb-footer .main { --gc: 6; }
    .wpb-footer .over-reisaddict { grid-column: span 2; }
}


.wpb-header__subpage[class*="wpb-bg-color__"]{ padding-top: calc(var(--wpb-wp) * 2.25); 
    & > img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
}

/*** Archive | Single ***/
.wpb-parent__intro {--space: 2.2rem }
.wpb-parent__intro .wpb-content {columns: 1; column-gap: var(--space);}
.wpb-parent__intro :is(h2, h3) { margin-top: 1.6rem; margin-bottom: 2.2rem;}
.wpb-parent__intro .wpb-content .text {margin-bottom: var(--space);}

@media (min-width: 992px) {
    .wpb-parent__intro .wpb-content { columns: 2;}
}

.wpb-archive .wux-no-results { display: none!important; }
.wpb-archive .section__header .text :is(h1, h2) { --fs: clamp(2.8rem, 4vw, 4.8rem); }

.wpb-archive .section__header .form-select-wrapper { min-height: 5.2rem; font-size: clamp(1.5rem, 2vw, 1.8rem); width: auto; position: relative; display: flex; align-items: center; border: 1px solid rgba(var(--wpb-text),.2); border-radius: 3rem; padding-left: 2.4rem; }
.wpb-archive .section__header .form-select-wrapper .form-select { -webkit-appearance: none; font-weight: 700; cursor: pointer; border: none!important; background-color: transparent; }
.wpb-archive .section__header .form-select-wrapper .form-select:focus { outline: none; }
.wpb-archive .section__header .form-select-wrapper::before { content: ''; display: inline-block; width: 2rem; height: 2rem; background-color: rgb(var(--wpb-text)); --icon: url('/wp-content/themes/wux/assets/icons/icon_sort.svg'); -webkit-mask-image: var(--icon); mask-image: var(--icon); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }

.wpb-archive .wpb-card.wpb-card__reistip .card-title { --fs: clamp(1.8rem, 3vw, 2rem); }

.content-section .btn-group { padding-top: 3.2rem;  }

.wpb-archive.favorites.wpb-wp__medium { --wpb-wp: 4.8rem; padding: var(--wpb-wp) 0; }

@media (min-width: 992px) {
    .wpb-archive.favorites.wpb-wp__medium { --wpb-wp: 9.6rem; padding: var(--wpb-wp) 0; }
}


/*** Single content ***/
.content-section h2:not(.accordion__header, .h3) { --fs: clamp(2.8rem, 4vw, 4.8rem); padding-bottom: 1.6rem; }
.content-section__text .inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.2rem; }
.content-section__images figure { position: relative; }
.content-section__images figure img{ max-height: clamp(40rem, 50vw, 60rem); object-fit: cover; }
.content-section__images figure .image__description { position: absolute; inset: auto 0 0 0; padding: 1.6rem; color: #fff; z-index: 1; font-weight: 700; }
.content-section__images figure.has-image-description::after { content: ''; display: block; position: absolute; inset: 0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 50%); }
.content-section__quote .inner { background-color: rgba(var(--wpb-text), .06); border-left: .4rem solid rgb(var(--wpb-primary)); padding: 1.6rem 2rem; }

/* .content-section__aanbieders .aanbieders { border: 1px solid rgb(var(--wpb-border-color)); margin-top: 1.6rem; }
.content-section__aanbieders .aanbieders .aanbieder { margin: -1px; padding: 1.6rem; display: grid; border-top: 1px solid rgb(var(--wpb-border-color)); text-decoration: none; gap: 1rem; transition: background-color var(--ts-25) ease; }
.content-section__aanbieders .aanbieders .aanbieder:hover { background-color: #f2f2f2; }
.content-section__aanbieders .aanbieders .aanbieder .logo img { height: 2.8rem; width: auto; }
.content-section__aanbieders .aanbieders .aanbieder .description * { font-weight: 500; }
.content-section__aanbieders .aanbieders .aanbieder span { font-size: 1.8rem; font-weight: 700; color: rgb(var(--wpb-primary)); display: inline-flex; align-items: center; gap: 1.4rem; justify-content: space-between; }
.content-section__aanbieders .aanbieders .aanbieder span .wpb-icon { --color: var(--wpb-primary); --width: 1.4rem; } 

@media (min-width: 1400px) {
    .content-section__aanbieders.wpb-width__large .aanbieders {display: grid; grid-template-columns: 1fr 1fr;}
    .content-section__aanbieders.wpb-width__large .aanbieders .aanbieder {border-left: 1px solid rgb(var(--wpb-border-color));}
}


.content-section__stappen .inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: .8rem; }
.content-section__stappen .stap { display: grid; grid-template-columns: 3.4rem 1fr; align-items: start; gap: 1rem; }
.content-section__stappen .stap .count { background-color: rgba(var(--wpb-primary),.15); color: rgb(var(--wpb-primary)); width: 3.4rem; height: 3.4rem; border-radius: 50%; font-weight: 700; display: inline-grid; place-items: center; }
.content-section__stappen .stap .text { padding-top: .25rem; } */

.content-section__faq .text { padding-bottom: 1.6rem; }

.content-section__book .inner { background-color: rgb(var(--wpb-light)); padding: 1.6rem; overflow: hidden; }
.content-section__book .inner:has(.wpb-bg-asset) .text-w-image h2{ padding-right: 10rem; }
.content-section__book .inner .text { position: relative; z-index: 1; padding-right: 9.8rem; }
.content-section__book .inner .text-w-image .image {margin-bottom: 24px; max-width: 450px;}
.content-section__book .inner .btn-group {padding-top: 2.4rem;}
.content-section__book .wpb-bg-asset.wpb-bg-asset__1 { position: absolute; right: 0; top: 0; width: 10rem; height: auto }
.content-section__book .wpb-bg-asset.wpb-bg-asset__1 .bg-line { width: 85%; margin-left: auto; }
.content-section__book .wpb-bg-asset.wpb-bg-asset__1 .bg-label { width: 25%; transform: rotate(15deg); position: absolute; right: 54.5%; top: 28%; }

@media (min-width: 768px) {
    .content-section__book .inner:has(.wpb-bg-asset) .text-w-image{ padding-right: 17.5rem; }
    .content-section__book .inner:has(.wpb-bg-asset) .text-w-image h2{ padding-right: 0; }
    .content-section__book .wpb-bg-asset.wpb-bg-asset__1{ width: 13rem; }

    .content-section__aanbieders .aanbieders .aanbieder { grid-template-columns: 13rem 1fr auto; align-items: center; gap: 3.2rem; }
    .content-section__aanbieders .aanbieders .aanbieder .logo { padding: 1rem 0; border-right: 1px solid rgba(var(--wpb-border-color)); }
    .content-section__aanbieders .aanbieders .aanbieder .logo img { height: 3.2rem; width: 100%; padding-right: 16px;}

    .content-section__book .inner { padding: 2.4rem; }
    .content-section__book .inner .text { padding-right: 12.4rem; }
    .content-section__book .wpb-bg-asset.wpb-bg-asset__1 { width: 20rem; }
}

@media (min-width: 992px) {
    .content-section-title { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .content-section__text .inner { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 4.8rem; }
    .content-section__text-media .inner { gap: 4.8rem; }
    .content-section__images figure .image__description { padding: 3.6rem; }

    .content-section__book .inner { padding: 4.8rem; }

    .content-section__book .inner .text-w-image .image {margin-bottom: 48px;}

    .content-section__text + .content-section__images {margin-top: calc(var(--wpb-wp) / -2);}
}

/*** Archive reistips ***/
.post-type-archive-reistips .wpb-archive { --gap: 3.2rem 2rem; }


/*** Single reistips ***/
.single-reistips .wpb-footer { border-top: 1px solid rgba(var(--wpb-text), .2) }
.single-reistips .wpb-single__content { padding-top: 0; padding-bottom: var(--wpb-wp); }
.single-reistips .wpb-single__content h2 { --fs: clamp(2.3rem, 4vw, 3.2rem); }

@media (min-width: 992px) {
    .single-reistips .wpb-single__content .wpb-wp__small { --wpb-wp: 3.6rem; }
    .single-reistips .wpb-single__content .wpb-wp__medium { --wpb-wp: 5.6rem; }
}


/*** Archive reisverhalen ***/
@media (min-width: 1200px) {
    .post-type-archive-reisverhalen  .wpb-archive { --gc: 3; }
}



/*** Single locations ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ***/
.single-locations.wpb-single__detail h2 { --fs: clamp(2.3rem, 4vw, 3.2rem); }
.single-locations.wpb-single__detail h3 { --fs: 1.8rem; }

.single-locations.wpb-single__detail .wpb-icons .label {display: block; margin-top: 3.2rem;}
.single-locations.wpb-single__detail .wpb-text :is(h1, h2, h3):not(:first-of-type) {margin-top: 2.4rem; }
/* .single-locations.wpb-single__detail .social-share-icons{ position: absolute; top: 0; left: -6.8rem; flex-direction: column; padding: 0; } */

@media (min-width: 992px) {
    .single-locations.wpb-single__detail .social-share-icons{ position: absolute; top: 0; left: -6.8rem; flex-direction: column; padding: 0; }
    .single-locations.wpb-single__detail .wpb-text :is(h1, h2, h3) {max-width: 60%;}
    .single-locations.wpb-single__detail .wpb-text :is(h1, h2, h3):not(:first-of-type) {margin-top: 4.2rem; }
    .single-locations.wpb-single__detail .wpb-icons .label {display: none; margin: 0;}
}


/*** Page contact ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ***/
body.page-default .wpb-content { padding-top: 4.8rem; padding-bottom: 4.8rem; }
body.page-default .wpb-content > .container {--p: 0 4rem; padding: var(--p);  }

body.page-default .wpb-content .wpb-content__main > section .container {padding-left: 0; padding-right: 0;}

body.page-default .wpb-content .wpb-content__sidebar .inner { position: sticky; top: 7.2rem; }

@media (min-width: 992px) {
    body.page-default .wpb-content { padding-top: 9.6rem 0; padding-bottom: 9.6rem; }
    body.page-default .wpb-content > .container {--p: 0 6.4rem; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 44.8rem); gap: 3.2rem;}
    body.page-default .wpb-content .wpb-content__main section:first-of-type {margin-top: -6.4rem; padding-top: 0 !important;}
}

/*** Page archive ***/
.page-archive .wpb-navigation { --nav-bg-color: rgb(var(--wpb-light)); }
.page-archive .wpb-footer { border-top: 1px solid rgba(var(--wpb-text), .2); }

/* .page-archive .wpb-header [data-target="#js-share-modal"]{ display: none; } */

.wpb-bookmarks .container .bookmarks{ display: grid; grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr)); gap: 3.2rem 2rem; }

/*** Archive bestemmingen ***/
.post-type-archive-bestemmingen .wpb-navigation { --nav-bg-color: rgb(var(--wpb-light)); }
.post-type-archive-bestemmingen .wpb-navigation .wpb-navigation__collapse { --collapse-bg-color: rgb(var(--wpb-light)); }
.wpb-header__bestemmingen .inner { max-width: calc(70rem - 2.2rem); margin: auto; text-align: center; }

.wpb-bestemmingen-overzicht .continents { --gc: 2; --gap: 1.6rem; max-width: calc(70rem - 2.2rem); display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); margin-left: auto; margin-right: auto; padding-bottom: 3.2rem; }
.wpb-bestemmingen-overzicht .continents .continent { display: grid; grid-template-columns: 1.8rem 1fr; gap: .5rem; font-weight: 500; align-items: center; text-decoration: none; padding-bottom: 1rem; box-shadow: inset 0 -.1rem 0px 0px rgba(var(--wpb-text), .3); transition: box-shadow var(--ts-25) ease, color var(--ts-25) ease; }
.wpb-bestemmingen-overzicht .continents .continent .wpb-icon { --width: 1.8rem; --height: 1.8rem; --color: var(--wpb-primary); } 
.wpb-bestemmingen-overzicht .continents :is(.continent:hover, .continent.is-active) { box-shadow: inset 0 -.3rem 0px 0px rgb(var(--wpb-primary)); color: rgb(var(--wpb-primary)); } 
.wpb-bestemmingen-overzicht .map svg { width: 100%; height: auto; cursor: pointer; }
.wpb-bestemmingen-overzicht .map svg path { transition: fill var(--ts-25) ease, stroke var(--ts-25) ease; }
.wpb-bestemmingen-overzicht .map svg :is(g:hover, g.is-active) * { fill: rgb(var(--wpb-primary)); stroke: rgb(var(--wpb-primary)); }

@media (min-width: 992px) {
    .wpb-bestemmingen-overzicht .continents { --gc: 3; --gap: 2.4rem; padding-bottom: 4.8rem; }
    .page-archive .wpb-header [data-target="#js-share-modal"]{ display: flex; } 
    .page-archive .wpb-header .js-navigator-share { display: none; }
}

@media (min-width: 1200px) {
    .wpb-bestemmingen-overzicht .continents { padding-bottom: 6.4rem; }
}

@media (min-width: 1400px) {
    .wpb-bestemmingen-overzicht .continents { padding-bottom: 8rem; }
}


/* Content filters */
.wpb-continent + .wpb-continent{ margin-top: 2.4rem; }
.wpb-continent .wpb-continent__title { position: sticky; top: calc(-1 * var(--modal-padding)); z-index: 2; line-height: 1; display: block; font-size: 2.4rem; font-weight: 700; padding: 1.2rem 0; color: rgb(var(--wpb-primary)); background: linear-gradient(to bottom, #FFFF, #FFFF 70%, #FFF0); width: 100%; }
.wpb-continent .wpb-continent__results{ display: flex; flex-wrap: wrap; gap: .75rem; }
.wpb-continent .wpb-continent__results label{ --border: 1px solid rgb(var(--wpb-text),.2); position: relative; border: var(--border); padding: 0 1.5rem; min-height: 3.5rem; display: flex; align-items: center; border-radius: 3rem; font-size: 1.4rem; cursor: pointer; transition: border var(--ts-25) ease, background var(--ts-25) ease, color var(--ts-25) ease; }
.wpb-continent .wpb-continent__results label input{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; cursor: pointer; }
.wpb-continent .wpb-continent__results label:has(input:hover){ --border: 1px solid rgb(var(--wpb-text),.7); }
.wpb-continent .wpb-continent__results label:has(input:checked) { --border: 1px solid rgb(var(--wpb-primary)); background-color: rgb(var(--wpb-primary)); color: #fff; }


@media (min-width: 992px) {
    .wpb-continent .wpb-continent__results label{ padding: 0 2rem; min-height: 4.4rem; font-size: 1.6rem; }
}


/* Text */
.text.text--large *{ font-size: clamp(1.8rem, 2vw, 2.5rem); font-weight: 600; padding-bottom: 3.6rem; border-bottom: 6px dashed rgb(var(--wpb-primary), .2); }


.text p:has(+ :is(h1, h2, h3)) em{ --fs: clamp(1.8rem, 2vw, 2rem); font-size: var(--fs); color: rgb(var(--wpb-primary)); font-style: normal; font-weight: 600; line-height: 1; }
.text p:has(+ :is(h1)) em{ --fs: clamp(1.4rem, 1.5vw, 2rem); }
.text p:has(em) + :is(h1, h2, h3) { padding-top: .8rem; }

.blaze-track {
  transition-timing-function: linear !important;
}