/* 
 * Future Coat - Animation Styles
 * Prefix: fc_
 */

/* Keyframe for Hero Banner Load Animation */
@keyframes fcFadeUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Base class for page load animation elements */
.fc_anim_fade_up_1,
.fc_anim_fade_up_2,
.fc_anim_fade_up_3,
.fc_anim_fade_up_4 {
    opacity: 0;
    animation-name: fcFadeUp;
    animation-duration: 0.8s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-fill-mode: forwards;
}

/* Staggered Animation Delays */
.fc_anim_fade_up_1 {
    animation-delay: 0s;
}

.fc_anim_fade_up_2 {
    animation-delay: 0.2s;
}

.fc_anim_fade_up_3 {
    animation-delay: 0.4s;
}

.fc_anim_fade_up_4 {
    animation-delay: 0.6s;
}