/** 
* Overflow Carousels
* -----------------------------------------------------------------------------
*/

.overflow-carousel {
    position: relative;
    width: 100%;
    padding: 0;

    /** Splide Carousel */

    .splide {
        position: relative;
        width: 100%;
        height: auto;

        .splide__slide {

            img {
                width: 100% !important;
            }

        }

    }

    .splide__arrow {
        background: var(--wp--preset--color--primary-accent);

        &:not(:disabled) {
            opacity: 1;
        }

        svg {
            fill: #ffffff;
            height: 0.9em;
            width: 0.9em;            
        }
    }    

    .splide__pagination {
        bottom: 3em;

        li {
            margin: 0 0.4em;
        }
    }

}