body.gb-nav-theme--blue {
  --gb-intro-nav-bg: rgba(6, 64, 108, 0.94);
}

body.gb-nav-theme--orange {
  --gb-intro-nav-bg: rgba(246, 171, 93, 0.94);
}

.gb-intro-nav.shop-main-nav.navbar {
  color: #ffffff;
  background-color: var(--gb-intro-nav-bg) !important;
  box-shadow: none !important;
}

.gb-intro-nav .shop-main-nav__link,
.gb-intro-nav .shop-main-nav__link:hover,
.gb-intro-nav .nav-icon-btn,
.gb-intro-nav .nav-icon-btn:hover,
.gb-intro-nav .nav-icon-btn__label {
  color: #ffffff;
}

.gb-intro-nav .nav-icon-btn .bi {
  color: #ffffff;
}

.gb-intro-nav .shop-main-nav__center .navbar-brand img {
  width: 170px;
}

.gb-intro-nav .shop-main-nav__mobile .navbar-brand img {
  width: 84px;
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  .gb-intro-nav .nav-icon-btn__label {
    display: none;
  }

  .gb-intro-nav .nav-icon-btn--with-label {
    margin-left: 0.35rem;
  }

  .gb-intro-nav .shop-main-nav__desktop .shop-main-nav__cart-btn {
    margin-left: 0.5rem;
  }
}

.gb-intro-nav .hamburger-inner,
.gb-intro-nav .hamburger-inner::before,
.gb-intro-nav .hamburger-inner::after,
.gb-intro-nav .hamburger.is-active .hamburger-inner,
.gb-intro-nav .hamburger.is-active .hamburger-inner::before,
.gb-intro-nav .hamburger.is-active .hamburger-inner::after {
  background-color: #ffffff;
}

@media (min-width: 992px) {
  .has-overlay-navbar-desktop #mainNav.shop-main-nav.navbar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    background-color: var(--gb-intro-nav-bg) !important;
    box-shadow: none !important;
  }

  /* Let branded first sections continue behind the matching navbar. */
  .has-overlay-navbar-desktop .gb-home-hero.mt-navbar,
  .has-overlay-navbar-desktop .gb-bg-client--1.mt-navbar,
  .has-overlay-navbar-desktop .gb-bg-client--2.mt-navbar,
  .has-overlay-navbar-desktop .gb-magazine-hero.mt-navbar {
    margin-top: 0 !important;
  }

  .has-overlay-navbar-desktop .gb-bg-client--1.mt-navbar,
  .has-overlay-navbar-desktop .gb-bg-client--2.mt-navbar {
    min-height: 100vh;
    padding-top: calc(3rem + var(--navbar-offset, 69px)) !important;
  }

  .has-overlay-navbar-desktop .gb-magazine-hero.mt-navbar {
    padding-top: calc(3rem + var(--navbar-offset, 69px)) !important;
  }
}