/* Shared navigation fixes for the static site. */
@media (min-width: 992px) {
  /* Move one painted surface: separately painted backgrounds could leave a seam
     below the compact header during scroll and fractional browser scaling. */
  .header {
    --compact-header-offset: var(--headertoplg);
    isolation: isolate;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
  }

  .activeMenu .header {
    margin-top: 0;
    -webkit-transform: translate3d(0, calc(-1 * var(--compact-header-offset)), 0);
    transform: translate3d(0, calc(-1 * var(--compact-header-offset)), 0);
  }

  .header__top,
  .header__bottom,
  .header__bottom__content {
    background: transparent;
  }

  .sl_header_nav > ul > li.menu-item-has-children {
    margin-bottom: -28px !important;
    padding-bottom: 28px !important;
  }

  .sl_header_nav > ul > li.menu-item-has-children .sub-menu {
    bottom: auto !important;
    opacity: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
    top: 100% !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    -webkit-transition: opacity 0.18s ease-in-out, visibility 0.18s ease-in-out !important;
    transition: opacity 0.18s ease-in-out, visibility 0.18s ease-in-out !important;
    visibility: hidden !important;
    z-index: 20 !important;
  }

  .sl_header_nav > ul > li.menu-item-has-children:hover .sub-menu,
  .sl_header_nav > ul > li.menu-item-has-children:focus-within .sub-menu {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    visibility: visible !important;
    z-index: 20 !important;
  }

  .sl_header_nav > ul > li.menu-item-has-children .sub-menu_column {
    padding-top: 28px !important;
  }
}

@media (min-width: 1110px) {
  .header {
    --compact-header-offset: var(--headertopxlg);
  }
}

@media (min-width: 1451px) {
  .header {
    --compact-header-offset: var(--headertopfull);
  }
}

/* Shared article backgrounds; replaces repeated static custom properties. */
.articleBG--dark { --articleBG: var(--black); }
.articleBG--sand { --articleBG: #F2EEE6; }

/* Reserve the logo's rendered dimensions before its SVG finishes loading. */
.header__top .logo img {
  width: 176px;
  height: 28px;
  object-fit: contain;
}