/* HEADER BASE */
.vivace-header {
  position: absolute;
  width: 100%;
  z-index: 999;
  color: #fff;
}

/* NAV */
.vivace-navbar {
  background: transparent;
  border: none;
  margin: 0;
/*   padding: 15px 0; */
}

/* LOGO */
.logo-col img {
  max-height: 70px;
  object-fit:contain !important;	
  object-position:center left !important;	
}

/* CENTER BLOCK */
.menu-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* TOP INFO LINE */
.menu-top
 {
    /* font-size: 13px; */
    margin-bottom: 10px;
    align-items: center;
    padding: 5px 0px;
    border-bottom: 1px solid #ffffff87;
    display: flex;
}

.menu-top span
 {
    margin: 0 5px;
    display: inline-flex;
}

.menu-top span img
 {
height:17px !important;
}

.menu-top .divider {
  opacity: 0.6;
}

/* SOCIAL */
.social-top a {
  color: #fff;
  margin: 0 4px;
}

/* MENU */
.menu-main {
    width: 100%;
    margin-bottom: 10px;
}

/* MAX MEGA MENU OVERRIDE */
#mega-menu-wrap-primary {
  background: transparent !important;
  text-align: center;
}

#mega-menu-wrap-primary #mega-menu-primary {
  display: inline-block;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a {
  color: #fff;
/*   padding: 10px 15px !important; */
/*   font-size: 14px; */
}

/* HOVER */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a:hover {
  color: #caa24c !important;
}

/* ACTIVE */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item > a {
  border-bottom: 2px solid #caa24c;
}

/* BUTTON */
.button-col {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.btn-book {
  border: 1px solid #caa24c;
  color: #caa24c;
  padding: 10px 20px;
  background: transparent;
}

.btn-book:hover {
  background: #caa24c;
  color: #fff;
}

/* OPTIONAL OVERLAY */
/* .vivace-header::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 120px;
  background: rgba(0,0,0,0.4);
  top: 0;
  left: 0;
  z-index: -1;
} */

/* =========================
   MOBILE HEADER (HIDDEN DEFAULT)
========================= */
.mobile-header {
  display: none;
}

/* =========================
   DESKTOP
========================= */
.nav-row {
  display: flex;
  align-items: center;
}

/* =========================
   MOBILE (< 991px)
========================= */
@media (max-width: 991px) {

  /* Hide desktop layout */
  .nav-row {
    display: none;
  }

  /* Show mobile header */
  .mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
  }

  .mobile-logo img {
    max-height: 50px;
	object-fit:contain !important;
  }

  /* Align hamburger right */
  .mobile-menu {
    text-align: right;
  }

  /* Clean spacing */
  .mobile-menu ul {
    margin: 0;
  }
}


/* ===============================
   HEADER
=============================== */
/* .safari-header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
  color: #fff;
  transition: all 0.3s ease;
  background-image: linear-gradient(180deg, #000000B5 60%, #F2295B00 100%) !important;
} */

/* Sticky Header */
.vivace-header.scrolled {
  position: fixed !important;
  background:#fff !important;
/*   background: linear-gradient(90deg, #774733 0%, #7B4835 45%, #C9886A 100%) !important; */
/*   background-image: none !important; */
  box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

.vivace-header.scrolled .desktop-nav > li > a,
.vivace-header.scrolled a.mega-menu-link,
.vivace-header.scrolled .call-to-action-right,
.vivace-header.scrolled .call-to-action-right a {
  color: #000 !important;
}

/* .vivace-header.scrolled .divider {
  border-bottom: 1px solid #eee !important;
}
 */
.vivace-header.scrolled .menu-top
{
    border-bottom: 1px solid #00000024;
}

.vivace-header.scrolled span
{
    color:#000 !important;
}

/* Hover Header */
/* .vivace-header:hover,
#mega-menu-primary .mega-menu-item.mega-menu-item-hover,
#mega-menu-primary .mega-menu-item.mega-menu-item-open { */
/*   background-color: #fff !important; */
/*   background: linear-gradient(90deg, #774733 0%, #7B4835 45%, #C9886A 100%) !important; */
/*   box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important; */
/* } */

/* .vivace-header:hover .desktop-nav > li > a,
#mega-menu-primary .mega-menu-item.mega-menu-item-hover > a,
#mega-menu-primary .mega-menu-item.mega-menu-item-open > a {
  color: #333 !important;
} */

/* .vivace-header:hover .desktop-nav > li > a:hover {
  color: #f3b400 !important;
} */

/* .vivace-header:hover .call-to-action-right,
.vivace-header:hover a,
.vivace-header:hover a.mega-menu-link {
  color: #000 !important;
}

.vivace-header:hover .divider {
  border-bottom: 1px solid #eee;
}

.vivace-header:hover .menu-top
{
    border-bottom: 1px solid #00000024;
}
.vivace-header:hover span
{
  color:#000 !important;
}
 */
.vivace-header .black-custom-logo{
	display:none;
}
.vivace-header.scrolled .black-custom-logo{
	display:block !important;
}
.vivace-header.scrolled .custom-logo{
	display:none !important;
}