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

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

    /* Color variables */
    --clr-primary: #3BE9ED;
    --clr-primary-rgb: 59, 233, 237;
    --clr-primary-20: #cce2e7;
    
    --clr-secondary: #e6fae9;

    --clr-heading: #fff;
    --clr-text: #fff;

    --clr-dark: #0A2B33;
    --clr-dark-rgb: 10, 43, 51;

    --clr-dark-95: #173d47;

    --clr-dark-90: #1e4652;
    --clr-dark-90-rgb: 30, 70, 82;

    --clr-dark-80: #173D47;

    --clr-dark-50: #396E7B;
    --clr-dark-40: #4F828F;

    --clr-light: #f2f2f2;

    --clr-pink: #EC50A3;

    --clr-border: rgb(222, 226, 230); 
    --clr-border-light: rgba(255,255,255,.12);


    --inset-shadow: inset 0 0 0px 1px rgba(255,255,255,.12);
    
    --clr-danger: #e2401c;
    --clr-info: #3d9cd2;
    --clr-success: #1CB435;

    --gradient-1: linear-gradient(135deg, rgba(var(--clr-dark-90-rgb), 0) 0%, rgba(var(--clr-dark-90-rgb), 1) 100%);
    --gradient-2: linear-gradient(135deg, #174447 0%, #387381 100%);

    /* Font variables */
    --font-primary: 'Bai Jamjuree', 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: 1400px;

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

}

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

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

body { font-family: var(--font-primary); background-color: var(--clr-dark); }

/*** ---------- Typography ---------- ***/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 400; text-transform: uppercase; font-style: italic; }
h1, .h1 { --fs: clamp(3rem, 5vw, 6.4rem); --lh: 1; }
h2, .h2 { --fs: clamp(2.4rem, 3vw, 3.6rem); --lh: 1; font-weight: 600; }
h3, .h3 { --fs: clamp(2rem, 3vw, 2.4rem); --lh: 1; }
h4, .h4 { --fs: 1.8rem; --lh: 2rem; }

:is(h2, .h2):has(strong){ font-weight: 500; }
:is(h2, .h2):has(strong) strong{ font-weight: 700; }
:is(h3, .h3){ font-weight: 700; }
:is(h3, .h3):has(strong){ font-weight: 400; }
:is(h3, .h3) strong{ font-weight: 700; }

.wpb-text p:has(+ :is(h1, h2, h3)) em { display: inline-flex; align-items: center; flex-wrap: wrap; column-gap: .4em; font-size: clamp(1.4rem, 1.5vw, 1.6rem); color: var(--clr-primary); text-transform: uppercase; font-weight: 500; font-style: italic; }
.wpb-text p:has(+ :is(h1, h2, h3)) em i { --clr: var(--clr-primary); }
.wpb-text p:has(em) + :is(h1, h2, h3) { --mt: .8rem; }
.wpb-text p:not(:first-child){ opacity: .85; }

.powered-by { line-height: 1.2; font-style: italic; text-transform: uppercase; font-size: 1.4rem; font-weight: 700; }
.powered-by small { display: block; width: 100%; font-size: 1.1rem; font-weight: 500; }

.wpb-item-label { display: flex; align-items: start; column-gap: 1.6rem; font-size: 1.2rem; font-weight: 500; text-transform: uppercase; font-style: italic; color: rgba(255,255,255,.5);  }  
.wpb-item-label::before,
.wpb-item-label::after { content: ''; margin-top: .8rem; display: inline-block; flex-grow: 1; height: 2rem; border-top: 1px solid rgba(255,255,255,.2); }
.wpb-item-label::before { border-radius: 1.2rem 0 0 0; border-left: 1px solid rgba(255,255,255,.2); }
.wpb-item-label::after { border-radius: 0 1.2rem 0 0; border-right: 1px solid rgba(255,255,255,.2); }

@media (min-width: 992px) {
    .wpb-item-label::before { border-radius: 2.4rem 0 0 0;}
    .wpb-item-label::after { border-radius: 0 2.4rem 0 0;}
    .wpb-item-label::before,
    .wpb-item-label::after { height: 2.9rem;}
}


/*** ---------- Components ---------- ***/
.component--text-race { display: flex; align-items: center; gap: 1rem 1.6rem; }
.component--text-race .component__text { font-size: 1.5rem; line-height: 1.2; text-transform: uppercase; font-style: italic; text-align: right; }
.component--text-race .component__text strong { display: block; width: 100%; }

.styrekx-label{ 
    --bg-clr: var(--clr-dark); --clr: var(--clr-primary); --br: .5rem; background-color: var(--bg-clr); color: var(--clr); border-radius: var(--br); font-size: 1.4rem; padding: .5rem .8rem; line-height: 1; display: flex; align-items: center; 
    gap: .2rem; height: fit-content; width: fit-content; font-style: italic; text-transform: uppercase; letter-spacing: 1px; 
}
.styrekx-label::before{ --src: url('/app/themes/wuxnl-theme/assets/icons/styrekx-x.svg'); content: ''; display: inline-block; width: 1em; height: 1em; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; background-color: var(--clr-primary); }

.label-intersect{ --line-width: 2.8rem; display: flex; align-items: center; gap: .7rem; opacity: .5; font-size: 1.1rem; text-transform: uppercase; font-style: italic; line-height: 1.5; }
.label-intersect + strong{ font-size: 1.4rem; font-style: italic; text-transform: uppercase; }
.label-intersect::before, .label-intersect::after{ content: ''; display: inline-block; height: 1px; width: var(--line-width); border-top: 1px dashed #fff; }

.wpb-person{ display: flex; align-items: center; gap: .8rem; }
.wpb-person > img{ --size: 3.4rem; width: var(--size); min-width: var(--size); height: var(--size); min-height: var(--size); border-radius: 50%; }
.wpb-person .wpb-person__text{ display: flex; flex-direction: column; line-height: 1.2; }
.wpb-person .wpb-person__text strong{ font-size: 1.4rem; text-transform: uppercase; font-style: italic; }
.wpb-person .wpb-person__text span{ font-size: 1.2rem; text-transform: uppercase; font-style: italic; }

.wpb-event-links{ display: flex; flex-direction: column; gap: 1.8rem; }

a.wpb-event-link{ --clr-inner: #fff; color: var(--clr-inner); display: flex; align-items: center; justify-content: space-between; text-transform: uppercase; font-style: italic; font-size: 1.5rem; font-weight: 700; text-decoration: none; padding-bottom: 1.2rem; line-height: 1; border-bottom: 1px solid var(--clr-border-light); transition: border var(--ts-duration) var(--ts-function); }
a.wpb-event-link .wpb-icon{ --clr: var(--clr-inner); transition: transform var(--ts-duration) var(--ts-function); }
a.wpb-event-link:hover{ border-bottom: 1px solid var(--clr-primary); }
a.wpb-event-link:hover .wpb-icon{ transform: rotate(-45deg); }

a.wpb-event-link.disabled{ --clr-inner: rgba(255, 255, 255, .35); pointer-events: none; }


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

@media (min-width: 1200px) {
    .wpb-wst--large { --pt: 13rem; }

    .wpb-wsb--large { --pb: 13rem; }
}


/* Blaze slider -- Media slider */
.blaze-slider.blaze-slider--media .blaze-track { transform: none !important; position: relative !important; height: 50vh; }
.blaze-slider.blaze-slider--media .blaze-track::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(var(--clr-dark-rgb), 1), rgba(var(--clr-dark-rgb), .8), rgba(var(--clr-dark-rgb), 0) 40%); z-index: 2; }
.blaze-slider.blaze-slider--media .blaze-track > *:not(:first-child) { position: absolute !important; top: 0 !important; left: 0 !important; height: 100%; width: 100% !important; opacity: 0; transition: opacity 500ms ease !important; }
.blaze-slider.blaze-slider--media .blaze-track > * img{ width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.blaze-slider.blaze-slider--media .blaze-track > *.active-slide{ opacity: 1; }
.blaze-slider.blaze-slider--media .blaze-controls{ position: absolute; left: var(--p); bottom: 4rem; right: var(--p); display: flex; align-items: center; justify-content: space-between; z-index: 3; }
.blaze-slider.blaze-slider--media .blaze-nav-container{ display: flex; align-items: center; gap: .8rem; padding: 0; }
.blaze-slider.blaze-slider--media .blaze-nav-container > button{ --size: 3.6rem; --br: .8rem; }
.blaze-slider.blaze-slider--media .blaze-nav-container > button::after{ content: ''; border-radius: 0; }
.blaze-slider--media .blaze-pagination button:not(.blaze-pagination-dot) { display: none !important; }

@media (min-width: 992px){ 
    .blaze-slider.blaze-slider--media .blaze-track { min-height: 70vh; }
}
@media (min-width: 1200px){ 
    .blaze-slider.blaze-slider--media .blaze-track { min-height: 90vh; }
}


/*** ---------- Timer ---------- ***/
.wpb-timer { --br: 1rem; border-radius: var(--br); color: #fff; text-transform: uppercase; font-style: italic; background-color: var(--clr-dark); padding: 1rem 1.4rem; display: flex; }
.wpb-timer .wpb-timer__number { font-size: 1.6rem; font-weight: 700; line-height: 1; }
.wpb-timer .wpb-timer__label { font-size: 1.1rem; line-height: 1; font-weight: 500; }
.wpb-timer > * { text-align: center; line-height: 1.2; }
.wpb-timer > * + * { border-left: 1px solid rgba(255,255,255,.2); margin-left: 1.2rem; padding-left: 1.2rem; }

/*** ---------- Background colors ---------- ***/
.wpb-bg-clr--primary { background-color: var(--clr-primary); }
.wpb-bg-clr--secondary { background-color: var(--clr-secondary); }
.wpb-bg--gradient { background: var(--gradient-1); backdrop-filter: blur(.8rem); -webkit-backdrop-filter: blur(.8rem); }

.wpb-bg-clr--gradient { background: linear-gradient(0deg, transparent 0%, var(--clr-dark-80) 25%, var(--clr-dark-80) 75%, transparent 100%); }
.wpb-bg-clr--gradient:has(+ .wpb-bg-clr--dark) { background: linear-gradient(180deg, transparent 0%, var(--clr-dark-80) 25%, var(--clr-dark-80) 100%); }

.wpb-bg-clr--gradient-inverse { background: linear-gradient(to bottom, var(--clr-dark-80) 0%, transparent 25%, transparent 75%, var(--clr-dark-80) 100%); }
.wpb-bg-clr--gradient-top { background: linear-gradient(to bottom, var(--clr-dark-80) 0%, transparent 25%); }


/*** ---------- Background assets ---------- ***/
.bg-asset-gradient { --ratio: 200%; width: 40rem; position: absolute; }
.bg-asset-gradient::before { content: ''; display: block; padding-top: var(--ratio); }

.bg-asset-gradient.bg-asset-gradient--primary { background: url('/app/themes/wuxnl-theme/assets/img/bg_gradient_1.png') no-repeat center right / contain; }
.bg-asset-gradient.bg-asset-gradient--secondary { --ratio: 120%; background: url('/app/themes/wuxnl-theme/assets/img/bg_gradient_2.png') no-repeat top left / contain; }

/*** ---------- Cards ----------  ***/
.wpb-card { line-height: 1.4; z-index: 1; --br: 1.2rem; --p: 1.6rem; border: none; transition-duration: var(--ts-duration); transition-timing-function: var(--ts-function); }
.wpb-card .card-title { font-weight: 700; text-transform: uppercase; font-style: italic; font-size: 1.4rem; }
.wpb-card .card-label { font-size: 2.2rem; text-transform: uppercase; font-style: italic; font-weight: 700; display: flex; align-items: center; column-gap: .8rem; }
.wpb-card .card-label img { width: 2.2rem; height: 1.6rem; border-radius: 0; }  
.wpb-card .card-price{ display: flex; flex-direction: column; align-items: end; line-height: 1.2; }
.wpb-card .card-price strong{ font-size: clamp(1.6rem, 1.5vw, 2rem); }
.wpb-card .card-price span{ font-size: clamp(1rem, 1.5vw, 1.2rem); opacity: .65; font-weight: 700; text-transform: uppercase; font-style: italic; }

.wpb-card:has(.wpb-card__label) { margin-bottom: 3rem; }
.wpb-card .wpb-card__label { padding-top: 1.6rem; display: flex; align-items: center; column-gap: .8rem; position: absolute; top: 100%; right: 0; left: 0; font-size: 1.2rem; font-weight: 500; text-transform: uppercase; font-style: italic; color: rgba(255,255,255,.5);  }  
.wpb-card .wpb-card__label::before,
.wpb-card .wpb-card__label::after { content: ''; margin-bottom: .8rem; display: inline-block; flex-grow: 1; height: .9rem; border-bottom: 1px solid rgba(255,255,255,.2); }
.wpb-card .wpb-card__label::before { border-radius: 0 0 0 .8rem; border-left: 1px solid rgba(255,255,255,.2); }
.wpb-card .wpb-card__label::after { border-radius: 0 0 .8rem 0; border-right: 1px solid rgba(255,255,255,.2); }

.wpb-card.wpb-bg--gradient { border: none; box-shadow: var(--inset-shadow); color: #fff; }
.wpb-card.wpb-bg--gradient .wpb-icon:not(.btn .wpb-icon) { --clr: #fff; }

.wpb-card.wpb-card--next-race { --p: 1.2rem; }
.wpb-card.wpb-card--next-race .wpb-card__body { padding-top: 1.5rem; display: flex; flex-direction: column; text-align: center; align-items: center; }
.wpb-card.wpb-card--next-race .card-description { text-transform: uppercase; }
.wpb-card.wpb-card--next-race .btn-group .btn { flex-grow: 1; --p: 0 1rem; --fs: 1.4rem; column-gap: .8rem; }

.wpb-card.wpb-card--blurb { --br: 1.8rem; background-color: transparent; position: relative; overflow: clip; border-right: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,0); transition-property: border; }
.wpb-card.wpb-card--blurb .wpb-card__header { position: relative; overflow: visible; z-index: -1; }
.wpb-card.wpb-card--blurb .wpb-card__header::before { content: ''; width: 100%; display: block; padding-top: 100%; } 
.wpb-card.wpb-card--blurb .wpb-card__header::after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 115%; background: linear-gradient(to bottom, transparent 60%, var(--clr-dark) 100%); }  
.wpb-card.wpb-card--blurb .wpb-card__header img { position: absolute; object-fit: cover; top: 0; right: 0; width: 100%; height: 115%; }
.wpb-card.wpb-card--blurb .wpb-card__body { display: flex; align-items: end; column-gap: 2rem; }
.wpb-card.wpb-card--blurb .wpb-card__body .wpb-text { flex-grow: 1; margin: 0; }
.wpb-card.wpb-card--blurb::after { border-radius: var(--br); opacity: 0; z-index: -1; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--gradient-1); transition: opacity var(--ts-duration) var(--ts-function); }
.wpb-card.wpb-card--blurb .wpb-text :is(h2, h3, h4) { text-transform: uppercase; font-style: italic; font-weight: 700; }  
.wpb-card.wpb-card--blurb .wpb-text p{ font-size: clamp(1.5rem, 1.5vw, 1.6rem); }
.wpb-card.wpb-card--blurb .wpb-text *:not(h2, h3, h4) { opacity: .85; }
.wpb-card.wpb-card--blurb .btn { min-height: 4.2rem; pointer-events: none; }
.wpb-card.wpb-card--blurb .btn i{ --w: 1.6rem; --h: 1.6rem; }

.wpb-card.wpb-card--blurb:is([data-toggle="modal"]){ cursor: pointer; }

.wpb-card.wpb-card--blurb--primary{ --br: 1.6rem !important; background-color: var(--clr-primary); color: var(--clr-dark); border-color: transparent !important; outline: 1px solid rgb(var(--clr-primary-rgb), .5); outline-offset: 5px; transition: outline var(--ts-duration) var(--ts-function), outline-offset var(--ts-duration) var(--ts-function); }
.wpb-card.wpb-card--blurb--primary::after { background: #fff; }
.wpb-card.wpb-card--blurb--primary .wpb-card__body .wpb-text *{ color: var(--clr-dark); }
.wpb-card.wpb-card--blurb--primary .btn{ --clr: var(--clr-dark); --border: 1px solid var(--clr-dark); --hover-border: 1px solid transparent; --bg-clr: transparent; --hover-bg-clr: var(--clr-dark); }
.wpb-card.wpb-card--blurb--primary .btn.btn--gradient-1::after{ display: none; }
.wpb-card.wpb-card--blurb--primary:hover{ outline-offset: 10px; outline-color: rgb(255, 255, 255, .15); }
.wpb-card.wpb-card--blurb--primary:hover .btn{ border: var(--hover-border); }

.wpb-card.wpb-card--blurb:hover { border-bottom: 1px solid rgba(255,255,255,.15); }
.wpb-card.wpb-card--blurb:not(:has(.wpb-card__header)):hover::after { opacity: 1; }
.wpb-card.wpb-card--blurb:hover .btn { --bg-clr: var(--clr-primary); --clr: var(--clr-dark); --box-shadow: inset 0 0 0px 1px var(--clr-primary); }
.wpb-card.wpb-card--blurb:hover .btn::after { opacity: 0; }
.wpb-card.wpb-card--blurb:hover .btn i { transform: rotate(-45deg); } 

.wpb-card.wpb-card--blurb.is-disabled { filter:blur(1px); opacity: .75; pointer-events: none; }
.wpb-card.wpb-card--blurb.is-gray { background-color: var(--clr-dark); }

.wpb-card.wpb-card--race { --br: 1.2rem; background-color: transparent; box-shadow: var(--inset-shadow); backdrop-filter: blur(.8rem); -webkit-backdrop-filter: blur(.8rem); }
.wpb-card.wpb-card--race .wpb-card__header{ position: relative; padding-bottom: 50%; }
.wpb-card.wpb-card--race .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--race .card-title { font-size: 1.6rem; }
.wpb-card.wpb-card--race .card-description { font-size: 1.4rem; }
.wpb-card.wpb-card--race .card__text { display: grid; grid-template-columns: auto 1fr; align-items: center; }  
.wpb-card.wpb-card--race .card__text i { grid-row: span 2; display: flex; align-items: center; padding-right: 1rem; height: 85%; }
.wpb-card.wpb-card--race .badge-group { margin-top: 1.2rem; }
.wpb-card.wpb-card--race .badge-group img {border-radius: 0;}
.wpb-card.wpb-card--race .wpb-card__footer { display: flex; column-gap: .8rem; align-items: center; }
.wpb-card.wpb-card--race .btn.btn--primary { flex-grow: 1; }
.wpb-card.wpb-card--race .btn.btn--gradient { min-width: 5rem; }
.wpb-card.wpb-card--race .btn.btn--gradient span { display: none; }

.wpb-card.wpb-card--race.concept { opacity: .75; pointer-events: none; }

.wpb-card.wpb-card--race--extended .wpb-card__body > .card-description { margin-top: 1em; opacity: .85; }

.wpb-card.wpb-card--past-race {flex-direction: column; border-bottom: 1px solid var(--clr-border-light); --br: 0!important; --p: 0; padding: 1.8rem 0; gap: 1.2rem;}
.wpb-card.wpb-card--past-race .wpb-card__header {flex-direction: column; align-items: flex-start; gap: .2rem; width: 100%;}
.wpb-card.wpb-card--past-race .wpb-card__header .card-title {font-size: clamp(1.6rem, 3vw, 2rem);}
.wpb-card.wpb-card--past-race .wpb-card__header .card-description {font-size: clamp(1.4rem, 3vw, 1.6rem);}
.wpb-card.wpb-card--past-race .wpb-card__body {justify-content: center; display: flex; width: 100%;}
.wpb-card.wpb-card--past-race .wpb-card__body .btn {width: 100%;}

.wpb-card.wpb-card--contact-form { --border: 1px solid var(--clr-border-light); background-color: var(--clr-dark-95); border: var(--border); }
.wpb-card.wpb-card--contact-form .wpb-card__body p{ font-size: clamp(1.4rem, 1.5vw, 1.6rem); }
.wpb-card.wpb-card--contact-form .wpb-card__body form{ --p: 1.6rem; padding: var(--p); border: var(--border); border-radius: calc(var(--p) / 2); }

@media (min-width: 600px){
    .wpb-card.wpb-card--past-race {flex-direction: row; align-items: center; }
    .wpb-card.wpb-card--past-race .wpb-card__body {justify-content: flex-end;}
    .wpb-card.wpb-card--past-race .wpb-card__body .btn {width: fit-content;}
}
@media (min-width: 768px){
    .wpb-card.wpb-card--contact-form{ --p: 3.2rem; }
}
@media (min-width: 1200px){
    .wpb-card.wpb-card--contact-form{ --p: 5.6rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wpb-card.wpb-card--contact-form .wpb-card__body:has(form){ padding-left: 0; }
    .wpb-card.wpb-card--contact-form .wpb-card__body form{ --p: 3.2rem; }
}

.wpb-card.wpb-card--video{ --p: 2.4rem; overflow: hidden; border: none !important; min-height: 30rem; }
.wpb-card.wpb-card--video .wpb-card__header{ z-index: 1; padding: var(--p); }
.wpb-card.wpb-card--video .wpb-card__body{ padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.wpb-card.wpb-card--video .wpb-card__body img{ width: 100%; height: 100%; object-fit: cover; transition: transform var(--ts-duration) var(--ts-function); }
.wpb-card.wpb-card--video:hover .wpb-card__body img{ transform: scale(1.1); }
.wpb-card.wpb-card--video .wpb-card__footer{ z-index: 1; }
.wpb-card.wpb-card--video .wpb-card__footer .btn::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.wpb-card.wpb-card--stations { overflow: hidden; }
.wpb-card.wpb-card--stations .wpb-card__header{ padding: var(--p); }
.wpb-card.wpb-card--stations .wpb-card__body{ display: flex; flex-direction: column; align-items: center; gap: 1rem; margin-bottom: -1rem; padding-bottom: 0; }
.wpb-card.wpb-card--stations .wpb-card__body .wpb-icon--styrekx-start{ margin-bottom: 1.8rem; }

.wpb-card.wpb-card--social-media{ background-color: transparent; overflow: hidden; border: 1px solid var(--clr-border-light); }
.wpb-card.wpb-card--social-media .wpb-card__header{ padding: var(--p); flex-grow: 1; }
.wpb-card.wpb-card--social-media .wpb-card__header .badge{ height: fit-content; line-height: 1; --fs: 1.2rem; padding: .4rem .6rem;}
.wpb-card.wpb-card--social-media .wpb-card__header::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;z-index: -1; background: linear-gradient(to bottom, rgb(var(--clr-dark-rgb), .9), rgb(var(--clr-dark-rgb), 0) 20%, rgb(var(--clr-dark-rgb), 0) 80%, rgb(var(--clr-dark-rgb), .9)); }
.wpb-card.wpb-card--social-media .wpb-card__header img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.wpb-card.wpb-card--social-media .wpb-card__body{ flex-grow: 0; }

.wpb-card.wpb-card--participation-type {  --br: 1.2rem; background-color: transparent; box-shadow: var(--inset-shadow); backdrop-filter: blur(.8rem); -webkit-backdrop-filter: blur(.8rem); }
.wpb-card.wpb-card--participation-type .card__text p { text-transform: uppercase; font-style: italic; font-weight: 500; margin-top: .4rem;}
.wpb-card.wpb-card--participation-type .wpb-card__footer{ display: flex; align-items: center; column-gap: 2.4rem; row-gap: 1.2rem; flex-wrap: wrap; }

.wpb-card.wpb-card--actueel { position: relative; border: 1px solid rgba(255,255,255,.12); outline: 2px solid transparent; }
.wpb-card.wpb-card--actueel .badge-group{ position: absolute; top: var(--p); left: var(--p); right: var(--p); z-index: 5; }
.wpb-card.wpb-card--actueel .card-title{ font-size: clamp(1.8rem, 2vw, 2rem); }
.wpb-card.wpb-card--actueel .excerpt { --excerpt-line-clamp: 3; font-size: clamp(1.4rem, 1.5vw, 1.6rem); line-height: 1.4; opacity: .85; display: -webkit-box; -webkit-line-clamp: var(--excerpt-line-clamp); -webkit-box-orient: vertical; overflow: hidden; }
.wpb-card.wpb-card--actueel .wpb-card__header { position: relative; overflow: visible; z-index: -1; border-radius: var(--br); overflow: hidden; }
.wpb-card.wpb-card--actueel .wpb-card__header::before { content: ''; width: 100%; display: block; padding-top: 115%; } 
.wpb-card.wpb-card--actueel .wpb-card__header::after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(to top,  var(--clr-dark) 15%, transparent 75%); }  
.wpb-card.wpb-card--actueel .wpb-card__header img { position: absolute; object-fit: cover; top: 0; right: 0; width: 100%; height: 100%; transition: transform var(--ts-duration) var(--ts-function); }
.wpb-card.wpb-card--actueel .wpb-card__body { position: absolute; left: 0; bottom: 0; right: 0; display: flex; align-items: end; column-gap: 2rem; }
.wpb-card.wpb-card--actueel .wpb-card__body .wpb-text { flex-grow: 1; margin: 0; }
.wpb-card.wpb-card--actueel:hover{ outline-color: rgba(63, 101, 113, 1); outline-offset: 5px; }
.wpb-card.wpb-card--actueel:hover .btn{ --bg-clr: var(--clr-primary); pointer-events: none; }
.wpb-card.wpb-card--actueel:hover .btn i{ --clr: var(--clr-dark); transform: rotate(-45deg); }
.wpb-card.wpb-card--actueel:hover .btn.btn--gradient-1::after{ opacity: 0; }
.wpb-card.wpb-card--actueel:hover .wpb-card__header img{ transform: scale(1.1); }

.wpb-card.wpb-card--actueel-short { --p: 0; --br: 0; transition: opacity var(--ts-duration) var(--ts-function); background-color: transparent; }
.wpb-card.wpb-card--actueel-short .card-title{ font-size: clamp(1.6rem, 1.2vw, 1.8rem); }
.wpb-card.wpb-card--actueel-short .excerpt { --mt: .6rem; --excerpt-line-clamp: 3; font-size: clamp(1.3rem, 1.5vw, 1.5rem); line-height: 1.4; opacity: .85; display: -webkit-box; -webkit-line-clamp: var(--excerpt-line-clamp); -webkit-box-orient: vertical; overflow: hidden; }
.wpb-card.wpb-card--actueel-short:hover{ opacity: .7; }

.wpb-card.wpb-card--list{ background: linear-gradient(to bottom right, rgb(var(--clr-primary-rgb), 0), rgb(var(--clr-primary-rgb), .1)); border: 1px solid var(--clr-border-light); }
.wpb-card.wpb-card--list .card-title{ color: var(--clr-primary); font-size: 1.4rem; font-style: italic; margin-bottom: 1.6rem; }

@media(min-width: 768px){  
    .wpb-card.wpb-card--list{ --p: 2.4rem; }
}
@media(min-width: 992px){  
    .wpb-card.wpb-card--shortcode,
    .wpb-card.wpb-card--blurb { --p: 2.8rem 2rem; }
}

@container componentContainer (min-width: 400px) {
    .wpb-card.wpb-card--blurb { --br: 2.4rem; }   
    .wpb-card.wpb-card--actueel .card-title{ font-size: clamp(2.2rem, 3vw, 2.6rem); }
    .wpb-card.wpb-card--blurb--primary, .races-template-default .wpb-sub-links .wpb-card.wpb-card--blurb, .wpb-card.wpb-card--actueel{ --p: 2.8rem; }
    
    .wpb-card.wpb-card--race{ --br: 2.4rem; --p: 2.4rem; }
    .wpb-card.wpb-card--race .btn.btn--gradient span { display: block; }
    .wpb-card.wpb-card--race .card-title { font-size: 1.8rem; }
    .wpb-card.wpb-card--race .card__text i { --w: 2rem; --h: 2rem; border-right: 1px solid #fff; padding-right: 1.6rem; margin-right: 1.6rem; }
    .wpb-card.wpb-card--race .card-description { font-size: 1.6rem; }
    
    .wpb-card.wpb-card--race--extended{ display: grid; }
}

@container componentContainer (min-width: 600px) {

    .wpb-card.wpb-card--race--extended { position: relative; grid-template-columns: 25rem 1fr; }  
    .wpb-card.wpb-card--race--extended .wpb-card__header { position: absolute; top: 0; right: 0; bottom: 0; left: 0; grid-column: 1/1; grid-row: span 2; height: 100%; border-top-right-radius: 0; }
    .wpb-card.wpb-card--race--extended .wpb-card__header img { width: 100%; height: 100%; border-radius: var(--br) 0 0 var(--br); object-fit: cover; }
    .wpb-card.wpb-card--race--extended .wpb-card__body { grid-column: 2; }
    .wpb-card.wpb-card--race--extended .wpb-card__footer { grid-column: 2; padding-top: 0; }
    .wpb-card.wpb-card--race--extended .btn.btn--primary { flex-grow: 0; }

    .wpb-card.wpb-card--race--extended { --p: 2.8rem; }

    .wpb-card.wpb-card--participation-type { --p: 2rem; display: grid; grid-template-columns: 1fr auto; align-items: center; }
    .wpb-card.wpb-card--participation-type .wpb-card__footer { padding: var(--p); padding-right: 2.8rem; }
}   

@container componentContainer (min-width: 700px) {
    .wpb-card.wpb-card--race { display: grid; align-items: center; grid-template-columns: 1fr auto; }
    .wpb-card.wpb-card--race .wpb-card__footer { padding-bottom: 0; padding-right: 3.2rem; }
    
    .wpb-card.wpb-card--race .btn.btn--gradient { order: -1; }
    .wpb-card.wpb-card--race--extended { --p: 3.2rem; grid-template-columns: 25rem 1fr !important; }
    .wpb-card.wpb-card--race--extended .wpb-card__footer{ padding-bottom: var(--p); }

    .wpb-card.wpb-card--participation-type { --p: 2.4rem; }
    .wpb-card.wpb-card--participation-type .wpb-card__footer { padding-right: 3rem; column-gap: 2.4rem; }
}


@container componentContainer (min-width: 900px) {
    .wpb-card.wpb-card--race--extended .wpb-card__body .badge-group { margin-top: 1.2rem; }
    .wpb-card.wpb-card--race--extended .wpb-card__body > .card-description { grid-column: span 2; }
}

/*** ---------- Buttons ---------- ***/
.btn.btn--secondary { --clr: var(--clr-primary); --bg-clr: var(--clr-secondary); --border: 1px solid transparent; --hover-clr: var(--clr-secondary); --hover-bg-clr: var(--clr-primary); }

.btn.btn--outline { --clr: var(--clr-primary); --border: 1px solid var(--clr-primary); --hover-bg-clr: var(--clr-primary); --hover-border: 1px solid var(--clr-primary); }
.btn.btn--outline-light { --clr: #fff; --bg-clr: transparent; --border: 1px solid rgba(255,255,255,.12); --hover-bg-clr: var(--clr-primary); --hover-border: 1px solid var(--clr-primary); --hover-clr: var(--clr-dark); }

.btn.btn--stack{ --p: 0; --bg-clr: transparent; --hover-bg-clr: transparent; --border: none; display: flex; justify-content: start; align-items: center; gap: .8rem; backdrop-filter: none; -webkit-backdrop-filter: none; }
.btn.btn--stack .btn__icon{ --size: 3.4rem; --inner-size: 1rem; --bg-clr: #fff; --inner-clr: #000; width: var(--size); min-width: var(--size); height: var(--size); min-height: var(--size); border-radius: 50%; background-color: var(--bg-clr); display: flex; justify-content: center; align-items: center; }
.btn.btn--stack .btn__icon .wpb-icon{ --clr: var(--inner-clr); --w: var(--inner-size); --h: var(--inner-size); }
.btn.btn--stack .btn__text{ display: flex; flex-direction: column; gap: .2rem; text-align: start; font-style: italic; }
.btn.btn--stack .btn__text span{ font-weight: 500; font-size: 1.2rem; }

/*** ---------- Header ---------- ***/
.wpb-header { --gc: 1; --gap: 3.2rem; padding-top: 14rem; }
.wpb-header h1 { text-transform: uppercase; font-style: italic; }
.wpb-header.has-background-asset .is-background-asset::after { z-index: 3; background: linear-gradient(to bottom,rgba(var(--clr-dark-rgb),.8) 0%,rgba(var(--clr-dark-rgb),0) 15rem,rgba(var(--clr-dark-rgb),0) 50%,rgba(var(--clr-dark-rgb),1) calc(100% - 8rem),rgba(var(--clr-dark-rgb),1) 100%); }

body:not(.home) .wpb-header.wpb-header--landing.has-background-asset .is-background-asset::after{ background: linear-gradient(to bottom,rgba(var(--clr-dark-rgb),.8) 0%,rgba(var(--clr-dark-rgb),0) 15rem,rgba(var(--clr-dark-rgb),0) 35%,rgba(var(--clr-dark-rgb),.8) 60%, rgba(var(--clr-dark-rgb),1) calc(100% - 8rem) ,rgba(var(--clr-dark-rgb),1) 100%); }

.wpb-header.wpb-header--landing { display: flex; align-items: end; min-height: min(80dvh, 70rem); }
.wpb-header.wpb-header--landing.wpb-header--short { min-height: min(60dvh, 55rem); }
.wpb-header.wpb-header--landing h1 { font-size: clamp(3rem, 4vw, 5.6rem); } 
.wpb-header.wpb-header--landing .wpb-text{ max-width: 85rem; }
.wpb-header.wpb-header--landing .wpb-text p{ font-size: clamp(1.4rem, 1.75vw, 1.8rem); }
.wpb-header.wpb-header--landing .wpb-text p em strong:only-child{ font-size: clamp(1.5rem, 2vw, 2rem); font-weight: 600; text-transform: uppercase; }
.wpb-header.wpb-header--landing .wpb-text p:has(em strong:only-child){ opacity: 1; }
.wpb-header.wpb-header--landing .wpb-text p:has(+ :is(h1, h2, h3)) em { font-size: clamp(1.6rem, 2vw, 2rem); }
.wpb-header.wpb-header--landing .wpb-text p:has(+ :is(h1, h2, h3)) em::before { --src: url('/app/themes/wuxnl-theme/assets/icons/styrekx-x.svg'); content: ''; display: inline-block; width: 1em; height: 1em; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; background-color: var(--clr-primary); }
.wpb-header.wpb-header--landing .wpb-text .btn-group { --mt: 2.4rem; --gap: 1rem; }
.wpb-header.wpb-header--landing .wpb-card--next-race { display: none; }
.wpb-header.wpb-header--landing .container{ display: grid; gap: 2.4rem; }
.wpb-header.wpb-header--landing .inner, .wpb-header.wpb-header--archive .container { display: grid; column-gap: var(--gap); row-gap: 4.8rem; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); align-items: end; }
.wpb-header.wpb-header--landing .inner{ row-gap: 2.4rem; }


.wpb-header.wpb-header--landing .bg-asset-gradient--1 { z-index: 3; width: 50rem; top: 0; right: 0; transform: scaley(-1) translate(25%, 10%); opacity: .2; animation: gradient_home_1_sm 60s infinite ease-in-out; }
.wpb-header.wpb-header--landing .bg-asset-gradient--2 { z-index: 3; bottom: 0; left: 0; transform: scalex(-1) translate(35%, 10%); opacity: .2; animation: scale_animation 60s infinite ease-in-out; }

.wpb-header.wpb-header--archive{ background: linear-gradient(to bottom, var(--clr-dark-90) 20%, transparent); }
.wpb-header.wpb-header--archive .wpb-text { max-width: 58rem; }
.wpb-header.wpb-header--archive .wpb-text *:not(h1, h2, h3, h1 strong, h2 strong, h3 strong) { opacity: .85; }
.wpb-header.wpb-header--archive .container{ z-index: 5; }
.wpb-header.wpb-header--archive .is-background-gradients .bg-asset-gradient--1{ display: block; width: 120rem; top: 0; right: 0; transform: translate(49%, -40%) rotate(148deg) scaleY(-1); animation: scale_animation 80s infinite ease-in-out; }

.wpb-navigation .wpb-navigation__sub {margin-top: -1rem; opacity: 1;}
.wpb-navigation.is-scrolled .wpb-navigation__sub {opacity: 0; transition: opacity var(--ts-duration) ease;}

.wpb-header.wpb-header--single { display: flex; align-items: end; min-height: 70dvh; }
.wpb-header.wpb-header--single h1 { font-size: clamp(3rem, 5vw, 4.8rem); font-weight: 700; } 
.wpb-header.wpb-header--single .wpb-text{ max-width: 75rem; }
.wpb-header.wpb-header--single .wpb-text p:has(+ :is(h1, h2, h3)) em { font-weight: 700; }
.wpb-header.wpb-header--single .wpb-text h1 + p{ line-height: 1.2; opacity: .85; }
.wpb-header.wpb-header--single .is-background-gradients .bg-asset-gradient--1{ right: -5rem; top: -20rem; width: 30rem;}

.wpb-header.wpb-header--subpage { display: flex; align-items: end; min-height: 40dvh; padding-bottom: 4.8rem; }
.wpb-header.wpb-header--subpage .is-background-asset img { object-position: top; }

.wpb-header.wpb-header--subpage:has(.is-background-asset img){ min-height: 60dvh; }

.wpb-header.wpb-header--subpage .is-background-gradients{ z-index: 4; }
.wpb-header.wpb-header--subpage .is-background-gradients .bg-asset-gradient--1{ right: -10rem; top: 10%; width: 40rem; opacity: .6; animation: scale_animation 80s infinite ease-in-out; }
.wpb-header.wpb-header--subpage .btn--back + h1{ --mt: 1.2rem; }

.btn-group.btn-group--center{ justify-content: center; }

.wpb-header.wpb-header--actueel{ display: flex; align-items: end; min-height: 40dvh; }
.wpb-header.wpb-header--actueel .container{ z-index: 2; padding-bottom: 5rem; }
.wpb-header.wpb-header--actueel .container .wpb-text{ text-align: center; }
.wpb-header.wpb-header--actueel .container .wpb-text p{ opacity: .85; }
.wpb-header.wpb-header--actueel .is-background-asset{ background: linear-gradient(to bottom, rgb(var(--clr-dark-rgb), .05) 40%, rgb(var(--clr-dark-rgb), 1));  }
.wpb-header.wpb-header--actueel .is-background-asset img{ position: relative; z-index: -1; }

.wpb-header.wpb-header--partnerclubs h1{ --fs: clamp(2.8rem, 4vw, 4.8rem); }
.wpb-header.wpb-header--partnerclubs .wpb-text{ max-width: 85rem; }
.wpb-header.wpb-header--partnerclubs .wpb-text p{ font-size: clamp(1.4rem, 1.5vw, 1.8rem); }

@media (max-width: 575.98px) {
    .wpb-header.wpb-header--landing.has-background-asset .is-background-asset { height: auto; bottom: 20rem; }
    .wpb-header.wpb-header--landing.has-background-asset.wpb-header--short .is-background-asset { bottom: 10rem; }
}

@media (min-width: 768px) {    
    .wpb-header.wpb-header--landing .inner{ row-gap: 4.8rem; }
    .wpb-header.wpb-header--landing .wpb-text .btn-group { --mt: 3.2rem; }
    .wpb-header.wpb-header--landing .wpb-supporters strong{ margin-bottom: 1.4rem; }
    .wpb-header.wpb-header--landing .wpb-supporters.wpb-supporters--divider :is(.logos, .logos figure){ column-gap: 2.4rem; }
    .wpb-header.wpb-header--landing .wpb-supporters.wpb-supporters--divider .logos img{ max-height: 3.2rem; max-width: 16.2rem; }
    .wpb-header.wpb-header--landing .wpb-supporters.wpb-supporters--divider .logos figure + figure::before{ height: 3.2rem; }
    .wpb-header.wpb-header--archive { padding-top: 15rem; }
    .wpb-header.wpb-header--archive .container{ grid-template-columns: 1fr 28.8rem; }
    .wpb-header.wpb-header--subpage { padding-bottom: 6.4rem; }
}
@media (min-width: 992px) {
    .wpb-header .wpb-text { font-size: 2rem; }
    .wpb-header.wpb-header--actueel{ min-height: 70dvh; }
    
    .wpb-header.wpb-header--landing { min-height: min(100dvh, 110rem); }
    .wpb-header.wpb-header--landing.wpb-header--short{ min-height: min(70dvh, 90rem); }

    .wpb-header.wpb-header--landing .container{ grid-template-columns: 1fr 28.8rem; }
    .wpb-header.wpb-header--landing .wpb-card--next-race{ display: flex; margin-top: auto; height: fit-content; }

    .wpb-header.wpb-header--landing .bg-asset-gradient--1 { width: 70rem; transform: scaley(-1) translate(40%, 20%); animation: gradient_home_1_md 30s infinite ease-in-out; }
    .wpb-header.wpb-header--landing .bg-asset-gradient--2 { width: 110rem; transform: scalex(-1) translate(25%, 40%); }

    .wpb-header.wpb-header--single{ z-index: -1; }
    .wpb-header.wpb-header--single .is-background-gradients .bg-asset-gradient--1{ right: -10rem; top: -50rem; width: 60rem; }

    .wpb-header.wpb-header--subpage{ min-height: 60dvh; }
    .wpb-header.wpb-header--subpage .is-background-gradients .bg-asset-gradient--1{ right: -20rem; top: -60rem; width: 80rem; opacity: 1; }

    .wpb-card.wpb-card--participation-type .card__text p { font-size: 1.6rem; }
}

@media (min-width: 1200px) {
    .wpb-header.wpb-header--landing .inner{ row-gap: 6.4rem; }
    .wpb-header.wpb-header--landing .wpb-supporters.wpb-supporters--divider :is(.logos, .logos figure){ column-gap: 4rem; }
    .wpb-header.wpb-header--archive { padding-top: 20rem; }
    .wpb-header.wpb-header--subpage { padding-bottom: 8rem; }
}

@media (min-width: 1400px) {
    .wpb-header.wpb-header--subpage { padding-bottom: 13rem; }
}

/*** ---------- Table exercises ---------- ***/
.wpb-exercises-table { background-color: var(--clr-dark-80); position: relative; border-radius: 1.2rem; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); margin-bottom: 5.7rem; }
.wpb-exercises-table .wpb-exercises-table__exercises, .wpb-exercises-table .wpb-exercise { display: flex; flex-direction: column; }
.wpb-exercises-table .wpb-exercise__header { overflow: hidden; position: relative; display: grid; place-items: center; row-gap: .4rem; font-size: 1.4rem; line-height: 1.2; padding: .5rem 1.6rem; min-height: 8.6rem; text-transform: uppercase; font-style: italic; }
.wpb-exercises-table .wpb-exercise__header i { --clr: var(--clr-primary); --w: 1.1rem; --h: 1.1rem; }
.wpb-exercises-table .wpb-exercise__header .wpb-exercise__header-inner { display: flex; flex-direction: column; gap: .4rem; }
.wpb-exercises-table .wpb-exercise__header  span { display: flex; align-items: center; gap: .5rem; white-space: nowrap; }

.wpb-exercises-table .blaze-slider .blaze-container { position: static; }
.wpb-exercises-table .blaze-slider .blaze-nav-container { display: flex; justify-content: space-between; position: absolute; left: 0; top: calc(100% + 2.8rem); right: 0; padding: 0; }
.wpb-exercises-table .wpb-exercises-table__exercises .wpb-exercise__header { display: flex; font-size: 1.6rem; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.wpb-exercises-table .wpb-exercises-table__exercises .wpb-exercise__header small { opacity: .65; }
.wpb-exercises-table .wpb-exercises-table__exercises .wpb-exercise__body { border-radius: 1.2rem 0 0 1.2rem; background-color: rgba(255,255,255,.07); }

.wpb-exercises-table .wpb-exercise__title { font-size: 1.4rem; white-space: nowrap; overflow: hidden; display: flex; align-items: center; column-gap: .5rem; padding: 1rem 1.6rem; min-height: 5rem; text-transform: uppercase; font-weight: 700; font-style: italic; position: relative; }
.wpb-exercises-table .wpb-exercise__title > span{ text-wrap: wrap; line-height: 1; }
.wpb-exercises-table .wpb-exercise__title i { --clr: var(--clr-primary); --w: 1.5rem; --h: 1.5rem; }
.wpb-exercises-table .wpb-exercise__title + .wpb-exercise__title::after { content: ''; position: absolute; right: 2rem; left: 2rem; top: 0; border-top: 1px solid rgba(255,255,255,.15); }

.wpb-exercises-table .wpb-exercise { display: flex; flex-direction: column; }
.wpb-exercises-table .wpb-exercise:last-child .wpb-exercise__body { border-radius: 0 1.2rem 1.2rem 0; }
.wpb-exercises-table .wpb-exercise .wpb-exercise__body { position: relative; background-color: rgba(255,255,255,.04); }  
.wpb-exercises-table .wpb-exercise + .wpb-exercise .wpb-exercise__header::before,
.wpb-exercises-table .wpb-exercise + .wpb-exercise .wpb-exercise__body::before { content: ''; display: block; position: absolute; top: 2.4rem; bottom: 2.4rem; left: 0; border-left: 1px solid rgba(255,255,255,.15); }
.wpb-exercises-table .wpb-exercise + .wpb-exercise .wpb-exercise__header::before { top: 2rem; bottom: 2rem; }
.wpb-exercises-table .wpb-exercise__weight { display: flex; align-items: center; justify-content: center; column-gap: 1rem; padding: 1rem 2rem; font-weight: 500; min-height: 5rem; text-transform: uppercase; font-style: italic; position: relative; }
.wpb-exercises-table .wpb-exercise__weight + .wpb-exercise__weight:after { content: ''; position: absolute; right: 2rem; left: 2rem; top: 0; border-top: 1px solid rgba(255,255,255,.15); }
.wpb-exercises-table .wpb-exercise__weight.wpb-exercise__weight--empty{ opacity: .15; }
.wpb-exercises-table .wpb-exercise__weight.wpb-exercise__weight--empty::after{ border-color: #fff; }
.wpb-exercises-table .wpb-exercise__header span {font-weight: 500;}
.wpb-exercises-table .wpb-exercise__header span .badge {font-weight: 700;}

.wpb-exercises-table .blaze-slider { --slides-to-show: 1.1; --slide-gap: 0px; cursor: grab; }

.wpb-block--exercises-table .wpb-section__header .wpb-text { max-width: 90rem; }

@media (max-width: 575.98px) {
    .wpb-block--exercises-table .wpb-section__body .container { padding-left: 0; padding-right: 0; }
    .wpb-exercises-table .blaze-slider .blaze-nav-container { padding-left: 1.8rem; padding-right: 1.8rem; }
    
    .wpb-exercises-table { border-radius: 0; }
    .wpb-exercises-table .blaze-slider .blaze-pagination button { width: 1.8rem; }
    .wpb-exercises-table .wpb-exercise__header span { font-size: 1.1rem; }
}

@media (min-width: 768px) {
    .wpb-exercises-table { grid-template-columns: minmax(0,1fr) minmax(0,2fr); }

    .wpb-exercises-table .blaze-slider { --slides-to-show: 2.2; }
}

@media (min-width: 992px) {
    .wpb-exercises-table { grid-template-columns: minmax(0,1fr) minmax(0,3fr); }

    .wpb-exercises-table .wpb-exercise__title { font-size: 1.6rem; }
    .wpb-exercises-table .wpb-exercise__weight { font-size: 1.6rem; }
    .wpb-exercises-table .blaze-slider { --slides-to-show: 3.2; }
    .wpb-exercises-table .blaze-slider .blaze-nav-container { display: none; }
}

@media (min-width: 1200px) {
    .wpb-exercises-table { grid-template-columns: minmax(0,2fr) minmax(0,6fr); }

    .wpb-exercises-table .blaze-slider { --slides-to-show: 4.5; }


    .wpb-exercises-table .wpb-exercise__body { padding: 1rem 0; }

    .wpb-exercises-table .wpb-exercise__header { padding: .5rem 2.4rem; }
    .wpb-exercises-table .wpb-exercise__title { padding: 1rem 2.4rem; }
    .wpb-exercises-table .wpb-exercise__weight { padding: 1rem 2.4rem; } 
    .wpb-exercises-table .wpb-exercise__weight + .wpb-exercise__weight:after { right: 4rem; left: 4rem; }
}


/*** ---------- Footer Links ---------- ***/
.wpb-footer-links { background-color: var(--clr-dark-80); border-radius: 2rem; margin-top: auto; }
.wpb-footer-links .wpb-footer-links__top { --gc: 1; padding-block: 3.2rem; }
.wpb-footer-links .wpb-footer-links__top .wpb-text { font-size: 1.4rem; text-align: center; }
.wpb-footer-links .wpb-footer-links__top .wpb-text h3 { font-weight: 700; }  
.wpb-footer-links .wpb-footer-links__top .wpb-text p { opacity: .85; }
.wpb-footer-links .wpb-footer-links__top .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); align-items: center; gap: 3.2rem; }
.wpb-footer-links .wpb-footer-links__bottom { border-top: .2rem solid var(--clr-dark); padding-block: 1.4rem; }
.wpb-footer-links .wpb-footer-links__bottom .container { display: flex; justify-content: space-between; align-items: center; gap: 2rem; }

.wpb-footer .wpb-footer__bottom .wpb-footer__sub-links {--fs: 1.3rem; column-gap: 2.8rem;}
.wpb-footer .wpb-footer__bottom .wpb-footer__sub-links * + *::before {left: -1.4rem; height: 1.8rem;}

@media (max-width: 768.98px) {
    .wpb-footer-links .wpb-footer-links__bottom .container { flex-direction: column; }
    .wpb-footer-links .wpb-footer-links__bottom .wpb-social-media { justify-content: center; }
    .wpb-footer-links .wpb-footer-links__bottom .component--text-race { flex-direction: column; }
    .wpb-footer-links .wpb-footer-links__bottom .component--text-race .component__text { text-align: center; }
    .wpb-footer-links .wpb-footer-links__bottom .component--text-race .btn-group .btn { flex-grow: 1; }
}

@media (min-width: 768px) {
    .wpb-footer-links .wpb-footer-links__top .wpb-text { font-size: 1.6rem; }
}

@media (min-width: 992px) {
    .wpb-footer-links .wpb-footer-links__top { --gc: 3; padding-block: 4.8rem; }
}

/*** ---------- Component: supporters ---------- ***/
.wpb-supporters strong{ font-size: clamp(1.2rem, 1.5vw, 1.5rem); line-height: 1.2; text-transform: uppercase; font-style: italic; display: inline-block; margin-bottom: .8rem; }
.wpb-supporters .logos { display: flex; align-items: center; column-gap: 1.8rem; }
.wpb-supporters .logos img{ max-height: 2.2rem; width: 100%; max-width: 10.4rem; object-fit: contain; object-position: center; }
.wpb-supporters .logos figure { display: flex; align-items: center; column-gap: 1.8rem; }

.wpb-supporters.wpb-supporters--divider .logos figure + figure::before { content: ''; width: .1rem; height: 2rem; background: rgba(255,255,255,.25); transform: rotate(10deg) }


/*** ---------- Footer ---------- ***/
.wpb-footer { padding-top: 1.6rem; }    

.wpb-footer :is(.wpb-footer__partners, .wpb-footer__sponsors){ padding-block: 2.4rem; text-align: center; }
.wpb-footer :is(.wpb-footer__partners, .wpb-footer__sponsors) strong{ font-size: inherit; margin-bottom: 1.5rem; }
.wpb-footer :is(.wpb-footer__partners, .wpb-footer__sponsors) .logos{ justify-content: center; }

.wpb-footer .wpb-footer__partners + .wpb-footer .wpb-footer__sponsors { padding-top: 0; }

.wpb-footer .wpb-footer__sponsors { padding-bottom: 2.4rem; text-align: center; }
.wpb-footer .wpb-footer__sponsors .logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; }
.wpb-footer .wpb-footer__sponsors figure img { margin: auto; }

.wpb-footer .wpb-footer__main { --gc: 1; padding-top: 1.6rem; padding-bottom: 3rem; }
.wpb-footer .wpb-footer__main .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 1.6rem; }
.wpb-footer .wpb-footer__main hr { grid-column: span var(--gc); border: none; border-top: 1px solid rgba(255,255,255,.12); margin-bottom: 1.4rem; }

.wpb-footer .footer-menu__title { cursor: pointer; text-transform: uppercase; font-style: italic; display: flex; align-items: center; justify-content: space-between; color: inherit; text-decoration: none; text-decoration: none; font-weight: bold; }
.wpb-footer .wpb-footer-menu ul { list-style: none; display: flex; flex-direction: column; }
.wpb-footer .wpb-footer-menu ul li a { text-decoration: none; color: inherit; display: block; line-height: 1.2; }
.wpb-footer .wpb-footer-menu ul li a span{ font-size: 1.5rem; opacity: .8; transition: opacity var(--ts-duration) ease; }
.wpb-footer .wpb-footer-menu ul li a:hover span{ opacity: 1; }
.wpb-footer .wpb-footer-menu ul li a .badge{ --fs: 1rem; --p: .3rem .5rem; gap: .2rem; border-radius: 3px; line-height: 1; margin-left: .8rem; }
.wpb-footer .wpb-footer-menu ul li a .badge .wpb-icon{ --w: 1.1rem; --h: 1.1rem; }
.wpb-footer .wpb-footer-menu ul li + li { margin-top: .5rem; }
.wpb-footer .wpb-footer-menu [type="checkbox"] { opacity: 0; position: absolute; left: -999rem; }
.wpb-footer .wpb-footer-menu .wpb-footer-menu__collapse { padding-top: 2rem; }

@media (max-width: 575.98px) {
    .wpb-footer .wpb-footer-menu [type="checkbox"]:checked + label { cursor: pointer; width: 100%; display: flex; justify-content: space-between; cursor: pointer; }
    .wpb-footer .wpb-footer-menu [type="checkbox"]:checked + label i { transform: rotate(-180deg); }
    .wpb-footer .wpb-footer-menu [type="checkbox"]:checked + label + .wpb-footer-menu__collapse { grid-template-rows: 1fr; }
    .wpb-footer .wpb-footer-menu .wpb-footer-menu__collapse { padding-top: 0; display: -ms-grid; display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--ts-duration) var(--ts-function), padding-top var(--ts-duration) ease; }
    .wpb-footer .wpb-footer-menu .wpb-footer-menu__collapse > div { overflow: hidden; }
    .wpb-footer .wpb-footer-menu:has([type="checkbox"]:checked) .wpb-footer-menu__collapse{ padding-top: 2rem; }
}

@media (min-width: 576px) {
    .wpb-footer .footer-menu__title .wpb-icon-wrap { display: none; }
}

@media (min-width: 768px) {
    .wpb-footer .wpb-footer__main .container { --gc: 2; gap: 3.2rem; }
}

@media (min-width: 992px) {
    .wpb-footer .wpb-footer__partners .logos { column-gap: 3.2rem; }
    .wpb-footer .wpb-footer__partners .logos img { max-height: 4.5rem; width: 100%; max-width: 20rem; }
    .wpb-footer .wpb-footer__partners figure { column-gap: 3.2rem; }
    .wpb-footer .wpb-footer__partners figure + figure::before { height: 4.6rem; }

    .wpb-footer .wpb-footer__main { padding-bottom: 5.8rem; }
    .wpb-footer .wpb-footer__main hr { margin-bottom: 6.8rem; }
    .wpb-footer .wpb-footer__main .container { --gc: 4; }
}

.by-wux { display: flex; align-items: center; gap: .4rem; text-decoration: none; opacity: .75; }
.by-wux span { font-size: 1.3rem; line-height: 1; }

.by-wux img { width: 2rem; height: 1.6rem; }


/*** ---------- Single races ---------- ***/
.wpb-sub-links .container { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0,1fr)); gap: 3.2rem; }
.races-template-default .wpb-sub-links .container{ align-items: end; }

@media (min-width: 992px){ 
    .races-template-default .wpb-sub-links a.wpb-event-link{ margin-left: auto; width: 100%; max-width: 38.4rem; }
}
@media (min-width: 992px) and (max-width: 1200px){ 
    .races-template-default .wpb-sub-links .container{ --gc: 2; grid-template-columns: repeat(var(--gc), minmax(0,1fr)) 22.5rem; }
}

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


/* ------ News ------ */
.wpb-archive.wpb-archive--news > .container:first-child{ margin-top: -5rem; }
.wpb-content h2{ --fs: clamp(2.4rem, 4vw, 3.6rem); font-weight: 700; }

.wpb-block--news{ z-index: 2; }
.wpb-block--news .blaze-slider { --slides-to-show: 1; --slide-gap: 2px; }

@media (min-width: 768px) { 
    .wpb-block--news .blaze-slider { --slides-to-show: 2; }
}

@media (min-width: 992px) {
    .wpb-block--news .blaze-slider { --slides-to-show: 3; }
}


/* ------ Single news ------ */
.news-template-default .is-background-gradients{ z-index: -1; }
.wpb-header.wpb-header--single-news .wpb-text h1{ --mt: 1.6rem; --fs: clamp(3rem, 4vw, 4.8rem); font-weight: 700; }
.wpb-header.wpb-header--single-news .wpb-text p{ --mt: 1.2rem; opacity: .85; line-height: 1.4; font-size: clamp(1.6rem, 1.5vw, 1.8rem); }
.wpb-header.wpb-header--single-news .wpb-thumbnail{ padding-top: 4.8rem; }
.wpb-header.wpb-header--single-news .wpb-thumbnail .wpb-image{ border: 1px solid var(--clr-border-light); border-radius: 1.2rem; overflow: hidden; }
.wpb-header.wpb-header--single-news .wpb-thumbnail .wpb-image img{ width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.wpb-header.wpb-header--single-news .is-background-gradients .bg-asset-gradient--1{ display: block; width: 120rem; top: 0; right: 0; transform: translate(49%, -40%) rotate(148deg) scaleY(-1); }

.wpb-related-posts{ --gap: 1.5rem; display: flex; flex-direction: column; gap: var(--gap); }
.wpb-related-posts .wpb-card + .wpb-card{ padding-top: var(--gap); border-top: 1px solid var(--clr-border-light); }
.wpb-related-posts .wpb-related-posts__label{ font-size: 1.3rem; color: rgba(255, 255, 255, .7); font-style: italic; font-weight: 700; text-transform: uppercase; width: 100%; display: flex; align-items: center; gap: 1.2rem; text-wrap: nowrap; }
.wpb-related-posts .wpb-related-posts__label::after{ content: ''; display: block; border-top: 1px solid var(--clr-border-light); width: 100%; }

.wpb-content .is-background-gradients .bg-asset-gradient--1{ left: -50rem; top: -100rem; width: 120rem; transform: scale(-1); opacity: .9; }
.wpb-content .is-background-gradients .bg-asset-gradient--2{ top: -50rem; right: -12.5rem; width: 80rem; opacity: .9; }


.content-section .wpb-text p{ opacity: .85; }
.content-section.content-section--faq .wpb-accordion{ margin-top: 2rem; }
.content-section.content-section--featured-image .inner{ --p: 1.8rem; border-radius: 2rem; position: relative; min-height: 47rem; overflow: hidden; display: flex; align-items: end; padding: var(--p); border: 1px solid var(--clr-border-light); }
.content-section.content-section--featured-image .inner .wpb-image{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgb(var(--clr-dark-rgb), .85), rgb(var(--clr-dark-rgb), .25) 40%, rgb(var(--clr-dark-rgb), 0)); }
.content-section.content-section--featured-image .inner .wpb-image img{ width: 100%; height: 100%; object-fit: cover; border-radius: 0; position: relative; z-index: -1; }
.content-section.content-section--featured-image .inner .wpb-text{ z-index: 2; }
.content-section.content-section--featured-image .inner .wpb-text h4{ font-size: 1.6rem; font-weight: 700; }
.content-section.content-section--featured-image .inner .wpb-text p{ --mt: 1rem; font-size: 1.4rem; }

.content-section.content-section--races .inner{ display: flex; flex-direction: column; gap: 2rem; }

.wpb-video{ --padding: 2.4rem; width: 100%; height: fit-content; position: relative; overflow: hidden; border-radius: 1.2rem; border: 1px solid var(--clr-border-light); }
.wpb-video video{ display: block; width: 100%; height: 100%; object-fit: contain; }
.wpb-video .wpb-video__overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: transform var(--ts-duration) var(--ts-function), opacity var(--ts-duration) var(--ts-function); }
.wpb-video .wpb-video__overlay .btn{ position: absolute; bottom: var(--padding); left: var(--padding); right: var(--padding); min-height: fit-content; }
.wpb-video .wpb-video__overlay .btn:hover + img{ width: 110%; height: 110%; }
.wpb-video .wpb-video__overlay img{ width: 100%; height: 100%; object-fit: cover; transition: width var(--ts-duration) var(--ts-function), height var(--ts-duration) var(--ts-function); }
.wpb-video .wpb-video__overlay::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgb(var(--clr-dark-rgb), 1), rgb(var(--clr-dark-rgb), .1) 30%, rgb(var(--clr-dark-rgb), 0)); }

.wpb-video.is-playing .wpb-video__overlay{ transform: scale(1.2); opacity: 0; pointer-events: none; }


/* .wpb-video--v2 video::-webkit-media-controls-timeline,
.wpb-video--v2 video::-webkit-media-controls-timeline-container,
.wpb-video--v2 video::-webkit-media-controls-current-time-display,
.wpb-video--v2 video::-webkit-media-controls-time-remaining-display {
    display: none !important;
} */
.wpb-video--v2{ --border-radius: 2.4rem; overflow: visible; }
.wpb-video--v2 video{ border-radius: var(--border-radius) !important; }
.wpb-video--v2 .wpb-video__overlay{ outline: 1px solid #fff0; outline-offset: 6px; border-radius: var(--border-radius) !important; transition: transform var(--ts-duration) var(--ts-function), opacity var(--ts-duration) var(--ts-function), outline var(--ts-duration) var(--ts-function); }
.wpb-video--v2 .wpb-video__overlay img{ border-radius: var(--border-radius); }
.wpb-video--v2 .wpb-video__overlay::before{ border-radius: var(--border-radius); }
.wpb-video--v2 .wpb-video__overlay:hover{ cursor: pointer; outline: 1px solid #FFF6; }
.wpb-video--v2 .wpb-video__overlay .btn:hover + img{ width: 100%; height: 100%; }
.wpb-video--v2 .wpb-video__overlay .btn::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.wpb-video--v2.is-playing .wpb-video__overlay{ transform: scale(1.05); opacity: 0; pointer-events: none; }


@media (max-width: 1200px){ 
    .wpb-header.wpb-header--single-news .wpb-related-posts{ display: none; }
}
@media (max-width: 1400px){
    .wpb-related-posts .wpb-card .excerpt{ display: none; }
}

@media (min-width: 992px){ 
    .content-section.content-section--faq .wpb-accordion{ margin-top: 4rem; }
    .wpb-video{ --padding: 4rem; border-radius: 2.4rem; }
}
@media (min-width: 1200px){ 
    .news-template-default{ --offset-right: 20rem; }
    .news-template-default .container.container--right-offset{ padding-right: calc(var(--p) + var(--offset-right)); }
    
    .wpb-header.wpb-header--single-news .wpb-thumbnail:has(.wpb-related-posts){ display: grid; grid-template-columns: 1fr calc(var(--offset-right) + 5rem); gap: 2.4rem; }
    .wpb-header.wpb-header--single-news .wpb-thumbnail .wpb-image{ border-radius: 2.4rem; }
    .content-section.content-section--featured-image .inner{ --p: 3.2rem; }
}
@media (min-width: 1400px){ 
    .news-template-default{ --offset-right: 25rem; }
    .wpb-related-posts{ --gap: 2.4rem; }
    .wpb-header.wpb-header--single-news .wpb-thumbnail{ grid-template-columns: 1fr calc(var(--offset-right) + 9rem); }
}

/*** ---------- Keyframe animaties ---------- ***/


/* KA -- Header home */
@keyframes gradient_home_1_sm {
    0% { transform: scaley(-1) translate(25%, 10%); }
    25% { transform: scaley(-1) translate(0% 20%); scale: 120%; opacity: .8; }
    75% { transform: scaley(-1) translate(5%, 10%); scale: 90%; opacity: .8; }
    100% { transform: scaley(-1) translate(25%, 10%); }
}
@keyframes gradient_home_1_md {
    0% { transform: scaley(-1) translate(25%, 10%); }
    25% { transform: scaley(-1) translate(0%, 20%); scale: 120%; opacity: .8; }
    75% { transform: scaley(-1) translate(5%, 10%); scale: 90%; opacity: .8; }
    100% { transform: scaley(-1) translate(25%, 10%); }
}

/* KA -- algemeen */
@keyframes scale_animation {
    0% { scale: 100%; }
    50% { scale: 130%; margin-bottom: 30%; }
    75% { scale: 80%; }
    100% { scale: 100%; }
}