/*
 Theme Name: Divi Child IWFNM
 Theme URI: https://www.elegantthemes.com
 Description: Divi Child Theme for IWFNM
 Author: Elegant Themes
 Author URI: https://zoledesign.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

.heroWords {
	font-size:70px;
}
.fade-words {
  position: relative;
  height: 1em;
  display: inline-block;
  font-style: italic;
  color:#E76803;
}

.fade-words span {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  animation: fadeWord 10s infinite; 
}

/* 5 words → 10s total → 2s (20%) per word slot */
.fade-words span:nth-child(1) { animation-delay: 0s; }
.fade-words span:nth-child(2) { animation-delay: 2s; }
.fade-words span:nth-child(3) { animation-delay: 4s; }
.fade-words span:nth-child(4) { animation-delay: 6s; }
.fade-words span:nth-child(5) { animation-delay: 8s; }


@keyframes fadeWord {
  0%   { opacity: 0; }
  2%   { opacity: 1; }  /* Fade in starts */
  15%  { opacity: 1; }  /* Stay visible */
  18%  { opacity: 0; }  /* Fade out FINISHED before 20% mark */
  100% { opacity: 0; }  /* Hidden for the rest of the 10s cycle */
}