/* ==========================================================================
   HEADER
   Home (.header-transparent): transparent over the slider, white text,
   grey background once the page is scrolled.
   Inner pages (.header-solid): white background, grey text, always.
   ========================================================================== */

/* ---- Shared ---- */
.header-1 .nav-menu > .menu-item > a {
  transition: color 0.2s ease;
}

.header-1 .nav-menu .menu-item.is-current > a,
.menu-mobile .menu-item.is-current > a {
  font-weight: 700;
}

.has-admin-bar .header--fixed {
  top: 32px;
}

/* ---- Home: transparent over the slider ---- */
.header-transparent .header-1--light {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.header-transparent .header-1--light .header__bar {
  background: transparent;
  transition: background-color 0.3s ease;
}

.header-transparent .header-1 .nav-menu > .menu-item > a {
  color: #fff;
}

.header-transparent .header-1 .nav-menu > .menu-item > a:hover {
  color: rgba(255, 255, 255, 0.7);
}

/* Scrolled: .header--fixed is added by global.js */
.header-transparent .header-1 .header__bar.header--fixed {
  background: rgba(90, 90, 90, 0.96);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

/* The header floats over the slider, so no placeholder is needed */
.header-transparent .header__holder {
  display: none;
}

/* Mobile */
.header-mobile--transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.header-mobile--transparent .header-mobile__bar {
  background: transparent;
  transition: background-color 0.3s ease;
}

.header-mobile--transparent.is-scrolled {
  position: fixed;
  z-index: 9999;
}

.header-mobile--transparent.is-scrolled .header-mobile__bar {
  background: rgba(90, 90, 90, 0.96);
}

.header-mobile--transparent .header-nav-menu-mobile {
  margin-bottom: 0;
}

.has-admin-bar .header-mobile--transparent.is-scrolled {
  top: 46px;
}

@media (min-width: 783px) {
  .has-admin-bar .header-mobile--transparent.is-scrolled {
    top: 32px;
  }
}

/* ---- Inner pages: always white, grey text ---- */
.header-solid .header-1 .header__bar,
.header-solid .header-mobile__bar {
  background: #fff;
}

.header-solid .header-1 .header__bar.header--fixed {
  background: #fff;
}

.header-solid .header-1 .nav-menu > .menu-item > a,
.header-solid .menu-mobile .menu-item > a {
  color: #6b6b6b;
}

.header-solid .header-1 .nav-menu > .menu-item > a:hover,
.header-solid .menu-mobile .menu-item > a:hover {
  color: #333;
}

/* Long mobile menus must stay reachable while the header is fixed */
.header-nav-menu-mobile {
  max-height: calc(100vh - 70px);
  overflow-y: auto;
}

/* ==========================================================================
   HOME SLIDER
   Keep the slide images covering the viewport without being stretched.
   ========================================================================== */
.rev_slider_wrapper .tp-bgimg {
  background-size: cover;
  background-position: center center;
}

.rev_slider_wrapper .tp-kbimg-wrap {
  overflow: hidden !important;
}