/* =========================================
   Turn Off Page Animation
========================================= */

@media (prefers-reduced-motion: reduce) {

  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }

  html {
    scroll-behavior: auto !important;
  }

  /* Kill parallax + transform effects */
  [class*="js-"] {
    transform: none !important;
    opacity: 1 !important;
  }

}


/* Put at VERY bottom of your last CSS file */
.no-anim .js-fade,
.no-anim [class*="js-"] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}