/* The Penn Warren specials / navigation synchronization v36

   ========================================================= */
:root {
  --specials-banner-height: 0px;
}

.navbar:not(.nav-scroll) {
  top: var(--specials-banner-height, 0px) !important;
  -webkit-transform: none !important;
  transform: none !important;
  transition: top 520ms cubic-bezier(.22,.61,.36,1) !important;
}

.navbar.nav-scroll {
  top: 0 !important;
  -webkit-transform: none !important;
  transform: none !important;
  transition:
    background-color .25s ease,
    box-shadow .25s ease,
    border-color .25s ease !important;
}

/* Permanent page-hero parallax fill on all screen sizes */
html body header.page-hero {
  position: relative !important;
  overflow: hidden !important;
}

html body header.page-hero > .parallax,
html body header.page-hero .parallax__container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
}

html body header.page-hero .parallax__container > .parallax {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  top: 0 !important;
  bottom: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
/* The Penn Warren v36 mobile subpage seam fix
   Visual only. Does not change nav/popdown geometry.
*/
@media (max-width: 991.98px) {
  html body header.page-hero > .parallax,
  html body header.page-hero .parallax__container > .parallax {
    transform: scale(1.003) !important;
    transform-origin: center center !important;
  }
}

/* v39: universal-parallax's fixed image must follow its flow-positioned hero. */
html body header.page-hero .parallax__container,
html body header.page-hero .parallax__container > .parallax,
html body header.page-hero > .parallax {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
}
html body header.page-hero .parallax__container {
  overflow: hidden !important;
}