/* @group Featured events slider
------------------------------------ */

.featured-events-slider { position: relative; margin: 10.7rem 0 5em; }
.featured-events-slider::after,
.featured-events-slider::before { content: ''; position: absolute; top: 0; left: 0; pointer-events: none;  height: 57em; width: 100%; }
.featured-events-slider::after { background: url('../../img/layout/featured-events-slider/background.png') repeat-x left top; z-index: -2; }
.featured-events-slider::before { background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%); z-index: -1; }

.featured-events-slider header { padding: 5.2em 0 3em; }
.featured-events-slider header h1 { text-transform: uppercase; font-weight: 700; font-size: 3em; line-height: 1em; letter-spacing: .0667em; color: var(--navy-blue); }

.featured-events-slider .splide__slide { background-color: var(--navy-blue); color: var(--white); position: relative; }
.featured-events-slider .splide__slide .background { background: unset; position: absolute; top: 0; left: 0; pointer-events: none; width: 100%; height: 14em; }
.featured-events-slider .splide__slide .image { background: unset; margin: 0 4.5em 3em; }
.featured-events-slider .splide__slide .image figcaption { width: 100%; position: absolute; top: 3em; left: 50%; transform: translate(-50%, 0); display: flex; align-items: center; row-gap: .5em; column-gap: 1.5em; flex-wrap: wrap; padding: 0 2em; }
.featured-events-slider .splide__slide .image figcaption span { font-size: 1.2em; line-height: 1.5em; letter-spacing: .07em; font-weight: 700; text-transform: uppercase; display: inline-block; width: fit-content; padding: .5rem 2rem; background-color: var(--yellow); color: var(--navy-blue); border-radius: 10em; }
.featured-events-slider .splide__slide .image figcaption span.daily { background-color: var(--secondary-lightblue); }
.featured-events-slider .splide__slide .image figcaption span.weekly { background-color: var(--secondary-pink); }
.featured-events-slider .splide__slide .image figcaption span.monthly { background-color: var(--secondary-orange); }

.featured-events-slider .splide__slide .txt-box { padding: 0 3em 3.2em; }
.featured-events-slider .splide__slide .txt-box h3 { text-transform: uppercase; font-weight: 700; font-size: 3em; line-height: 1em; letter-spacing: .066em; margin: 0 0 1em; }
.featured-events-slider .splide__slide .txt-box time { font-weight: 500; font-size: 1.5em; line-height: 1.8em; letter-spacing: .133em; display: block; }
.featured-events-slider .splide__slide .txt-box time:last-of-type { margin: 0 0 1.33em; }
.featured-events-slider .splide__slide .txt-box p { font-weight: 500; font-size: 1.6em; line-height: 1.5em; letter-spacing: .125em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.featured-events-slider .splide__slide .txt-box .bttn-outlined { color: var(--white); background: none, var(--navy-blue); min-width: 13.3em; text-align: center; margin-top: 1.25em; }
.featured-events-slider .splide__slide .txt-box .bttn-outlined i { background-color: var(--navy-blue); }
.featured-events-slider .splide__slide .txt-box .bttn-outlined:hover { color: var(--yellow); }

.featured-events-slider .splide__arrows { margin-top: 3.6em; }
.featured-events-slider .splide__arrows .splide__arrow { position: static; transform: none; }
.featured-events-slider .splide__arrows .splide__arrow--prev { margin-right: 2em; }
.featured-events-slider .splide__pagination { width: 50%; bottom: .9em; justify-content: flex-end; left: unset; right: 6.5rem; padding: 0;  }
@media only screen
and (min-width : 961px) {

    .featured-events-slider::before,
    .featured-events-slider::after { height: 57rem; }

    .featured-events-slider header { padding: 5rem 0; } 
    .featured-events-slider header h1 { font-size: 4.5em; letter-spacing: .044em; }

    .featured-events-slider .splide__track { padding-right: 8.333%!important; }

    .featured-events-slider .splide__slide .background { height: 25.3rem; }
    .featured-events-slider .splide__slide .image { height: 34.5rem; }

    .featured-events-slider .splide__slide .txt-box { padding: 0 5rem 3rem; }
    .featured-events-slider .splide__slide .txt-box time { font-size: 1.9em; line-height: 1.5em; letter-spacing: .105em; }
    .featured-events-slider .splide__slide .txt-box p { font-size: 1.8em; letter-spacing: 0.11em; }

    .featured-events-slider .splide__arrows .splide__arrow--prev { margin-right: 3rem; }
    .featured-events-slider .splide__pagination { bottom: 1.3rem; }

    .featured-events-slider header .bttn { position: absolute; 
        border-radius: 10rem;
        border: .2rem solid var(--White, #F1F2F2);
        background: var(--Yellow, #EBC982);
        box-shadow: 0px .4rem 1rem 0px rgba(0, 0, 0, 0.10);
        backdrop-filter: blur(.5rem);
        display: inline-flex;
        height: 5.5rem;
        padding: 1.1rem 2.2rem;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        flex-shrink: 0;
        top: -.5rem;
        right: 0;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {

}
@media only screen
and (min-width : 1729px) {
    .featured-events-slider::after { background-image: url('../../img/layout/featured-events-slider/background-big.png'); }
}
@media only screen
and (max-width : 960px) {
    .featured-events-slider .splide { padding: 0 0 0 6.5rem; }
    .featured-events-slider .splide__track { padding-right: 6.5rem!important; }
    .featured-events-slider .splide__slide .image { aspect-ratio: 1 / 1; } 
    .featured-events-slider header .bttn { width: calc( 100% + 13rem); position: relative; left: -6.5rem; margin: -4.4rem 0 4rem; text-align: center; font-size: 3.2rem;letter-spacing: 0.2rem; line-height: 2em; text-transform: uppercase; padding: 1.8rem 0; border: .2rem solid var(--White, #F1F2F2); }
    .featured-events-slider header .bttn > i { margin-left: 3rem; font-size: 3.4rem; }
}