/*
Custom CSS for the Animate.css Library
LAST UPDATED: 8/26/26
*/


/* Animations 
Class is-animated is used on any element using animation that fires when scrolled. SEARCHED FOR MY THE JS SCRIPTS
animate this is added to any element for it's animation. e.g. append to elements main class = .top-banner-burger.animate-this img

.is-infinite-animation = script looks for this, use if you want it to repeat infinitely after on scroll trigger. add this to the element classes in the div. if script
finds it, it will then look for .infinite-animation that you must append to the element in the woordpress custom css. 
e.g. .top-banner-burger.infinite-animation img {
       animation: rubberBand 2.0s ease-in-out;
       animation-delay: 1s; 
       animation-iteration-count: 1;
       animation-direction: normal; 
       
}


NEED TO MAKE SOME OF THIS MORE UNIVERSAL.. e.g. having the opacity variability on the container and not the imgs

*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ========================================== */
/* CLASSES FOR THE ON TRIGGER SCRIPTS */

/* Class for keeping opacity if adding/removing class removes it*/
.element-opacity-is-one {
   opacity: 1.0 !important
}

/* Remove animations that are off screen */
.animate-this-is-off-screen {
   opacity: 0.0;
}

/* END CLASSES FOR THE ON TRIGGER SCRIPTS */
/* ========================================== */


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}