/*
 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 */
}

@media (max-width: 1185px) and (min-width: 981px) {
    .et_pb_menu_0_tb_header.et_pb_menu ul li a {
        font-size: 14px !important;
    }
}
.member-login-btn > a {
    background: #6D0B4A;
    color: #fff !important;
    padding: 10px 18px !important;
    border-radius: 4px;
    font-weight: 600;
}

.member-login-btn > a:hover {
    opacity: 0.85;
}
.member-login-btn {
    position: relative;
    top: -10px;
}
/* format br for phone */
.mobile-break {
  display: none;
}

@media (max-width: 767px) {
  .mobile-break { /* keeps hero text on one line desktop, multi-line phone */
    display: inline;
  }
}
.et_mobile_menu {border-top:none;}
.et_pb_menu .et_mobile_menu {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    position: fixed; /* optional but recommended */
    top: 80px; /* adjust based on your header height */
    background: #fff; /* or your header background color */
    z-index: 99999;
}

/* Mobile: make it a normal menu item */
@media (max-width: 980px) {
    /* Target the mobile menu version specifically */
    .et_mobile_menu .member-login-btn > a {
        background: none !important;
        color: #666 !important;          /* use the same color as other items */
        font-weight: 700 !important;    /* match other mobile links */
        padding: 10px 5% !important;        /* typical Divi mobile spacing */
        display: block !important;
    }

    .et_mobile_menu .member-login-btn {
        position: static !important;
        top: 0 !important;
    }
}