/*** ---------- Block ---------- ***/


/*** ---------- Block: Media ---------- ***/
.wpb-block--media .wpb-text { margin-bottom: 2rem; }


/*** ---------- Block: FAQ ---------- ***/
.wpb-block--faq { --gc: 1; }
.wpb-block--faq .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); column-gap: 2rem; row-gap: 2rem; }

@media (min-width: 992px) {
    .wpb-block--faq-primary, .wpb-block--faq-secondary { --gc: 2; align-items: start; }
    .wpb-block--faq-primary .container, .wpb-block--faq-secondary .container { column-gap: 3.2rem; }
    .wpb-block--faq-primary .container .wpb-accordion { order: -1; }
}

@media (min-width: 1200px) {
    .wpb-block--faq-primary .container, .wpb-block--faq-secondary .container { column-gap: 6.4rem; }
}


/*** ---------- Block: Blurb ---------- ***/
.wpb-block--blurb .wpb-text { margin-bottom: 2rem; }
.wpb-block--blurb .wpb-card.wpb-card--blurb .wpb-card__header img { aspect-ratio: 16/9; object-fit: cover; }


/*** ---------- Block: Carousel ---------- ***/
.wpb-block--carousel .wpb-text { margin-bottom: 2rem; }
.wpb-block--carousel .wpb-image { position: relative; max-height: 77rem; aspect-ratio: 16/9;}
.wpb-block--carousel .wpb-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.wpb-block--carousel .wpb-image::after { content: ''; display: block; width: 100%; padding-top: 75%; }

.wpb-block--carousel .blaze-slider .blaze-nav-container { padding: 1rem !important; position: absolute; top: 50%;}
.wpb-block--carousel .blaze-slider .blaze-nav-container > button { --br: 50%; --bg-clr: #fff; --hover-bg-clr: var(--clr-primary); --border: none; --hover-border: none; display: grid; place-items: center;}
.wpb-block--carousel .blaze-slider .blaze-nav-container > button:hover{ background: var(--hover-bg-clr); border: var(--hover-border); }
.wpb-block--carousel .blaze-slider .blaze-nav-container > button i{ color: transparent; } /* Veranderen naar color zodra je font-awesome vanuit ACF gebruikt */
.wpb-block--carousel .blaze-slider .blaze-nav-container > button:hover i{ color: transparent; }
.wpb-block--carousel .blaze-slider .blaze-nav-container > button i::before{ color: var(--inner-clr); transition: color var(--ts-duration) var(--ts-function)} /* Veranderen naar color zodra je font-awesome vanuit ACF gebruikt */
.wpb-block--carousel .blaze-slider .blaze-nav-container > button:hover i::before{ color: var(--hover-inner-clr); }

@media(max-width: 991.98px) {
    .wpb-block--carousel .blaze-slider .blaze-nav-container { left: 0; display: flex; justify-content: space-between; width: 100%; transform: translateY(-50%); }
}

@media(min-width: 992px) {
    .wpb-block--carousel .blaze-slider .blaze-nav-container { padding: 0 !important;  display: flex; justify-content: space-between; left: 6.4rem; right: 6.4rem; }
}

/*** ---------- Block: Header ---------- ***/
.wpb-header.wpb-header--search form { position: relative; }
.wpb-header.wpb-header--search form [type="submit"] { display: inline-flex; cursor: pointer; user-select: none; padding: 0.25rem 1rem; border: none; background: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.wpb-header.wpb-header--search form [type="submit"] img { width: 1.5rem; }

.wpb-header .wpb-header__toolbar { display: flex; align-items: center; gap: 1.6rem; padding-bottom: 2.8rem; }
.wpb-header .wpb-header__toolbar .btn { white-space: nowrap; }
.wpb-header .wpb-header__toolbar .wpb-breadcrumbs { margin: 0; --excerpt-line-clamp: 1; display: -webkit-box; -webkit-line-clamp: var(--excerpt-line-clamp); -webkit-box-orient: vertical; overflow: hidden; }
.wpb-header .wpb-header__toolbar .wpb-breadcrumbs > span > span:not(.breadcrumb_last) { opacity: .65; }


/*** ---------- Block: Text media tabs ---------- ***/
.wpb-block--media-tabs .container > .wpb-text { margin-bottom: 2rem; }
.wpb-block--media-tabs .inner { gap: 3.2rem; align-items: center; }
.wpb-block--media-tabs .tab__images { display: grid; overflow: hidden; } 
.wpb-block--media-tabs .tab__images > figure { grid-row: 1/-1; grid-column: 1/-1; opacity: 0; transition: opacity var(--ts-15) ease; transition-delay: var(--ts-35); }
.wpb-block--media-tabs .tab__images figure.active { opacity: 1; transform: scale(1); }
.wpb-block--media-tabs .tab__images figure img { height: 100%; width: 100%; object-fit: contain; }
.wpb-block--media-tabs .tab__content { display: grid; position: relative; gap: 2rem; }
.wpb-block--media-tabs .tab__item { display: grid; align-items: center; }
.wpb-block--media-tabs .tab__item.has-icon { grid-template-columns: 6.4rem 1fr; -ms-grid-columns: 6.4rem 1fr; gap: 1.6rem; }
.wpb-block--media-tabs .tab__item .icon { background-color: var(--wpb-primary); border-radius: 50%; width: 6.4rem; height: 6.4rem; padding: 1.4rem; transition: box-shadow var(--ts-15) ease; }
.wpb-block--media-tabs .tab__item .icon img { width: 100%; height: 100%; object-fit: contain; }

@media (min-width: 992px) {
    .wpb-block--media-tabs .inner { gap: 8.2rem; }
}


/*** ---------- Block: Tabs ---------- ***/
.wpb-block--text-form {}
.wpb-block--text-form .wpb-form {--p: 4rem; --br: 1rem; position: relative; padding: var(--p); display: flex; flex-direction: column; gap: 2rem; border-radius: var(--br);}
.wpb-block--text-form .wpb-form.wpb-intersect {--p: 8rem 4rem;}
.wpb-block--text-form .wpb-form .wpb-text p {margin: 0;}
.wpb-block--text-form .wpb-form .gform-footer { display: flex; flex-direction: column; gap: 2rem; justify-content: center;}
.wpb-block--text-form .wpb-form .gform-footer .gform_button { margin: 0 auto !important;}

@media (min-width: 1200px) {
    .wpb-block--text-form .wpb-form {--p: 6rem;}
    .wpb-block--text-form .wpb-form.wpb-intersect {--p: 8rem 6rem;}
}


/*** ---------- Block: Tabs ---------- ***/
.wpb-block--tabs .wpb-text { margin-bottom: 2rem; }


/*** ---------- Block: Featured ---------- ***/
.wpb-block--featured .wpb-section__body { --gc: 1; }
.wpb-block--featured .wpb-section__body .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 2rem; }
.wpb-block--featured .wpb-section__body li { list-style: none; }

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

@media (min-width: 992px) {
    .wpb-block--featured .wpb-section__body { --gc: 3; }
}

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


/*** ---------- Block: Text Shortcode ---------- ***/
.wpb-block--text-shortcode .container { column-gap: 2rem; row-gap: 2rem; }

@media (min-width: 992px) {
    .wpb-block--text-shortcode .container { column-gap: 3.2rem; }
    .wpb-block--text-shortcode-primary .wpb-card { order: -1; }
}

@media (min-width: 1200px) {
    .wpb-block--text-shortcode .container { column-gap: 6.4rem; }
}

@media (min-width: 1200px) {
    .wpb-block--text-shortcode .container { column-gap: 9.8rem; }
}


/*** ---------- Block: Youtube embed ---------- ***/
.wpb-block--youtube .container { column-gap: 2rem; row-gap: 2rem; }
.wpb-block--youtube .wpb-ratio :is(iframe, img) { border-radius: .5rem; }
.wpb-block--youtube .wpb-ratio .youtube-play { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; cursor: pointer; transition: opacity var(--ts-35) ease; }
.wpb-block--youtube .wpb-ratio .youtube-play img { object-fit: cover; width: 100%; height: 100%; }
.wpb-block--youtube .wpb-ratio .youtube-play .play-icon { position: absolute; top: calc(50% - 3.2rem); left: calc(50% - 3.2rem); display: grid; place-items: center; z-index: 2; background-color: var(--clr-primary); border-radius: 50%; width: 6.4rem; height: 6.4rem; transition: .25s ease; }
.wpb-block--youtube .wpb-ratio .youtube-play .play-icon i { color: rgb(255,255,255); }
.wpb-block--youtube .wpb-ratio:hover .youtube-play .play-icon { transform: scale(1.065); }

@media (min-width: 992px) {
    .wpb-block--youtube .container { column-gap: 3.2rem; }
    .wpb-block--youtube.wpb-block--youtube-primary .wpb-ratio { order: -1; }
}

@media (min-width: 1200px) {
    .wpb-block--youtube .container { column-gap: 6.4rem; }
}

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


/*** ---------- Block: Timeframe ---------- ***/
.wpb-block--timeframe .wpb-text { margin-bottom: 2rem; }
.wpb-timeframe .wpb-timeframe__content { border-radius: var(--br); --padding-y: 3.2rem; --margin-y: 3.2rem; --scrollbar-height: 0.8rem;  --scrollbar-radius: 2rem;  --row-height: 7rem; padding: var(--padding-y) 0;  margin: var(--margin-y) 0; background-color: var(--clr-primary-80);  display: grid;  overflow-x: auto; margin-top: 1rem; }
.wpb-timeframe .wpb-timeframe__content::-webkit-scrollbar { height: var(--scrollbar-height); }
.wpb-timeframe .wpb-timeframe__content::-webkit-scrollbar-track { background: var(--clr-primary-80); border-radius: var(--scrollbar-radius); }
.wpb-timeframe .wpb-timeframe__content::-webkit-scrollbar-thumb { background: rgba(255,255,255,.5); border-radius: var(--scrollbar-radius); }
.wpb-timeframe .wpb-timeframe__content .inner {--inner-padding: 2rem;--grid-gap: 1rem;padding-left: var(--inner-padding);padding-right: var(--inner-padding);width: max-content;grid-row: 1/-1;grid-column: 1/-1;position: relative;display: grid;grid-auto-flow: dense;grid-auto-rows: var(--row-height);gap: var(--grid-gap);}
.wpb-timeframe .wpb-timeframe__content .inner-1 { z-index: 3; }
.wpb-timeframe .wpb-timeframe__content .inner-2 { z-index: 1; }
.wpb-timeframe .wpb-timeframe__content .wpb-timeframe__grid { grid-row: 1/-1; grid-column: 1/-1; position: relative; display: grid; grid-template-columns: repeat(99, minmax(0, 1fr)); gap: 1.5rem 0; } 
.wpb-timeframe .wpb-timeframe__content .wpb-timeframe__grid--items { z-index: 3; margin: 2.2rem 0; }
.wpb-timeframe .wpb-timeframe__content .wpb-timeframe__grid--indicators { z-index: 1; }
.wpb-timeframe__indicator { position: relative; width: .1rem; background-color: var(--clr-border); }
.wpb-timeframe__indicator::before { content: attr(data-phase); color: var(--clr-text); position: absolute; bottom: calc(100% + 1rem); left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 1.4rem; line-height: 1.4; }
.wpb-timeframe__indicator:first-of-type::before { left: 100%; transform: none; }
.wpb-timeframe__indicator:last-of-type::before { left: auto; right: 100%; transform: none; }
.timeframe-item {--item-padding: 1rem 1.5rem;--item-radius: 0.8rem;--item-font-size-large: 1.6rem;--item-font-size-small: 1.4rem;--item-line-height: 1.4;background-color: rgb(var(--wpb-primary));display: inline-block;padding: var(--item-padding);border-radius: var(--item-radius);position: relative; }
.timeframe-item.timeframe-item__primary { background-color: var(--clr-primary) }
.timeframe-item strong {display: block;font-size: var(--item-font-size-large); line-height: var(--item-line-height);color: #fff;}
.timeframe-item span {display: block;font-size: var(--item-font-size-small); line-height: var(--item-line-height);color: #fff;}
.timeframe-item:first-child { margin-left: 0!important; }
.timeframe-item:last-child { margin-right: 0!important; }

@media (min-width: 768px) {
    .wpb-timeframe .wpb-timeframe__content .inner { --inner-padding: 3rem; --grid-gap: 1.5rem; }
}


/*** ---------- Block: Line up ---------- ***/
.wpb-block--lineup {position: relative;}
.wpb-block--lineup .wpb-text {position: absolute; top: 0; display: flex; justify-content: center; width: 100%;}
.wpb-block--lineup .wpb-text::after {content: ''; position: absolute; bottom: calc(100% + 2rem); left: 50%; right: 50%; width: .3rem; height: 13rem; background: var(--clr-text);}
.wpb-block--lineup .container .event-grid {--gap: 2.4rem; display: flex; flex-wrap: wrap; gap: var(--gap); align-items: stretch; }
.wpb-block--lineup .container .btn-group {justify-content: center; margin-top: 4.8rem;}
.wpb-block--lineup .container .event-grid .wpb-block__column { --br: 0.8rem; position: relative; background-color: var(--clr-primary-80); --p: 3.6rem; max-width: 60rem; margin: 0 auto; width: 100%; height: auto; border-radius: var(--br); overflow: hidden;}
.wpb-block--lineup .container .event-grid .wpb-block__column.gradient::after { content: ''; position: absolute; right: 0; bottom: 0; background: linear-gradient(0deg, rgba(var(--clr-primary-80-rgb), 1) 0%, rgba(var(--clr-primary-80-rgb),0) 35%); width: 100%; height: 100%;}
.wpb-block--lineup .container .event-grid .wpb-block__column .inner { display: flex; flex-direction: column; padding: var(--p); gap: 4rem;}
.wpb-block--lineup .container .event-grid .wpb-block__column .inner .column--header { display: flex; align-items: center; justify-content: space-between; color: var(--clr-heading);}
.wpb-block--lineup .container .event-grid .wpb-block__column .inner .column--header .header {font-size: clamp(2.8rem, 4vw, 4.8rem); font-weight: 700; }
.wpb-block--lineup .container .event-grid .wpb-block__column .inner .column--header .event-date {--br: 0.5rem; --p: 0.6rem 1.2rem; border: 1px solid var(--clr-text); border-radius: var(--br); line-height: 1; font-size: 2.4rem; text-transform: uppercase; padding: var(--p);}
.wpb-block--lineup .container .event-grid .wpb-block__column .inner .column--body { display: flex; align-items: center; justify-content: space-between; flex-direction: column; color: var(--clr-text);}
.wpb-block--lineup .container .event-grid .wpb-block__column .inner .column--body .lineup-item {display: grid; grid-template-columns: 4.4rem 1fr; gap: 2.8rem; width: 100%; padding: 1rem 0; font-weight: 700;}
.wpb-block--lineup .container .event-grid .wpb-block__column .inner .column--body .lineup-item { border-bottom: 1px solid var(--clr-border-light);}

@media (min-width: 992px) {
    .wpb-block--lineup .container .event-grid .wpb-block__column { max-width: 45rem;}
}
@media (min-width: 1200px) {
    .wpb-block--lineup .container .event-grid .wpb-block__column { max-width: calc(50% - var(--gap));}
}
@media (min-width: 1600px) {
    .wpb-block--lineup .container .event-grid .wpb-block__column { max-width: calc(33% - var(--gap));}
}


/*** ---------- Block: timetable ---------- ***/
.wpb-block--timetable {position: relative;}
.wpb-block--timetable .container .event-grid {--gap: 2.4rem; display: flex; flex-wrap: wrap; gap: var(--gap); align-items: stretch; }
.wpb-block--timetable .container .btn-group {justify-content: center; margin-top: 4.8rem;}
.wpb-block--timetable .container .event-grid .wpb-block__column { --br: 0.8rem; position: relative; background-color: var(--clr-primary-80); --p: 2rem; max-width: 60rem; margin: 0 auto; width: 100%; height: auto; border-radius: var(--br); overflow: hidden;}
.wpb-block--timetable .container .event-grid .wpb-block__column.gradient::after { content: ''; position: absolute; right: 0; bottom: 0; background: linear-gradient(0deg, rgba(var(--clr-primary-80-rgb), 1) 0%, rgba(var(--clr-primary-80-rgb),0) 35%); width: 100%; height: 100%;}
.wpb-block--timetable .container .event-grid .wpb-block__column { display: flex; flex-direction: column;}
.wpb-block--timetable .container .event-grid .wpb-block__column .column--header {--pos: var(--p); position: relative;}
.wpb-block--timetable .container .event-grid .wpb-block__column .column--header::after {content: ''; background: linear-gradient(180deg, rgba(var(--clr-primary-80-rgb), 0) 58.27%, rgba(var(--clr-primary-80-rgb), 1) 100%); position: absolute; bottom: 0; width: 100%; height: 100%;}
.wpb-block--timetable .container .event-grid .wpb-block__column .column--header .badge { position: absolute; top: var(--pos); right: var(--pos);}
.wpb-block--timetable .container .event-grid .wpb-block__column .column--header .wpb-text { position: absolute; bottom: var(--pos); left: var(--pos); color: var(--clr-light); z-index: 1;}

.wpb-block--timetable .container .event-grid .wpb-block__column .column--body {padding: var(--p); display: flex; align-items: center; justify-content: space-between; flex-direction: column; color: var(--clr-text);}
.wpb-block--timetable .container .event-grid .wpb-block__column .column--body .lineup-item {--g: 1.6rem; display: grid; grid-template-columns: 4.4rem 1fr; gap: var(--g); width: 100%; padding: 1rem 0; border-bottom: 1px solid var(--clr-border-light); font-weight: 700;}

@media (min-width: 992px) {
    .wpb-block--timetable .container .event-grid .wpb-block__column { max-width: 45rem; --p: 3.6rem;}
    .wpb-block--timetable .container .event-grid .wpb-block__column .column--body .lineup-item {--g: 2.8rem;}
}
@media (min-width: 1200px) {
    .wpb-block--timetable .container .event-grid .wpb-block__column { max-width: calc(50% - var(--gap));}
}
@media (min-width: 1600px) {
    .wpb-block--timetable .container .event-grid .wpb-block__column { max-width: calc(33% - var(--gap));}
}


/*** ---------- Block: sponsoren ---------- ***/
.wpb-block--sponsoren {}
.wpb-block--sponsoren .container {display: flex; flex-direction: column; align-items: center; gap: 5.4rem;}
.wpb-block--sponsoren .container .wpb-sponsors { --rg: 2.4rem; --cg: 2.4rem; display: flex; align-items: center; flex-wrap: wrap; column-gap: var(--cg); row-gap: var(--cg); width: 100%; justify-content: center; }
.wpb-block--sponsoren .container .wpb-sponsors .sponsor {display: flex; justify-content: center; align-items: center;  }
.wpb-block--sponsoren .container .wpb-sponsors .sponsor img {max-height: 5.6rem; max-width: 12.4rem; filter: opacity(60%) brightness(0) invert(1); transition: all var(--ts-duration) ease-in-out;}
.wpb-block--sponsoren .container .wpb-sponsors .sponsor:is(a[href]):hover img { filter: opacity(80%) brightness(0) invert(1);}

@media (min-width: 992px) {
    .wpb-block--sponsoren  .container .wpb-sponsors {--rg: 2.4rem; --cg: 7.2rem;}
}
@media (min-width: 992px) {
    .wpb-block--sponsoren  .container .wpb-sponsors {--rg: 2.4rem; --cg: 7.2rem;}
}

/*** ---------- Block: cta ---------- ***/
.wpb-block--cta .container {display: flex; flex-direction: column; padding: 4rem; gap: 1rem; position: relative;}
.wpb-block--cta .container .wpb-text h2 {margin-top: 2rem;}

@media (min-width: 768px) {
    .wpb-block--cta .container { flex-direction: row; justify-content: space-between; align-items: center; }
    .wpb-block--cta .container {padding: 6rem;}
}
@media (min-width: 1200px) {
    .wpb-block--cta .container {padding: 8rem 10rem 8rem 24rem;}
}


/*** ---------- Block: artiesten-slider ---------- ***/
.wpb-block--artiesten-slider {--m: 2.4rem; --p: 1.8rem;}
.wpb-block--artiesten-slider .btn-group {justify-content: center !important;}
.wpb-block--artiesten-slider .blaze-slider--artiesten { --slides-to-show: 1!important; --slide-gap: 20px; overflow: hidden; padding: 0 var(--p);}
.wpb-block--artiesten-slider .blaze-slider--artiesten .wpb-text {display: flex; justify-content: space-between; align-items: center;}
.wpb-block--artiesten-slider .blaze-slider--artiesten .wpb-image {--w: auto; --h: 26rem; width: var(--w); height: var(--h); position: relative; margin: 2rem;}
.wpb-block--artiesten-slider .blaze-slider--artiesten .wpb-image .badge {position: absolute; bottom: 2rem; right: 2rem; --fs: 1.8rem;}
.wpb-block--artiesten-slider .blaze-slider--artiesten .wpb-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%;}

.wpb-block--artiesten-slider .blaze-slider--artiesten .blaze-container {margin: var(--m) 0 ;}
.wpb-block--artiesten-slider .blaze-slider--artiesten .blaze-track-container {overflow: visible;}
.wpb-block--artiesten-slider .blaze-slider--artiesten .blaze-slide .h3 {font-weight: 800;}
.wpb-block--artiesten-slider .blaze-slider--artiesten .blaze-track {--l: 0; position: relative; left: var(--l);}
.wpb-block--artiesten-slider .blaze-slider--artiesten .blaze-nav-container {margin: 0!important; padding: 0!important; display: flex; gap: 1.6rem; }

@media (min-width: 576px) {
    .wpb-block--artiesten-slider .blaze-slider--artiesten { --slides-to-show: 2!important; }
    .wpb-block--artiesten-slider {--m: 4rem; --p: 0;}
    .wpb-block--artiesten-slider .blaze-slider--artiesten .blaze-track {--l: 4rem; }
}

@media (min-width: 992px) {
    .wpb-block--artiesten-slider .blaze-slider--artiesten .blaze-track {--l: 9.6rem;}
    .wpb-block--artiesten-slider .blaze-slider--artiesten .wpb-image {--h: 36rem;}
}

@media (min-width: 1200px) {
    .wpb-block--artiesten-slider .blaze-slider--artiesten { --slides-to-show: 3!important; }
}

@media (min-width: 1400px) {
    .wpb-block--artiesten-slider .blaze-slider--artiesten { --slides-to-show: 4!important; }
}