/*********************************************
 * FULLSCREEN MENU OVERLAY
 *
 * Must be paired with:
 *
 * reveal-mod-menu.css
 * theme/2001-mod-menu.css
 * styling.css
 *********************************************/

/* GENERAL OVERLAY */

.reveal .control-menu-overlay {
    display: none;
    position: fixed;
    width: 30px;
    height: 30px;
    z-index: 30;
    /*right: 40px;
    top: 30px;*/
    -webkit-user-select: none;
    opacity: 0.6;
    transition: transform 0.5s ease-out;
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-animation-duration: 1.15s;
    animation-duration: 1.15;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* ICON */

.reveal .control-menu-overlay:hover {
    opacity: 1;
    transition: transform 250ms cubic-bezier(0.4, 0, 1, 1);
    -webkit-animation-name: wobble;
    animation-name: wobble;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

img.menu-overlay.icon.pHolder.logo {
    opacity: 0.5;
    padding-right: 0.25em;
    width: 10%;
    height: 10%;
    margin: -0.1em 0;
}

/* MENU HEADER */

.menu-overlay.header {
}

section.headers.present {
    text-align: left;
    padding: 0px;
    top: 0px !important;
    /*top: -1.5em !important;*/
    display: block;
    background: rgba(250, 128, 114,0.0);
}

/* NAV MENU CONTENT */

nav.menu {
    font-family: 'Quicksand', 'Century Gothic', 'Brandon Grotesque', 'Gill Sans', sans-serif;
    text-transform: uppercase;
    font-weight: lighter;
    color: rgba(255,250,250,0.5);
    /*margin-bottom: 1.5em;*/
    height: 5.5em;

    /* When style is centered */
        letter-spacing: 0.1em;
        font-size: 115%;
        /*line-height: 2.25em;*/

    /* When style is on the left */
        /*padding-left: 1.5em;
        letter-spacing: 0.1em;
        font-size: 130%;
        line-height: 1.65em;
        opacity: 0.5;*/
        /* color: rgba(19,218,236,0.9); */
        line-height: 2.15em;
}

ul.nav {
    list-style-type: none;
    /* When style is centered */
        margin: 0;
        padding: 0;
        /*text-align: center;*/
        margin: 0.05em;
}

ul.nav li{
    /* When style is centered */
        display: inline;
}

ul.nav li:hover {
    /* When style is centered */
        /* Faded Blue */
            /*border-top: 0.25em rgba(9, 155, 221, .25);
            border-bottom: 0.25em rgba(9, 155, 221, .25);
            border-left: 0.25em rgba(113, 233, 244, .15);*/
        /* Cobalt Blue */
            /* border-top: 0.25em rgba(27,145,255,0.9); */
            /* border-bottom: 0.25em rgba(27,145,255,0.9); */
            /* border-left: 0.25em rgba(27,145,255,0.9); */
        /* Blue + Pink on Polar Ends */
            /* padding: .25em 2em .25em .5em; */
            /* border-right: 0.7em solid rgb(250, 128, 114); */
            /* border-left: 0.25em solid rgba(113, 233, 244, 0.5); */
            /* border-bottom: 0.25em solid rgba(38, 62, 64, 0.3); */
    margin: 0.25em 0;
    width: 200%;
    border-style: solid;
    /* When style is on the left */
        /*margin: 0.25em 0;
        width: 200%;
        border-style: solid;*/
        /* Little pink back tab */
        border-right: 0.4em solid rgb(250, 128, 114);
        border-style: groove;
}

.nav a.fade-Out {
    text-decoration: none;

    /* When style is centered */
        /*background-color: rgba(44, 74, 232,0.8);
        padding: 0.3em 1em;
        color: rgba(191, 235, 239, 0.65);*/
        background-color: rgba(220,220,220,0.5);
        padding: 0.3em 1em;
        /*color: rgba(252,252,252,0.4); */
        color: rgba(182,179,202,1);

    /* When style is on the left */
        /*padding: .2em 1em;
        color: rgba(19,218,236,0.9);
        background-color: rgba(27,145,255,0.9);*/

    animation: fade-Out 0.5s; /* IE 10+, Fx 29+ */
    animation-timing-function: ease-out;
}

@keyframes fade-Out {
    from {
        opacity: 0;
        background-color: rgba(44, 74, 232,0.8);
        /*padding: 0.3em 1em;*/
        color: rgba(191, 235, 239, 0.65);
    }
    to {
        opacity: 1;
        background-color: rgba(220,220,220,0.5);
        /*padding: 0.3em 1em;*/
        color: rgba(182,179,202,1);
    }
}

a.nav {
    /*color: rgba(191, 235, 239, 0.75);*/
}

a.nav:hover {
    text-transform: capitalize;
    line-height: 2.15em;
    /* When style is centered */
        /* color: hsl(185, 85%, 70%); */
        /* background: hsla(185, 25%, 20%, 0.4); */
        /*text-shadow: none;
        border: none;
        padding: .25em 2em .25em .5em;
        font-family: 'Futura MT', 'TW Cen MT', sans-serif;
        font-size: 140%;
        letter-spacing: normal;
        color: rgba(61, 252, 216, 0.9);
        opacity: 1;*/

    /* When style is on the left */
        color: rgba(44, 74, 232, 1); /*0.7);*/
        background-color: rgba(220, 220, 220, 1);
        /*border: 5px solid rgba(220, 220, 220, 1);*/
        font-size: 130%;
}

nav.menu.fullscreen a {
    color: rgba(19,218,236,0.9);
}

/* INFO */

.menu-overlay.coreContent {
    /*margin-top: 4.75em;*/
    margin-top: 10%;
    margin-bottom: 2em;
    /*position: relative;*/
    width: 100%;
    height: 4em;
}
ul.info {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: 'Quicksand', 'Century Gothic', 'Brandon Grotesque', 'Gill Sans', sans-serif;
    font-weight: lighter;
    color: rgba(255,250,250,0.5);
}
ul.info li {
    /* When style is centered */
        display: inline;
}
a.info {
    color: rgba(220, 220, 220, 0.33);
    padding: 0.5em 1em 0 1.2em;
}
a.info:hover {
    color: rgba(220,220,220, 0.7);
    font-weight: normal;
    border-top: 0.35em solid rgba(220,220,220,0.7);
}
a.info.fade-In {
    animation: fade-In 0.5s;
    animation-timing-function: ease-in;
}

@keyframes fade-In {
    from {
        opacity: 0;
        color: rgba(191, 235, 239, 0.05);
    }
    to {
        opacity: 1;
        /*color: rgba(182,179,202,1);*/
        color: rgba(220, 220, 220, 0.33);
    }
}



/* FOOTER AREA */

.menu-overlay.foot {
    width: 100%;
    /* background-color: rgba(220,220,220,0.2); */
    bottom: 0;
    /*margin-bottom: -2.5em;*/
    margin-top: -10em;
    position: fixed;
    opacity: 0.45;
}
    .footSection.left {
        float: left;
        width: 50%;
        text-align: left;
        background-color: rgba(220,220,220,0.0);
        height: 0.75em;
        left: 0;
    }
        h6.data.tinyPrint {
            vertical-align: -webkit-baseline-middle;
            margin-bottom: 0;
        }
            .data.tinyPrint span.copy.icon {
                font-size: 1.25em;
            }
            .data.tinyPrint span.copy.date {
                font-family: "Abel", "Fjalla One", sans-serif;
                font-weight: bold;
            }
            .data.tinyPrint span.name {
                font-family: 'Gill Sans', 'Quicksand', 'Century Gothic MT', 'Montserratt', 'TW Cen MT', sans-serif;
                letter-spacing: 0.25em;
            }

    .footSection.right {
        float: right;
        width: 50%;
        text-align: right;
        background-color: rgba(220,220,220,0.0);
        height: 0.75em;
        /*right: 0; */
    }
        h6.data.contact {
            margin-bottom: 0;
            line-height: 2.75em;
        }
            ul.contact {
                list-style-type: none;
                margin-right: 0;
                vertical-align: -webkit-baseline-middle;
                text-align: center;
                margin-top: -1.75em;
            }
            ul.contact a.data.email {
                /*color: rgba(220,220,220,0.9);*/
            }
            ul.contact li {
                display: inline;
                border-top: 1px solid rgba(220,220,220,0.9);
                padding: 0.5em 2.5em;
                white-space: nowrap;
            }
            ul.contact li a {
                color: rgba(220,220,220,0.9);
            }

/* TYPE STYLING */

h2.headers {
    border-bottom: 0.07em solid rgba(220,220,220,0.87);
    padding-bottom: 0.15em;
    /*border-bottom: 0.05em solid rgba(247, 2, 82, 0.4);
    padding: 0 1em 0.3em 0.3em; */

    color: rgba(220,220,220,0.9);
    /* color: rgba(6,144,243,0.9); */
    /*color: rgba(251,4,171,0.7);*/

    font-family: "Tw Cen MT", "Futura", "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 3em;
    letter-spacing: 0.05em;
    /* When style is centered */
        text-transform: capitalize;
        /*text-align: center;*/
        margin-bottom: 0.3em;
        margin-top: -0.15em;
    /*When style is on the left */
        /* margin-left: 0.75em; */
        /* margin-right: 1em; */
        /* border-style: hidden; */
        /* color: rgba(173,255,47,0.9); */
        text-align: left;
}

h3, h3.info {
    border-bottom: 0.07em solid rgba(220,220,220,0.7);
    padding-bottom: 0.1em;
    color: rgba(220,220,220,0.9);
    font-family: "Arvo", sans-serif;
    letter-spacing: 0.025em;
    font-size: 1.75em;
    opacity: 1;
    text-transform: capitalize;
}

h5.info {
    font-family: 'Gill Sans', 'Century Gothic', 'Brandon Grotesque', sans-serif;
    color: rgba(220,220,220,1);
    letter-spacing: 0.02em;
    opacity: 1;
    font-size: 0.75em;
    text-transform: capitalize;
}

h5.info.monospace {
    color: rgba(220,220,220,1);
    font-family: 'Monotype', 'Courier New', 'Cutivemono', monospace;
    letter-spacing: -0.225em;
    opacity: 1;
    font-size: 1.1em;
    text-transform: capitalize;
}

h6, h6.tinyPrint, h6.contact {
    color: rgba(220,220,220,0.9);
    font-family: 'Quicksand', 'Century Gothic', 'Brandon Grotesque', 'Gill Sans', sans-serif;
    letter-spacing: 0.15em;
    font-size: 0.45em;
}

.mono {
    font-family: 'Monotype', 'Courier New', 'Cutivemono', monospace;
}