/* This file used to animate the files in the views/static folder */
.aHidden{
    opacity: 0;
    transition: all 1s;
}
.aShow{
    opacity: 1;
}

/* Fade in left animation */
.aHidden.fade-in-left {
    transform: translateX(-90px);
}

.aShow.fade-in-left {
    transform: translateX(0);
}

/* Fade in left animation */
.aHidden.fade-in-right {
    transform: translateX(90px);
}

.aShow.fade-in-right {
    transform: translateX(0);
}

/* Fade in up animation */
.aHidden.fade-in-up {
    transform: translateY(50px);
}

.aShow.fade-in-up {
    transform: translateY(0);
}

/* Fade in down animation */
.aHidden.fade-in-down {
    transform: translateY(-50px);
}

.aShow.fade-in-down {
    transform: translateY(0);
}


/* Delay classes for flexible animation timing */
.a-delay-100{
    transition-delay: 100ms;
}
.a-delay-200{
    transition-delay: 200ms;
}
.a-delay-300{
    transition-delay: 300ms;
}
.a-delay-400{
    transition-delay: 400ms;
}
.a-delay-500{
    transition-delay: 500ms;
}
.a-delay-600{
    transition-delay: 600ms;
}

@media(prefers-reduced-motion){
    .aHidden{transition: none;}
}