/*override tema*/
nav.meedy_menu {
  justify-content: flex-end;
}
.xs-sidebar-widget {
  scrollbar-width: none;
}
.hotelhub-right-side {
  display: flex !important;
}
.header-button a,
.search-box-btn i,
.nav-btn.navSidebar-button span i {
  display: inline-block !important;
}
body > .topber_area .container-fluid .col-lg-6 > .topber-text > li {
display: none !important
}

.booking-btn {
  display: none !important;
}

/*#region mostrare sempre menu*/
body > .topber_area {
  display: block !important;
}
body > .topber_area .sidebar_info {
  display: inline-block !important;
}
body > .topber_area .meedy_menu {
  justify-content: space-between;
}
body > .topber_area .meedy_menu ul {
  margin-right: 0px !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
  body > .topber_area > .container-fluid > .topber_upper .col-lg-6 {
    width: 100% !important;
  }
}
@media (max-width: 785px) {
  body > .topber_area nav.meedy_menu {
    display: grid;
    justify-content: center;
  }
  body > .topber_area nav.meedy_menu > * {
    justify-content: center;
  }
  body > .topber_area nav.meedy_menu .nav_scroll {
    margin: 10px auto 20px auto !important;
    display: grid;
    grid-auto-flow: column;
  }
  body > .topber_area nav.meedy_menu .nav_scroll li {
    text-align: center;
  }
}
@media (max-width: 377px) {
  body > .topber_area nav.meedy_menu .hotelhub-right-side > .header-button {
    display: grid; 
    margin-bottom: 30px;
  }
  body > .topber_area nav.meedy_menu .hotelhub-right-side > .header-button * {
    white-space: nowrap;
  }
}
/*#endregion mostrare sempre menu*/

/*personalizzazione custommenu*/
.header_siderbar {
z-index: 111;
background-color: var(--secondary-color) !important
}
.header_siderbar .sidebar {
  display: flex;
  justify-content: flex-end;
}
#customMenu .nav_scroll {
  display: grid;
  margin: 0;
}
#customMenu.meedy_menu ul.sub-menu {
  position: initial;
  width: 100%;
  visibility: visible;
  opacity: 0;
  height: 0px;
  overflow: hidden;
  border-top: 0px;
}
#customMenu.meedy_menu > .nav_scroll > li.expandSingleCustomMenu ul.sub-menu {
  opacity: 1;
  height: initial;
}
#customMenu.meedy_menu > ul > li {
  display: grid;
  overflow: hidden;
  transition: 0.5s;
  cursor: pointer;
}
  #customMenu.meedy_menu > ul > li > a {
      border-bottom: 2px solid transparent;
      transition: 0.5s;
  }
  #customMenu.meedy_menu > ul > li:not(.expandSingleCustomMenu) > a:hover {
      border-bottom: 2px solid var(--brand-color);
  }

#customMenu:has(> .nav_scroll > li.expandSingleCustomMenu) > .nav_scroll > li:not(.expandSingleCustomMenu) {
  opacity: 0.5;
}