:root{
    --colore-apertura:black;
    --colore-sta-per-chiudere:#aa5500;
    --colore-chiusura:#891b26;
    --bianco-darker: #ffffff;
}
#navbar{
    transition: 1s ;
}

#info-orari{
    color:252526!important;
    cursor: pointer;
}
.aperto{
    color: var(--colore-apertura)!important;
}
.staPerChiudere{
    color: var(--colore-sta-per-chiudere)!important;
}
.chiuso{
    color: var(--colore-chiusura)!important;
}

#dropdown-menu-orari{
   
    z-index:99999;
    background-color: #e4b465;
    border-radius:0;
    padding:0;
    position: absolute;
    
}
#dropdown-menu-orari{
    padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.6em;
}
#dropdown-menu-orari li{
    
    font-size:16px!important;
    font-weight: 400;
    text-transform: capitalize;
    width:350px;
    padding:0.3rem
}
.intro-banner-vdo-play-btn{
    top:0.2rem;
    height:12px;
    width:12px;
    position:absolute;
    border-radius:100px;
    z-index:1
    
}

.intro-banner-vdo-play-btn .ripple{
    position:absolute;
    width:160px;
    height:160px;
    z-index:-1;
    left:50%;
    top:50%;
    opacity:0;
    margin:-80px 0 0 -80px;
    border-radius:100px;
    -webkit-animation:ripple 1.8s infinite;
    animation:ripple 1.8s infinite
}

@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0.2);
        transform:scale(0.2)
    }
}
@keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0.2);
        transform:scale(0.2)
    }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){
    animation-delay:.3s;
    -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}
@media only screen and (max-width:768px){
    #dropdown-menu-orari{
        left:0rem;
        width: 350px;
        
    }
}
@media only screen and (max-width:590px){
    #dropdown-menu-orari{
        left:-4rem;
        width: 300px;

        
    }
}