/* @group Explore mode
------------------------------------ */
.explore-mode {
    position: relative;
}

.page-template-explore-more .overview.colors::after {
    background-image: url('../../img/layout/explore-mode/colors-bg.webp');
}
.page-template-explore-more .overview.flowers::after {
    background-image: url('../../img/layout/explore-mode/jungle-bg.webp');
}
@media only screen
and (min-width : 961px) {

    .page-template-explore-more .slider-aside-text .bg {
        width: 82.4rem;
    }
    .page-template-explore-more .overview .image .img-box {
        height: 70em;
    }
    .page-template-explore-more .overview::after {
        height: 72.5em;
        top: -6.4rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .page-template-explore-more .overview,
    .page-template-explore-more .slider-aside-text {
        margin: 0 0 6rem;
    }
}

/* MIDDLE BANNER */
.middle-banner {
	position: relative;
	isolation: isolate;
    margin: 0 0 10rem;
}
.middle-banner .front {
	width: 100%;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.07);
}
@media only screen 
and (min-width: 961px) {
    .middle-banner {
        padding: 5.5rem 7.7rem;
        margin: 0 0 15rem;
    }
    .middle-banner .front {
        height: 70rem;
    }
}
@media only screen 
and (min-width: 0) 
and (max-width: 960px) {
	.middle-banner {
		padding: 3em;
	}
	.middle-banner .front {
		height: 44em;
	}
}

/* SLIDER CARDS */
@media only screen 
and (min-width: 961px) {
    .page-template-explore-more .slider-cards-with-background .splide .splide__slide .txt-box {
        top: -4rem;
    }
    .page-template-explore-more .slider-cards-with-background .splide .splide__slide .txt-box h3 span {
        font-size: 9em;
        padding: 0 1rem;
    }
    .page-template-explore-more .slider-cards-with-background .splide .splide__slide .txt-box h3 sup {
        font-size: 5em;
    }
}