/**
Theme Name: Davids extra fade effects
Author: David W
Author URI: http://wpastra.com/about/
Description: A simple Child theme to add some custom effects
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: davids-extra-fade-effects
Template: astra
*/

/* Fade up */
.fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Fade in from left */
.fade-left {
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-left.visible {
  opacity: 1;
  transform: translateX(0);
}

/* Fade in from right */
.fade-right {
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-right.visible {
  opacity: 1;
  transform: translateX(0);
}

/* Optional: slight delay for staggered pairs */
.fade-delay {
  transition-delay: 0.2s;
}