/* @group Main Hero
------------------------------------ */

.main-hero-splide .splide__arrows {
    display: none;
}
.main-hero-splide .splide__track {
    pointer-events: none;
}
.main-hero__container .splide__arrow--next {
    right: 2rem;
}
.main-hero__container .splide__arrow--prev {
    left: 2rem;
}

.main-hero__container .splide__sr {
    display: none;
}
@media only screen
and (min-width : 961px) {
    .main-hero__container .row {
        position: relative;
    }
    .main-hero__container .row::before {
        content: '';
        width: 18.3rem;
        height: 21.1rem;
        background-image: url('../../imgs/layout/patterns/leaves.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        pointer-events: none;
    }
    .main-hero__container figure {
        height: auto;
        max-height: 78rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
    .main-hero__container .row,
    .main-hero__container figure {
        height: 63rem;
    }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */


/* Animations */

.main-hero__container .splide__track {opacity: 0;}
.main-hero__container.animateActive .splide__track {animation: fade 1.4s forwards;}
.main-hero__container.animateActive .splide__track {animation-delay:1.4s;}     

.main-hero__container .row::before {opacity: 0;}
.main-hero__container.animateActive .row::before {animation: fade 1.6s forwards;}
.main-hero__container.animateActive .row::before {animation-delay: 1.6s;}