/** 
 * menu.css
 * Mike
 * Classi utili: nav hs-mobile-state è attivo il menu mobile
 */


/*********************************************************************
 * DOUBLE & TOP MENU
 *
 */

:root {
 --color-primary: #434a52;
}


ul#languages-dropdown-2 {
    z-index: 20;
}

/* Da usare Se top menu è "sticky" u-header--sticky-top */

main.home div.strcontent, main.finalize_regatta_entries div.strcontent, main.checkout div.strcontent, main.carrello div.strcontent, main.payment-ok div.strcontent, main.register div.strcontent, main.hiking div.strcontent, main.basic-page-booking-form div.strcontent, main.sitemap div.strcontent, main.login div.strcontent, main.news_archive div.strcontent, main.cookies div.strcontent, main.privacy div.strcontent, main.search  div.strcontent, main.basic-page-course  div.strcontent, main.basic-page  div.strcontent, main.regata  div.strcontent, main.basic-page-regate div.strcontent, main.classifica div.strcontent,
main.contact div.strcontent, main.gallery div.strcontent, main.news_events div.strcontent, main.article div.strcontent, main.offers div.strcontent, main.basic-page-company div.strcontent, main.basic-page-courses div.strcontent, main.test div.strcontent, main.basic-page-hospitality div.strcontent, main.press div.strcontent, main.accordion_item div.strcontent {
	margin-top:100px;
}

/*
div.top-menu:hover{
    background: rgba(0,0,0,0.5) !Important;
}

main.sitemap div.top-menu:hover, main.offers div.top-menu:hover, main.gallery div.top-menu:hover, main.login div.top-menu:hover, main.news_archive div.top-menu:hover, main.article div.top-menu:hover, main.basic-page-course div.top-menu:hover, main.basic-page-company div.top-menu:hover, main.basic-page-booking-form div.top-menu:hover, main.contact div.top-menu:hover, main.regata div.top-menu:hover, main.basic-page-about div.top-menu:hover, main.basic-page-hospitality div.top-menu:hover, main.news_events div.top-menu:hover{
    background: rgba(0,0,0,0) !Important;
}
*/

.navbar .u-main-nav-v8 .nav-link, .navbar .u-main-nav-v5 .nav-link {
    padding: 0.38571rem 0.36286rem;
    border-radius: 0;
}

.navbar {
    padding: 0;
}

.navbar .u-main-nav-v5 .nav-item.active > .nav-link, .navbar .u-main-nav-v5 .nav-item:hover > .nav-link, .navbar .u-main-nav-v5 .nav-item:focus > .nav-link, .navbar .u-main-nav-v5 .nav-item.show > .nav-link, .navbar .u-main-nav-v5 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v5 .nav-item .nav-link:focus{
    border-color: inherit;
}

div.search .btn{
    border-color: inherit;
}

nav.js-mega-menu.hs-mobile-state {
    background: var(--color-primary); 
}

nav.js-mega-menu.hs-mobile-state .navbar-collapse .u-main-nav-v5 .nav-link {
    color: white;
}

.u-header__section--light .hamburger-inner, .u-header__section--light .hamburger-inner::after, .u-header__section--light .hamburger-inner::before{
    background: #fff;
}

nav.hs-mobile-state a.nav-link {
    margin-bottom: 0.34rem;
    padding: 15px;
}

nav.hs-mobile-state div#navBar {
   margin-top: 1rem;
}

nav.hs-mobile-state .container {
   padding: 1.5rem 0rem 0.3rem 0.5rem;
}

nav.hs-mobile-state div.search, nav.hs-mobile-state div.booknow {
   position: absolute !Important;
    top: 0;
}

nav.navbar {

}


/*********************************************************************
 * SIDE MENU
 *
 */

div#sidemenu ul.list-group {
 margin-bottom: 0.5rem;   
}

div#sidemenu .list-group-item {
    padding: 0;
}

div#sidemenu li.list-group-item.active{
    background-color: #777;
    border: 0px none;
}

div#sidemenu li {
    list-style-type: none;
}

div#sidemenu li.list-group-item a{
    display: block;
    text-decoration: none;
    padding: 6px 30px 6px 17px;
}
div#sidemenu li.list-group-item.active a{
    color: white;
    font-weight: bold;

}

div#sidemenu li.list-group-item.active ul.submenu-list li a{
    border-radius: 5px 0 0 5px;
    font-size: small;
    margin: 2px 0;
    font-weight: normal;
}

div#sidemenu li.list-group-item.active ul.submenu-list li  a:hover{
    background-color: #555;
    border-radius: 5px 0 0 5px;
} 

div#sidemenu li.list-group-item a:hover{
    background-color: #555;
    border-radius: 5px 5px;
    color: white;
} 


list-group-item.active, li.list-group-item.active .submenu-list li.active a{
background-color: #555;
}

ul.submenu-list{
   padding: 0px 0 0 15px;
}

.sidebar-nav-v1 li.list-group-item.active .submenu-list a {
    font-weight: normal;
}

.sidebar-nav-v1 li ul, .sidebar-nav-v1 li.active ul a {
 
}

/*********************************************************************
 * SIDE MENU INLINE
 */

/*
.basic_page_banner #sidemenu {
    margin-bottom: 30px;
}

.basic_page_banner #sidemenu ul {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0.6rem;
}

.basic_page_banner .sidebar-nav-v1 li a {
    padding: 6px 30px;
}
*/
/* Responsive Utility Order */

@media (max-width: 769px) {
.basic_page_banner #sidemenu ul {
/*    display: block !important;*/
    } 

}

/*********************************************************************
 * NAV Horizontal  FLEX 
 */


div.nav-h-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
div.nav-h-flex i.fa {
/*    color: #AA1114;*/
    font-size: 3rem !important;
}

#circle-nav {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

div.nav-h-flex div.titles {
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}


div.nav-h-flex .no-title {
    opacity: 0.25;  /* Opacity for Modern Browsers */
    filter: alpha(opacity=25);  /* Opacity for IE8 and lower */
    zoom: 1;  /* Fix for IE7 */
    
}


@media only screen and (max-width: 767px) {
    
    div.nav-h-flex h2 {
    font-size: 1.25rem;
    }
    
    div.nav-h-flex i.fa {
    font-size: 2.5rem !important;
    }
}


div.nav-h-flex div.title-prev, div.nav-h-flex div.title-next {
    color: #bbb;
    padding: 0px 50px;
}

div.nav-h-flex .title-prev, div.nav-h-flex .title-next {
    color: #bbb;
    text-decoration: none;
}

div.nav-h-flex .title-curr {
    font-weight: bold;
}