/*****************************************************************************

    ███████╗██╗     ██╗██████╗ ███████╗███████╗██╗  ██╗ ██████╗ ██╗    ██╗
    ██╔════╝██║     ██║██╔══██╗██╔════╝██╔════╝██║  ██║██╔═══██╗██║    ██║
    ███████╗██║     ██║██║  ██║█████╗  ███████╗███████║██║   ██║██║ █╗ ██║
    ╚════██║██║     ██║██║  ██║██╔══╝  ╚════██║██╔══██║██║   ██║██║███╗██║
    ███████║███████╗██║██████╔╝███████╗███████║██║  ██║╚██████╔╝╚███╔███╔╝
    ╚══════╝╚══════╝╚═╝╚═════╝ ╚══════╝╚══════╝╚═╝  ╚═╝ ╚═════╝  ╚══╝╚══╝ 
                                                                                                                                                                                        
 *****************************************************************************/



    /* Make links non clickable in backend. */

    .is-root-container .nvm-slideshow .button {
        pointer-events: none;
    }



    /* Slideshow main container. */

    .nvm-slideshow {
        position: relative;
        z-index: 0;
        overflow: hidden;
    }

    .laptop .nvm-slideshow {
        height: calc(100vh - 8.2rem);
    }



    /* No navigation slideshow. */

    .nvm-slideshow-no-navigation .responsiville-slideshow-navigation {
        display: none;
    }

    .nvm-slideshow-no-bullets .responsiville-slideshow-bullets  {
        display: none;
    }



    /* Slideshow aspect ratios. */

    .nvm-slideshow-9x21 {
        aspect-ratio: 9/21;
    }

    .nvm-slideshow-9x16 {
        aspect-ratio: 9/16;
    }

    .nvm-slideshow-3x4 {
        aspect-ratio: 3/4;
    }

    .nvm-slideshow-2x3 {
        aspect-ratio: 2/3;
    }

    .nvm-slideshow-1x1 {
        aspect-ratio: 1/1;
    }

    .nvm-slideshow-3x2 {
        aspect-ratio: 3/2;
    }

    .nvm-slideshow-4x3 {
        aspect-ratio: 4/3;
    }

    .nvm-slideshow-16x9 {
        aspect-ratio: 16/9;
    }

    .nvm-slideshow-21x9 {
        aspect-ratio: 21/9;
    }

    html:not(.laptop) .nvm-slideshow-21x9,
    html:not(.laptop) .image-box-21x9 {
        aspect-ratio: 5/4;
    }

    html:not(.tablet) .nvm-slideshow-21x9,
    html:not(.tablet) .image-box-21x9 {
        aspect-ratio: 3/4;
    }


    
    /* Slideshow buttons. */

    .nvm-slideshow .responsiville-slideshow-next, 
    .nvm-slideshow .responsiville-slideshow-previous,
    .nvm-slideshow .responsiville-slideshow-bullet {
        box-shadow: none !important;
    }

    .nvm-slideshow .responsiville-slideshow-next::after, 
    .nvm-slideshow .responsiville-slideshow-previous::after,
    .nvm-slideshow .responsiville-slideshow-bullet::after {
        display: none;
        box-shadow: none !important;
    }
    

    
    /* Slideshow slides. */

    .nvm-slideshow .slide figure {
        width: 100%;
        height: 100% !important;
    }

        .nvm-slideshow .slide figure img {
            filter: grayscale(100%);
        }

        .nvm-slideshow .slide figure:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            /*background: linear-gradient(90deg, rgb(173 75 19 / 59%), rgb(25 189 189 / 50%));*/
            background: linear-gradient(90deg, rgb(241 108 32 / 56%), rgb(0 229 229 / 38%));
        }
    
        .nvm-slideshow .slide-text {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 25%;
            padding: 0 calc(1.25* var(--nvm-text-rhythm));
            color: var(--nvm-color-white);
            text-shadow: 1px 1px rgb(38 38 38 / 60%);
            text-shadow: 2px 4px 4px rgb(14 14 14 / 32%);
            max-width: 1520px;
            margin: 0 auto;
        }

        html:not(.laptop) .nvm-slideshow .slide-text {
            bottom: 20%;
        }

        html:not(.tablet) .nvm-slideshow .slide-text {
            padding: 0 20px;
            bottom: 15%;
        }

            .nvm-slideshow .slide-text-title {
                max-width: var(--nvm-panel-small-width);
                font-family: var(--nvm-font-serif-secondary);
                font-size: clamp(22px, 6.25vw, 60px);
                text-wrap: inherit;
            }

            .nvm-slideshow .slide-text-message {
                max-width: var(--nvm-panel-small-width);
                margin-top: calc(1*var(--nvm-text-rhythm));
                margin-bottom: calc(0.5*var(--nvm-text-rhythm));
                line-height: 1.3em;
                font-weight: 400;
                font-size: clamp(28px, 18.4px + 1.848vw, 40px);
            }



    .responsiville-slideshow-bullet {
        padding: 0;
        margin: 0 5px;
        background-color: transparent;
        box-shadow: none;
        position: relative;
        display: inline-block;
        width: 180px;
        height: 8px;
        background-color: #D3BABA;
        border-radius: 3px;
    }

    html:not(.laptop) .responsiville-slideshow-bullet {
        width: 55px;
    }

    .responsiville-slideshow-bullet:hover, 
    .responsiville-slideshow-bullet.responsiville-slideshow-bullet-selected {
        background-color: var(--nvm-color-white);
    }

    .responsiville-slideshow-bullets.bc {
        bottom: 19%;
    }

    html:not(.laptop) .responsiville-slideshow-bullets.bc {
        bottom: 11%;
    }

    html:not(.tablet) .responsiville-slideshow-bullets.bc {
        bottom: 9%;
    }

    .responsiville-slideshow-bullets.bc {
        left: 50%;
        width: 100%;
        text-align: left;
        max-width: 1520px;
        transform: translateX(-50%);
        padding: 0 calc(1.25* var(--nvm-text-rhythm));
    }

    html:not(.tablet) .responsiville-slideshow-bullets.bc {
        padding: 0 20px;
    }



    .laptop .nvm-slideshow, .laptop .responsiville-slideshow-enabled .responsiville-slideshow-slide {
        height: calc(100vh - 8.2rem);
        width: 100%;
    }


    @media (max-height: 768px) {
        .laptop .responsiville-slideshow-bullets.bc {
            bottom: 11%;
        }

        .laptop .nvm-slideshow .slide-text {
            bottom: 20%;
        }

        .laptop .nvm-slideshow .slide-text-title {
            max-width: var(--nvm-panel-small-width);
            font-family: var(--nvm-font-serif-secondary);
            font-size: 50px
        }

        .laptop .nvm-slideshow .slide-text-message {
            max-width: var(--nvm-panel-small-width);
            margin-top: calc(1*var(--nvm-text-rhythm));
            margin-bottom: calc(0.5*var(--nvm-text-rhythm));
            line-height: 1.3em;
            font-weight: 400;
            font-size: 32px;
        }
    }