.blocco-banner-video{position: relative; cursor:pointer;}
.blocco-banner-video video{max-width: 100%;}

.blocco-banner-video video[poster]{object-fit: cover;}



/* icona video */
.banner-video-icona-play{position: absolute;top:0;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;pointer-events:none;flex-direction: column;padding: 0px 20px;}
.banner-video-icona-play span{background-color: transparent;color: var(--wp--preset--color--colore-quattro) !important;width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;border-radius: 100px;font-size: 22px;font-weight: 900;border: 1px solid var(--wp--preset--color--colore-quattro);}

.banner-video-icona-play span.video-in-play{display: none;}




/* lightbox */

.ljs-content.ljs-loaded{width: 85% !important;}
@media(max-width:550px){
    .ljs-content.ljs-loaded{height: 400px !important;}
}

.ljs-close{visibility: hidden;z-index: 20;}
.video-lightbox-chiusura{visibility: visible;font-family: 'Roboto';font-weight: 200;font-size: 30px;}

.lightboxjs .ljs-close{top:32px !important;}
.lightboxjs .ljs-close:hover{animation: none !important;}


/* bkg image */
.blocco-banner-video{background-size: cover;background-position: center;min-height: 400px;}
.lightboxjs-link{opacity: 0;min-height: 500px;}


/* banner full height */
.cml-banner-video-full-heigt,
.cml-banner-video-full-heigt .blocco-banner-video{height: 100vh !important;}




/********************** Lightbox new */

.video-banner-lightbox-main{left: 0;
    top: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #000000cc;
    display: flex;
    align-items: center;
    padding-top: 80px;
    justify-content: center;
opacity:0;
visibility: hidden;
transition: opacity 0.3s;}


.video-banner-lightbox-main #banner-video-testo{width: 100%;
    max-width: 900px;}

.chiusura-video-lightbox{color: #fff;
    font-family: 'Roboto';
    position: absolute;
    right: 60px;
    top: 130px;
    cursor: pointer;}


.video-banner-lightbox-main.lightbox-aperto{
    opacity:1;
    visibility: visible;
}



/* testo */
.testo-banner-video{margin-bottom:30px;}
.testo-banner-video h2{text-align: center;max-width: 600px;}










/**/