/* Shared layout corrections for pages using the modern FLEXCORE header. */
html.flexcore-modern-home .site-header,
html.flexcore-modern-inner .site-header {
  box-sizing: border-box !important;
  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;
  padding: 28px clamp(28px, 3vw, 48px) 0 !important;
  align-items: flex-start !important;
}

html.flexcore-modern-inner .site-header {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

html.flexcore-modern-home .main-nav,
html.flexcore-modern-inner .main-nav {
  min-height: 38px !important;
}

html.flexcore-modern-home .header-actions a,
html.flexcore-modern-inner .header-actions a {
  box-sizing: border-box !important;
  height: 36px !important;
}

main > section:first-child .breadcrumbs:not(.folio-breadcrumbs) {
  position: relative;
  z-index: 6;
  transform: translateY(clamp(24px, 3vh, 32px));
}

@media (max-width: 700px) {
  main > section:first-child .breadcrumbs:not(.folio-breadcrumbs) {
    transform: translateY(18px);
  }
}

@media (max-width: 860px) {
  html.flexcore-modern-home .main-nav,
  html.flexcore-modern-inner .main-nav {
    top: 76px !important;
    min-height: 0 !important;
    padding-block: 9px !important;
  }

  html.flexcore-modern-home .main-nav a,
  html.flexcore-modern-inner .main-nav a {
    min-height: 48px !important;
  }
}

@media (max-width: 620px) {
  html.flexcore-modern-home .site-header,
  html.flexcore-modern-inner .site-header {
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    padding: 19px 18px 0 !important;
  }

  html.flexcore-modern-home .main-nav,
  html.flexcore-modern-inner .main-nav {
    top: 66px !important;
  }

  html.flexcore-modern-home .header-actions a,
  html.flexcore-modern-inner .header-actions a {
    height: 34px !important;
  }
}