﻿#barra-menu #menu{display:none;width:100%;color:#3b3a38;text-transform:uppercase;font-weight:600;font-size:18px;font-family:Glory;letter-spacing:2px}
#menu a{text-decoration:none}
#menu ul{list-style:none;margin:0 auto!important;padding: 0;}
#menu .menu-item{float:left;padding: 8px 0;}
#menu .menu-item:hover > a{color:#ccc}
#menu .dropdown{position:relative}
#menu .dropdown-menu-item > a:hover{color:#F8B715}
#menu .dropdown-menu-item.simple > a:hover{color:#00AEEF} 
#menu .dropdown-menu{display:none;position:absolute;background: #fff;bottom:20px;width:500px;transform:translateY(100%);z-index:2}
#menu .dropdown:hover .dropdown-menu{display:block;animation:fade-in-out .3s ease}
#menu .sub-menu{padding:32px;}
#menu .sub-menu-item > a:hover{color:#9ac21e}
#menu .sub-menu-item > a{display:inline-block;padding:6px 0;font-size:15px;}

#barra-menu .logo-menu, 
#layer-menu .logo-menu{max-width:100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}


#barra-menu{ position:absolute;top: 0;left: 0;width: 100%;padding:16px;z-index:2;}
.barra-menu-fixed{transform:translateY(-100%)!important;background:rgba(255,255,255,.95);position:fixed!important;}
.barra-menu-scrollup-visible{transition:transform .4s ease-in-out;transform:translateY(0)!important}
#barra-menu .btn-prenota{color: #fff!important;font-family: 'Glory';font-size:14px;padding:8px}

#container-book-now-button{display:block}

@media(min-width:1366px){
    #barra-menu{padding:8px 16px}
    #barra-menu .logo-menu{left: 0%;transform: translate(0%,-50%);max-width:100px}
    #barra-menu #menu{display:block;text-align:center}
    #barra-menu #menu > .w3-bar{width:auto;display:inline-block;text-align:left}
    #barra-menu .btn-menu{display:none}
    #container-book-now-button{display:none}
}






@media(min-width:1920px){
    #barra-menu-inner{width:75%;margin:auto}
    #barra-menu{padding:0}
}
