/* @group slider-aside-list
------------------------------------ */

.slider-aside-list {
    position: relative;
    transition: none;
    --_desktop-pagination-active: var(--midnight-musing);
}

.slider-aside-list .splide__pagination__page {
    border: 1px solid var(--midnight-musing);
    width: 1rem;
    height: 1rem;
}

.slider-aside-list .splide {
    height: 100vh;
}

.slider-aside-list .splide__track {
    height: 100%;
}

.slider-aside-list :is(.splide__slide, #important) {
    transition: opacity 1500ms ease !important;
    inset: 0 !important;
    background: var(--linen);
}

.slider-aside-list .bp-group {
    z-index: 1;
}

.slider-aside-list .bp-group ul {
    padding-left: 2rem;
    list-style: square;
}

.slider-aside-list .bp-group li {
    color: var(--_txt-color, var(--fresh-lawn));
    font-size: 1.5rem;
}

.slider-aside-list .bp-group li::marker {
    font-size: 1.2rem;
}

.slider-aside-list h2 {
    color: var(--sprout);
}

.slider-aside-list p {
    color: var(--fresh-lawn);
}

.slider-aside-list .has-eyebrow-font-size {
    text-transform: uppercase;
}

.slider-aside-list .slide-overlap {
    max-width: none !important;
}

.slider-aside-list .slide-overlap .bp-multimedia {
    margin-left: auto;
}

.slider-aside-list:has(.bg-mist.is-active) {
    background: var(--);
}

.slider-aside-list .bg-mist {
    --_border-color: var(--linen);
    --_txt-color: var(--fresh-lawn);
}

.slider-aside-list .bg-linen {
    --_txt-color: var(--midnight-musing);
}

.slider-aside-list .bg-sunrise-bliss {
    --_border-color: var(--linen);
    --_txt-color: var(--midnight-musing);
}

.slider-aside-list [data-index="0"] :is(h2, p) {
    color: var(--fresh-lawn);
}

.slider-aside-list [data-index="1"] :is(h2, p),
.slider-aside-list [data-index="2"] :is(h2, p) {
    color: var(--sprout);
}

.slider-aside-list .splide__pagination li {
    cursor: pointer;
}

.slider-aside-list .splide__pagination button {
    pointer-events: none;
}

@media only screen 
and (min-width : 961px) {

    .slider-aside-list {
        /* --heightImage: 67.14vh; */
        --minHeightImage: 820px;
        --heightImage: 100%;
        --pdTop: 14rem;
        --padBottom: 15rem;
    }
    .slider-aside-list .splide__slide {
        min-height: var(--minHeightImage);
        padding-block: var(--pdTop) var(--padBottom);
    }
    .slider-aside-list .splide__slide .bp-multimedia {
        width: 54.5rem;
        margin-left: auto;
        margin-right: 30.9rem;
        height: var(--heightImage);
    }
    .slider-aside-list .bp-group {
        position: absolute;
        left: 51.1rem;
        bottom: var(--padBottom);
    }
    .slider-aside-list .bp-group ul li {
        font-size: max(15px, 1.5rem);
    }
    .slider-aside-list .fixed-text {
        position: absolute;
        z-index: 1;
    }

    .slider-aside-list h2 {
        padding-bottom: 3rem;
        line-height: 100%;
    }

    .slider-aside-list h3 {
        padding-bottom: 3rem;
    }

    .slider-aside-list .wp-block-buttons {
        margin: 3rem 0 0;
    }
    .slider-aside-list .splide__pagination {
        margin-top: 14rem;
        margin-inline: 0 27.7rem;
        justify-content: flex-start;
    }

    .slider-aside-list .fixed-text {
        top: calc(var(--siteNavHeight) + 2rem);
    }

    .slider-aside-list .slide-overlap .bp-multimedia {
        width: 47rem;
    }
}

@media only screen and (min-width : 0) and (max-width : 960px) {
    .slider-aside-list {
        --_slide-padding: 8rem;
        padding-top: 7rem;
        /* background: var(--mist); */


    }

    .slider-aside-list .splide .bp-multimedia {
        width: 100%;
        height: 30vh;
        margin-inline: auto;
        order: -1;
    }

    .slider-aside-list .fixed-text {
        width: calc(100% - 6rem);
    }

    .slider-aside-list .splide {
        height: calc(100vh - 12rem);
    }

    .slider-aside-list .splide__slide {
        display: flex;
        flex-direction: column;
        padding-block: var(--_slide-padding) 7rem;
        padding-inline: 3rem;
    }

    .slider-aside-list .splide__slide .bp-group {
        margin-top: 5.4rem;
        margin-left: 2rem;
    }

    .slider-aside-list .splide__pagination {
        flex-direction: row;
        max-height: fit-content;
        top: calc(var(--_slide-padding) + 30vh);
        left: 0;
        right: unset;
        bottom: unset;
        padding-left: 3rem;
    }

    .slider-aside-list h2 {
        padding-bottom: 3rem;
    }


    .slider-aside-list h3 {
        padding-bottom: 2rem;
    }

    .slider-aside-list .slide-overlap .bp-multimedia {
        width: 47rem;
        margin-right: 0;
    }

    .slider-aside-list .slide-overlap .bp-multimedia img {
        object-fit: contain;
        object-position: right bottom;
    }
}

@media only screen 
and (min-width : 800px) 
and (max-width : 1440px) {

    /* .slider-aside-list .splide__slide>.bp-multimedia {
        height: 53vh;
    } */

    /* .slider-aside-list .splide__pagination {
        top: calc(var(--_slide-padding) + 53vh);
    } */
    .slider-aside-list .slide-overlap .bp-multimedia {
        width: 23rem;
        margin-right: 0;
    }

    .slider-aside-list .wp-block-buttons {
        margin: 4rem 0 0;
    }
}

/* @end */


/* EDITOR */

#editor .slider-aside-list .fixed-text {
    top: unset;
    padding-inline: 0 !important;
}

#editor .slider-aside-list .bp-slider {
    width: 50%;
    margin-left: auto;
    margin-right: 0;
}

#editor .slider-aside-list .splide__slide .bp-group {
    margin-inline: auto;
    position: static;
    margin-top: 3rem;
}

#editor .slider-aside-list .splide__slide .bp-multimedia {
    margin-inline: auto;
    position: static;
}

#editor .slider-aside-list .block-editor-block-list__block {
    height: 100%;
}

#editor .slider-aside-list .slide-overlap .block-editor-block-list__layout {
    padding-top: 6rem;
}