/* ---------------------------------------------------------------------------
   Static-build fixes for ibuild-design.com
   ---------------------------------------------------------------------------
   WHY THIS FILE EXISTS

   Divi gives "entrance animation" elements the class .et_animated and hides them
   with:

       .et_animated { opacity: 0; animation-fill-mode: both !important; }

   They are meant to be revealed by Divi's JavaScript as you scroll. In this
   static build that never happens:

     * the LiteSpeed plugin marks every script type="litespeed/javascript" and
       only activates them after the visitor moves the mouse / scrolls;
     * by the time jQuery and Divi's code finally load, the moment when Divi
       sets up its scroll-reveal has already passed;
     * so the elements keep opacity: 0 forever and the text never appears.

   Measured: after simulating mouse move + scroll + keypress, jQuery loads and
   all deferred scripts activate, but the hero elements are still opacity 0.

   THE FIX (deliberate trade-off)

   Render those elements visible immediately and drop the fade-in animation.
   We lose a decorative effect; we gain content that is guaranteed to show even
   with JavaScript disabled, blocked, slow, or broken. For a brochure site whose
   hero carries the headline and main call-to-action, always-visible wins.

   The selector is intentionally more specific than Divi's (html body .et_animated)
   so it wins no matter what order the stylesheets happen to load in.
   --------------------------------------------------------------------------- */

html body .et_animated,
html body .et_had_animation,
html body .et-waypoint {
  opacity: 1 !important;
  -webkit-animation: none !important;
          animation: none !important;
  visibility: visible !important;
  -webkit-transform: none !important;
          transform: none !important;
}