/**
 * Loaded after scoped AEM career CSS — wins cascade for fixed sub-nav under #site-header.
 */
.life-at-gci-scope .pageScrollMenuWrap.nomartop.menuBar {
  width: 100%;
  background: #fff;
}

.life-at-gci-scope .pageScrollMenuWrap.fixed,
.life-at-gci-scope .pageScrollMenuWrap.fixedwithHeader {
  position: fixed !important;
  top: var(--career-sticky-nav-top, var(--site-header-height, 90px)) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 2900 !important;
  background: #fff !important;
  padding: 10px 0 !important;
  box-shadow: 10px 10px 34px 0 rgba(0, 0, 0, 0.23) !important;
}

.life-at-gci-scope .pageScrollMenuWrap .pageScrollMenuSection,
.life-at-gci-scope .pageScrollMenuWrap .scrollingWrap {
  overflow: visible !important;
}

.life-at-gci-scope .pageScrollMenuWrap .navbar-expand-xl .navbar-collapse,
.life-at-gci-scope .pageScrollMenuWrap .navbar-collapse {
  display: flex !important;
  visibility: visible !important;
}

.life-at-gci-scope .pageScrollMenuWrap .navbar-nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  visibility: visible !important;
  width: 100% !important;
}

.life-at-gci-scope .pageScrollMenuSection .navbar-nav.owl-carousel.owl-loaded {
  display: block !important;
  width: 100% !important;
}

.life-at-gci-scope .pageScrollMenuWrap .navbar-nav .nav-item,
.life-at-gci-scope .pageScrollMenuWrap .navbar-nav .nav-link {
  visibility: visible !important;
  opacity: 1 !important;
}

.life-at-gci-scope .career-sticky-nav-placeholder {
  display: none;
  width: 100%;
}

@media (max-width: 767px) {
  .life-at-gci-scope .pageScrollMenuWrap .pageScrollMenuSection {
    overflow: visible !important;
  }
}

/* Tour Our Offices: keep the down arrow in the red panel for every section. */
@media (min-width: 1025px) {
  .life-at-gci-scope .tourOurOfficesComp .leftPanel {
    height: auto !important;
    bottom: auto !important;
    overflow: visible !important;
  }

  .life-at-gci-scope .tourOurOfficesComp .leftPanel .leftPanelCarousel {
    height: auto !important;
    overflow: visible !important;
  }

  .life-at-gci-scope .tourOurOfficesComp .leftPanel .slick-next {
    position: relative !important;
    display: block !important;
    visibility: visible !important;
  }

  .life-at-gci-scope .tourOurOfficesComp .leftPanel .slick-disabled {
    cursor: default !important;
  }

  .life-at-gci-scope .tourOurOfficesComp .leftPanel .slick-disabled:after {
    opacity: 0.15 !important;
  }
}