/*
global-animation.css
====================
This file is included across the entire site when
animations are enabled for the theme. If you wish
to effect the css of anything globally and it is
animation related for this specific theme, then
please do so here.

Please make sure you comment EACH tag or class
you modify the animation styling of, so if someone
comes along in the future, they understand in DETAIL
what the tag styling is doing and why

See detailed documentation here:-
	https://docs.google.com/document/d/1n5sWQ8SIr-zjOpTv8YnOTHJapO8WdedjDfbeo-lkqMM/edit#heading=h.lmxb59mpcpe2
*/

    /* Make body opacity 0 to fade in */
        body
        {
            opacity: 0;
        }

    /* Make it so the animations support larger screens (2000px landscape screens)*/
        .min-height-body-html
        {
            min-height: 1500px;
        }

    /* Add transitional effect to header element */

        .header
        {
            -webkit-transition: background-color 0.8s;
            -o-transition: background-color 0.8s;
            transition: background-color 0.8s;
        }

    /* */
        .navigation
        {
            opacity: 0;
        }

    /* If the height is less than 1500px really big (Landscape screen perhaps)*/
        @media screen and (max-height : 1500px)
        {
            /* Make it so the animations support larger screens ( < 1500px landscape screens)*/
                .min-height-body-html
                {
                    min-height: 135vh;
                }
        }