/* animation style left to center */
/* ---------------------------- */

/* before animation */
.u-fade-type-left{
    transform: translateX(-100px);
    opacity: 0;
}

/* Grant is-active on trigger firing */
.u-fade-type-left.is-active{
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}

/* animation style right to center */
/* ---------------------------- */

/* before animation */
.u-fade-type-right{
    transform: translateX(100px);
    opacity: 0;
}

/* Grant is-active on trigger firing */
.u-fade-type-right.is-active{
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}

/* animation style bottom to top */
/* ---------------------------- */

/* before animation */
.u-fade-type-down{
    transform: translateY(100px);
    opacity: 0;
}

/* Grant is-active on trigger firing */
.u-fade-type-down.is-active{
    /* [off]transition: 2s; */
    transition: 1s;
    transform: translateY(0);
    opacity: 1;
}

/* animation style top to bottom */
/* ---------------------------- */

/* before animation */
.u-fade-type-up-pdf{
    transform: translateY(-100px);
    opacity: 0;
}

/* Grant is-active on trigger firing */
.u-fade-type-up-pdf.is-active{
    /* [off]transition: 2s; */
    transition: transform 1s, opacity 1s, background-position 1s;
    transform: translateY(0);
    opacity: 1;
}

/* before animation */
.u-fade-type-up{
    transform: translateY(-100px);
    opacity: 0;
}

/* Grant is-active on trigger firing */
.u-fade-type-up.is-active{
    transition: 2s;
    transform: translateY(0);
    opacity: 1;
}

/* animation style fixed position */
/* ---------------------------- */

/* before animation */
.u-fade-type-static{
    opacity: 0;
}

/* Grant is-active on trigger firing */
.u-fade-type-static.is-active{
    /* [off]transition: 2s; */
    transition: opacity 1s, background-position 1s;
    opacity: 1; 
}

/* before animation */
.u-fade-type-opacity{
    opacity: 0;
}

/* Grant is-active on trigger firing */
.u-fade-type-opacity.is-active{
    transition: opacity 1s;
    opacity: 1; 
}

/* before animation */
.u-fade-type-scale{
    transform: scale(1.2);
    opacity: 0;
}

/* Grant is-active on trigger firing */
.u-fade-type-scale.is-active{
    transform: scale(1);
    transition: 1s;
    opacity: 1; 
}