/* =========================================
   SRG BLOG - SLIDER BANNER FIX
   ========================================= */

/* Main slider */
.blogListing .sliderMain {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* Slider viewport */
.blogListing .sliderMain .slick-list {
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
}

/* Slider track */
.blogListing .sliderMain .slick-track {
    display: flex !important;
    align-items: stretch !important;
    height: auto !important;
}

/* Individual slides */
.blogListing .sliderMain .sliderMain-slide {
    height: auto !important;
    overflow: hidden !important;
}

/* Actual banner image */
.blogListing .sliderMain .sliderMainImageUpdated {
    width: 100% !important;

    /* Let the image scale naturally */
    height: auto !important;
    min-height: 0 !important;

    /* Temporary sizing until actual ratio is known */
    aspect-ratio: 4 / 1 !important;

    background-size: 100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Banner content */
.blogListing .sliderMainContent {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.blogListing .sliderMainContent-inner {
    width: 100% !important;
    text-align: center !important;
}

/* Mobile */
@media screen and (max-width: 600px) {
    .blogListing .sliderMain .sliderMainImageUpdated {
        aspect-ratio: 4 / 1 !important;
        background-size: 100% auto !important;
    }
}