html {
  margin-top: 0 !important;
}
.admin-bar #wpadminbar {
  display: none;
}
.header-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: var(--melaleuca-color);
  z-index: 200;
}
.header-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
.header-top ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-top-social {
  align-items: center;
}
.header-top-social li {
  margin-right: 20px;
}
.header-top-social li a {
  font-size: 1.5rem;
}
.header-top-social li a:hover {
  color: var(--primary-color);
}
.header-top-address li {
  position: relative;
  padding: 0 15px;
}
.header-top-address li:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
  width: 2px;
  height: 14px;
  background-color: var(--coastal1-color);
  pointer-events: none;
}
.header-top-social li a,
.header-top-address li strong {
  color: var(--coastal1-color);
}
.header-top-contact li {
  margin-left: 20px;
}
.header-top-contact li a {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  padding: 15px 30px;
  background-color: var(--primary-color);
}
.header-top-contact li a:hover {
  color: var(--primary-color);
  background-color: #EDDEC4;
}
.header-top-contact li a:focus,
.header-top-contact li a:active {
  background: #EDDEC4;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.15) inset;
}
#header {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  padding: 18px 0;
  background-color: var(--coastal2-color);
  transition: padding 0.3s ease, background-color 0.3s ease;
  z-index: 200;
}
#mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  letter-spacing: 3px;
}
#mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-flyout ul.mega-sub-menu {
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.15);
}
#mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  text-align: right;
}

#mega-menu-wrap-header-nav #mega-menu-header-nav li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  color: var(--primary-color);
}


#mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item {
  padding: 0 18px;
}
#mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item > a.mega-menu-link {
  padding: 0;
}

#mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item > a.mega-menu-link:hover::after {
  transform: translateX(0) scaleX(1);
}

#mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item > a.mega-menu-link::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 7px;
  transform: translateX(0) scaleX(0);
  width: 100%;
  height: 3px;
  background: var(--primary-color);
  transition: transform .3s ease-in-out;
}


.b2-logo-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: center;
}

.b2-logo-top,
.b2-logo-scrolled {
  grid-column: 1 / 2;
  grid-row: 1 / 2;

  transition: opacity 0.3s ease;
  will-change: opacity;
}

.b2-logo-top {
  opacity: 1;
}

.b2-logo-scrolled {
  opacity: 0;
  pointer-events: none;
}

header.scrolled {
  padding: 0 !important;
}

header.scrolled .b2-logo-top {
  opacity: 0;
  pointer-events: none;
}

header.scrolled .b2-logo-scrolled {
  opacity: 1;
  pointer-events: auto;
}



@media only screen and (max-width: 1800px) {
  #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item {
    padding: 0px 14px;
  }    
}

@media only screen and (max-width: 1700px) {
  .header-top-address li strong {
    font-size: 0.875rem;
  }
  .header-top-contact li a {
    font-size: 1rem;
    padding: 17px 30px;
  }
  #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item {
    padding: 0px 11px;
  }
}
@media only screen and (max-width: 1500px) {
  #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item {
    padding: 0px 12px;
  }
  #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    letter-spacing: 2px;
  }
}

@media only screen and (max-width: 1400px) {
  .header-top-address li strong {
    font-size: 0.75rem;
  }
  #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item {
    padding: 0px 8px;
  }
  .header-top-contact li a {
    font-size: 0.75rem;
    padding: 19px 30px;
  }
  #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    letter-spacing: 1px;
  }
}

@media only screen and (max-width: 1280px) {
  #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-size: 14px;
  }
  #mega-menu-wrap-header-nav .mega-menu-toggle ~ button.mega-close:before {
    font-size: 24px;
  }
  #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-flyout ul.mega-sub-menu {
    background-color: transparent !important;
    box-shadow: none;
  }
  #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    text-transform: initial;
    padding-right: 10px;
    background: transparent !important;
  }
  #mega-menu-wrap-header-nav .mega-menu-toggle ~ button.mega-close {
    top: 38px;
    right: 20px !important;
    width: 40px;
    height: 40px;
    background: #404F4F;
    border-radius: 50%;
  }
  #mega-menu-wrap-header-nav .mega-menu-toggle + #mega-menu-header-nav {
    padding: 100px 20px;
  }
  .b2-mh-top-bar a > img {
    width: 170px;
  }
  #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item > a.mega-menu-link::after {
    display: none;
  }
  #mega-menu-wrap-header-nav #mega-menu-header-nav > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    color: #efbd98;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  #mega-menu-wrap-header-nav #mega-menu-header-nav li.mega-toggle-on > a.mega-menu-link > span.mega-indicator {
    color: #efbd98;
  }

  /* Replace the default toggle icon */
#mega-menu-wrap-primary .mega-menu-toggle {
  background: none;
  border: none;
}

/* Add your image */
/* Hide default hamburger bars */
.mega-toggle-animated-inner,
.mega-toggle-animated-inner::before,
.mega-toggle-animated-inner::after {
  background: none !important;
}
/* Style the toggle button */
.mega-toggle-animated {
  padding: 0 !important;
  background: url('/wp-content/uploads/2026/01/toggle-bar-Icon.svg') no-repeat center !important;
  background-size: contain !important;
}


}