/**
 * Motion X Fitness - animations.css
 * @package MotionXFitness
 */
@keyframes mxf-fadeUp { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:translateY(0); } }
@keyframes mxf-fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes mxf-float  { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-12px); } }
@keyframes mxf-pulse  { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.5; transform:scale(.8); } }
@keyframes mxf-spin   { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }

.mxf-animate-fadeUp    { animation: mxf-fadeUp    0.6s ease forwards; }
.mxf-animate-fadeIn    { animation: mxf-fadeIn    0.5s ease forwards; }
.mxf-animate-float     { animation: mxf-float     4s ease-in-out infinite; }
.mxf-animate-delay-1   { animation-delay:0.1s; opacity:0; }
.mxf-animate-delay-2   { animation-delay:0.2s; opacity:0; }
.mxf-animate-delay-3   { animation-delay:0.3s; opacity:0; }
.mxf-animate-delay-4   { animation-delay:0.4s; opacity:0; }

.mxf-reveal { opacity:0; transform:translateY(30px); transition:opacity 0.6s ease, transform 0.6s ease; }
.mxf-reveal.visible { opacity:1; transform:translateY(0); }