/*
 * Entrance animations (the Elementor "Motion Effects" the live sections used): elements with
 * data-ew-anim stay hidden until they scroll into view, then slide in once.
 */
.ew-anim-ready [data-ew-anim]:not(.ew-animated) { visibility: hidden; }
.ew-animated { animation-duration: 1.25s; animation-fill-mode: both; }
.ew-animated[data-ew-anim="slideInUp"] { animation-name: ewSlideInUp; }
.ew-animated[data-ew-anim="slideInLeft"] { animation-name: ewSlideInLeft; }
.ew-animated[data-ew-anim="slideInRight"] { animation-name: ewSlideInRight; }
.ew-animated[data-ew-anim="fadeIn"] { animation-name: ewFadeIn; }
@keyframes ewSlideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } }
@keyframes ewSlideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } }
@keyframes ewSlideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } }
@keyframes ewFadeIn { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
	.ew-anim-ready [data-ew-anim]:not(.ew-animated) { visibility: visible; }
	.ew-animated { animation: none; }
}