// ==========================================================================
//   [data-waypoint]
// ==========================================================================

[data-waypoint] {
  &.is-fadeInUp {
    opacity: 0;
    transform: translate3d(0, 50px, 0);

    &.is-animated {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  &.is-fadeInDown {
    opacity: 0;
    transform: translate3d(0, -50px, 0);

    &.is-animated {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  &.is-fadeInLeft {
    opacity: 0;
    transform: translate3d(50px, 0, 0);

    &.is-animated {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  &.is-fadeInRight {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);

    &.is-animated {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
}