/* @group Mid Image Slider
------------------------------------ */ 

.mid-image-slider {
    position: relative;
}

.mid-image-slider .slider-row .splide .splide__arrows {
    display: none;
}
.mid-image-slider .slider-row .splide .splide__pagination {
    padding: 0;
    gap: 3.2rem;
}
.mid-image-slider .slider-row .splide .splide__pagination__page .slide-page-icon {
    border-radius: 100%;
    --color-icon-desktop: var(--primary-200);
    --color-icon-hover: var(--color-icon-desktop);
}
.mid-image-slider .slider-row .splide .splide__pagination__page .slide-page-icon:hover {
    opacity: .7;
}
.mid-image-slider .slider-row .splide .splide__pagination__page.is-active .slide-page-icon {
    --color-icon-desktop: var(--primary-900);
}

.mid-image-slider .slider-row .splide .splide__slide .text-group :is(.bp-button, #important) {
    display: none;
}

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

    .mid-image-slider .slider-row {
        position: relative;
    }
    .mid-image-slider .slider-row > .bp-group {
        margin-left: var(--offsetLeft)!important;
    }
    .mid-image-slider .slider-row > .bp-group:is(.buttons-wrapper) {
        width: 35%;
    }
    .mid-image-slider .slider-row > .bp-group:not(.buttons-wrapper) {
        width: calc(100% - var(--offsetLeft));
        margin-top: -10rem;
    }
    .mid-image-slider .slider-row .splide .splide__pagination {
        gap: 1.2rem;
    }
    .mid-image-slider .slider-row .splide .splide__pagination__page .slide-page-icon {
        --color-icon-desktop: var(--primary-600);
    } 
    .mid-image-slider .slider-row .splide__slide {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
    }
    .mid-image-slider .slider-row .splide__slide :is(.text-group, #important) {
        width: 35%;
        padding-top: 10rem;
    }
    .mid-image-slider .slider-row .splide__slide :is(.multimedia-group, #important) {
        width: 50%;
    }

    .mid-image-slider .slider-row .splide__slide .text-group .scroll-content {
        height: 22rem;
        overflow-y: auto;
        padding-right: 1rem;
    }

    .mid-image-slider .slider-row .splide__slide .text-group .scroll-content::-webkit-scrollbar {
        width: 3px;
    }
    .mid-image-slider .slider-row .splide__slide .text-group .scroll-content::-webkit-scrollbar-track {
        background: var(--white);
        border-radius: 10px;
    }
    .mid-image-slider .slider-row .splide__slide .text-group .scroll-content::-webkit-scrollbar-thumb {
        background: var(--primary-900); 
        border-radius: 10px;
    }
    
    .mid-image-slider .slider-row .splide__slide .multimedia-group :is(.bp-multimedia, .img-box) {
        height: 60rem;
    }

    .mid-image-slider .slider-row:has(.external-buttons-wrapper) .splide__slide :is(.text-group, #important) {
        padding-bottom: var(--heightButtons);
        
    }
    .mid-image-slider .slider-row .buttons-wrapper .external-buttons-wrapper {
        padding-block: 5rem;
        position: absolute;
        bottom: 1rem;
    }
    .mid-image-slider .slider-row .buttons-wrapper .external-buttons-wrapper .bp-button {
        display: flex!important;
    }
    .mid-image-slider .slider-row .buttons-wrapper .external-buttons-wrapper .bp-button:is(.is-style-textLink):not(:hover) {
        --_color: var(--color-text-desktop);
    }
    .mid-image-slider .slider-row .buttons-wrapper .external-buttons-wrapper .bp-button:is(.is-style-textLink).is-active {
        --color-text-desktop: var(--primary-950)!important;
    }
    .mid-image-slider .slider-row .buttons-wrapper .external-buttons-wrapper .bp-button:not(:last-of-type) {
        margin-bottom: 1.6rem;
    }
    .mid-image-slider .slider-row .buttons-wrapper .external-buttons-wrapper .bp-button * {
        pointer-events: none;
    }
    
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .mid-image-slider .slider-row {
        padding-inline: 0!important;
    }
    .mid-image-slider .slider-row > .bp-group {
        width: 100%;
    }
    .mid-image-slider .slider-row .splide__pagination {
        bottom: unset!important;
        top: 20rem!important;
    }
    .mid-image-slider .slider-row .splide__slide {
        display: flex;
        flex-direction: column;
        gap: 2.4rem;
    }
    .mid-image-slider .slider-row .splide__slide .text-group {
        padding-inline: var(--_row-extra-pad);
    }
    .mid-image-slider .slider-row .splide__slide .multimedia-group {
        order: -1;
    }
    .mid-image-slider .slider-row .splide__slide .multimedia-group :is(.img-box, .bp-multimedia) {
        height: 22.4rem;
    }
}

/* @end */


/* EDITOR */
:where(.editor-styles-wrapper) .mid-image-slider .title-row :is(.title-col, #important) {
    margin-left: 0!important;
}
:where(.editor-styles-wrapper) .mid-image-slider .slider-row .buttons-wrapper {
    display: none;
}
:where(.editor-styles-wrapper) .mid-image-slider .slider-row .splide__slide > .block-editor-inner-blocks > .block-editor-block-list__layout {
    display: flex;
}
:where(.editor-styles-wrapper) .mid-image-slider .slider-row .splide__slide :is(.text-group, #important) {
    width: 50%;
    padding-right: 10%;
}
:where(.editor-styles-wrapper) .mid-image-slider .slider-row .splide__slide :is(.multimedia-group, #important) {
    padding-right: 5%;
}
:where(.editor-styles-wrapper) .mid-image-slider .slider-row .splide__slide .text-group :is(.bp-button, #important) {
    display: flex!important;
    margin-top: 2rem;
}
:where(.editor-styles-wrapper) .mid-image-slider .slider-row .splide__pagination {
    margin-top: 2rem;
}


/* ANIMATIONS */
:where(#wrapper) .mid-image-slider {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .mid-image-slider.animateActive {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
	--delay: 0.3s;
}
/* @end */