/*
Page FX Styles

These styles will work in conjuction with any scripts in the page-fx.js file to create non-essential, visual effects on pages across the site.

*/


/* Sticky Header Easing On Scroll */
#header-bottom.sticky{
  position:fixed;
  width:100%;
  left:0;
  top:0;
  background:#fff;
  box-shadow:1px -3px 15px #000;
  animation:.4s fromTop;
  z-index: 200;
}
#header-bottom.easeUp{
  position:fixed;
  width:100%;
  left:0;
  background:#fff;
  box-shadow:1px -3px 15px #000;
  animation:1s easeUp;
  top:-50%;
  z-index: 200;
}
@keyframes fromTop{
  from{
    top:-50%;
  }
  to{
    top:0%;
  }
}
@keyframes easeUp{
  from{
    top:0%;
  }
  to{
    top:-50%;
  }
}