/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */

.wp-block-sno-block-snolab-slider,
.slider-fullscreen-inner {
    .image-caption {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 10;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 1rem;
        color: white;
        font-size: 1.4rem;
    }
}

.wp-block-sno-block-snolab-slider {
    .image-caption {
        display: none;
    }
}

.slider-fullscreen-inner {
    .swiper-slide {
        width: 100% !important;
        border-radius: 0 !important;
        height: auto;

        &::before {
            content: none;
        }

        img {
            position: relative;
            display: block;
            max-width: 100%;
            width: 100%;
            height: auto;
        }
    }

    .image-caption {
        display: block;

        @media only screen and (max-width:55em) {
            position: relative;
        }
    }
}