/* Sticky header. The Theme Builder header (.g-header) stays fixed at the top of the viewport.
   Once the page scrolls, assets/js/header-sticky.js adds .is-scrolled: the header shrinks to 90%
   from the top centre and tucks up closer to the top edge. Front end only (not the Elementor editor). */
body:not(.elementor-editor-active) .elementor-location-header .g-header {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0px);
  left: 0;
  right: 0;
  transform-origin: 50% 0;
  transition: transform .3s cubic-bezier(.22, .61, .36, 1), padding-top .3s cubic-bezier(.22, .61, .36, 1);
}
body:not(.elementor-editor-active) .elementor-location-header .g-header.is-scrolled {
  transform: scale(.9);
  padding-top: 10px;
}
/* Lift the pills off the page content while the header floats over it. */
body:not(.elementor-editor-active) .elementor-location-header .g-header .g-nav-pill,
body:not(.elementor-editor-active) .elementor-location-header .g-header .g-cta-pill {
  transition: box-shadow .3s ease;
}
body:not(.elementor-editor-active) .elementor-location-header .g-header.is-scrolled .g-nav-pill,
body:not(.elementor-editor-active) .elementor-location-header .g-header.is-scrolled .g-cta-pill {
  box-shadow: 0 12px 32px rgba(23, 22, 20, .14);
}
/* Keep the mobile menu dropdown aligned: no scaling while it is open. */
body:not(.elementor-editor-active) .elementor-location-header .g-header.is-scrolled:has(.elementor-menu-toggle.elementor-active) {
  transform: none;
}
@media (max-width: 767px) {
  body:not(.elementor-editor-active) .elementor-location-header .g-header.is-scrolled { padding-top: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .elementor-location-header .g-header,
  .elementor-location-header .g-header .g-nav-pill,
  .elementor-location-header .g-header .g-cta-pill { transition: none; }
}