.elementor .ph-smart-header{/* =========================================
 PLUSHEIGHT SMART HEADER
 HIDE DOWN / SHOW UP
========================================= */

.ph-smart-header{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;

  width:100%;

  transition:
      transform .35s ease,
      box-shadow .25s ease;

  will-change:transform;
}


/* hidden when scrolling down */

.ph-smart-header.ph-header-hidden{
  transform:translateY(-100%) !important;
}


/* visible when scrolling up */

.ph-smart-header.ph-header-visible{
  transform:translateY(0) !important;
}


/* subtle shadow after scrolling */

.ph-smart-header.ph-header-scrolled{
  box-shadow:0 3px 14px rgba(0,0,0,.08);
}\n}