/* What If Unlimited - directional header.
   Scrolling down slides the sticky header out of the way; scrolling up brings
   it straight back. Only ever applies while Elementor has the header stuck,
   so the header behaves normally at the top of the page. */

.wiu-header{
  transition:transform .32s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}

body.wiu-nav-hidden .wiu-header.elementor-sticky--active{
  transform:translateY(-100%);
}

/* Never hide it while the mobile menu is open. */
body.wiu-nav-menu-open .wiu-header.elementor-sticky--active{
  transform:none !important;
}

@media (prefers-reduced-motion:reduce){
  .wiu-header{transition:none}
}