/* Fade in slide up animation */

/* Initial state (hidden and slightly moved down) for direct children of elements with class 'block' */
.blocks > h1,
.blocks > h2,
.blocks > h3,
.blocks > h4,
.blocks > h5,
.blocks > h6,
.blocks > p,
.blocks > figure,
.child-item,
.blocks > .text-block,
.blocks > .list-block {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 500ms ease-out, transform 500ms ease-out;
}

/* Visible state (opacity 1 and back to original position) for direct children of elements with class 'block' */
.blocks > h1.visible,
.blocks > h2.visible,
.blocks > h3.visible,
.blocks > h4.visible,
.blocks > h5.visible,
.blocks > h6.visible,
.blocks > p.visible,
.blocks > figure.visible,
.child-item.visible,
.blocks > .text-block.visible,
.blocks > .list-block.visible {
    opacity: 1;
    transform: translateY(0);
}