/*
File: animation.css (converted from _animation.scss)
This contains site-wide animation styles
*/

/* Mixin 'transition' converted to utility class */
.transition-standard {
  transition: all 0.3s ease;
}

/*
DELAYED BLURB ENTRY
This progressively delays the animation start of images in later columns
to create a cool effect
*/
#rf-body img {
  animation-fill-mode: both;
}

@media only screen and (min-width: 980.02px) {
  /* Add animation delay for everything from 2 to 6 */
  #rf-body .et_pb_column:nth-child(2) img {
    animation-delay: 0.25s;
  }
  
  #rf-body .et_pb_column:nth-child(3) img {
    animation-delay: 0.5s;
  }
  
  #rf-body .et_pb_column:nth-child(4) img {
    animation-delay: 0.75s;
  }
  
  #rf-body .et_pb_column:nth-child(5) img {
    animation-delay: 1s;
  }
  
  #rf-body .et_pb_column:nth-child(6) img {
    animation-delay: 1.25s;
  }
}