/* Scroll-in animation. Classes are added by scroll-animate.js.
   .evtx-animate = hidden start state, .evtx-animate-visible = end state.
   Effect modifiers: .evtx-animate-fade-{up,down,left,right} */
.evtx-animate {
  opacity: 0;
  transition: all 1.3s ease-out;
}
.evtx-animate.evtx-animate-fade-up    { transform: translate3d(0, 45px, 0); }
.evtx-animate.evtx-animate-fade-down  { transform: translate3d(0, -45px, 0); }
.evtx-animate.evtx-animate-fade-right { transform: translate3d(100px, 0, 0); }
.evtx-animate.evtx-animate-fade-left  { transform: translate3d(-200px, 0, 0); }
.evtx-animate.evtx-animate-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .evtx-animate {
    opacity: 1;
    transform: none;
    transition: none;
  }
}