/* Scrolling Slider */


html.zbr-noscroll {
    overflow: hidden;
}

.zbr-scroll-slider {
    position: relative; 
    color: white;
}
.zbr-scroll-infos {
    position: absolute;
    right: 4%;
    bottom: 3rem;
    display: flex;
    z-index: 1;
}
.zbr-scroll-slider .zbr-arrows {
    stroke: #fff;
}
zb-slider.zbr-scroll-slider-fx > .zb-next > :last-child,
zb-slider.zbr-scroll-slider-fx > .zb-prev > :last-child {
    position: relative;
    opacity: 0;
    transition: opacity .6s ease .4s;
}
zb-slider.zbr-scroll-slider-fx.zb-forward > .zb-next > :last-child,
zb-slider.zbr-scroll-slider-fx.zb-backward > .zb-prev > :last-child {
    opacity: 1;
}
zb-slider.zbr-scroll-slider-fx > .zb-current > :last-child {
    opacity: 1;
    transition: opacity .6s;
}
zb-slider.zbr-scroll-slider-fx.zb-forward > .zb-current > :last-child {
    opacity: 0;
}
zb-slider.zbr-scroll-slider-fx > * > :first-child {
    opacity: 0;
    transition: opacity 1s;
}
zb-slider.zbr-scroll-slider-fx > .zb-current > :first-child,
zb-slider.zbr-scroll-slider-fx.zb-forward > .zb-next > :first-child,
zb-slider.zbr-scroll-slider-fx.zb-backward > .zb-prev > :first-child {
    opacity: 1;
}
zb-slider.zbr-scroll-slider-fx.zb-backward > .zb-current > :first-child {
    opacity: 0;
    transition: opacity .3s;
}

/* .home .zbr-scroll-slider .cta {
    position: relative;
    display: inline;
    z-index: 2;
} */

/* @media screen and (min-width: 1150px) { */

    /* .home .zbr-scroll-slider:after {
        content: '';
        position: absolute;
        width: 100%;
        height: calc(100vh - var(--zb-header-height));
        top: 0;
        left: 0;
    } */
    .zbr-scroll-slider zb-slider {
        max-height: calc(100vh - var(--zb-header-height));
    }
    .zbr-scroll-slider zb-slider > * {
        height: calc(100vh - var(--zb-header-height));
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: end;
    }
    .zbr-scroll-slider zb-slider > .bwd,
    .zbr-scroll-slider zb-slider > .fwd {
        height: auto;
    }
    .zbr-scroll-slider zb-slider > .bwd:before,
    .zbr-scroll-slider zb-slider > .fwd:before {
        --zb-slider-remote-background: #fff;
        --zb-slider-remote-color: var(--zb-color-1)
    }
    
    .zbr-scroll-slider-background {
        position: absolute;
        width: 100%;
        min-height: calc(100vh - var(--zb-header-height));
        top: 0;
        left: 0;
        z-index: -1;
    }
    .zbr-scroll-slider-background:not(video):before {
        content: '';
        position: absolute;
        background: rgba(0,23,16,.4);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .zbr-scroll-infos, .home .zbr-scroll-infos {
        position: relative;
        top: -3rem;
        left: 0;
        padding: 0 6% 1rem 6%;
    }
/* } */

@media screen and (max-width: 1150px) {

    .home .zbr-scroll-infos, .home .zbr-scroll-infos {
        top: 0;
    }
}


@media screen and (max-width: 750px) {
    /* .home .zbr-scroll-slider:after {
       content: none; 
    } */
    .zbr-banner-background:after {
        content: none;
    }
    html.zbr-noscroll {
        overflow: auto;
    }
    .zbr-scroll-infos, .home .zbr-scroll-infos {
        padding: 0 3% 1rem 3%;
        text-align: right;
    }
    .zbr-scroll-slider-background {
        min-width: 100%;
        height: calc(100vh - var(--zb-header-height));
    }
    /*.zbr-scroll-infos, .home .zbr-scroll-infos {
        right: 5%;
    }*/
}