/*Global Layout Styles*/
:root {
    --page-max-width: 1600px;
}
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: border-box;
}
/*Body*/
body {
    top: 0px !important;
    margin: 0px;
    font-family: sans-serif; 
    /* "proxima-nova",  */
    --header-top-height: 90px;
    --header-nav-height: 36px;
    --header-total-height: calc(var(--header-top-height) + var(--header-nav-height));
    --media-before-content: 330px;
    --media-after-content: calc(var(--media-height) - var(--media-before-content) - var(--header-total-height));
    --media-height: 720px;

    --link-color: #30567d;

    display: grid;
    grid:
        [img-start] "header" var(--header-total-height)
        "media-spacing" var(--media-before-content)
        [content-start] "content" minmax(var(--media-after-content), 1fr)
        "footer" min-content
        / 1fr;
}

@media screen and (max-width: 800px) {
    body {
        --media-height: 40vw;
        --media-before-content: var(--media-height);
        --media-after-content: 0;

        grid:
            "header" var(--header-total-height)
            [img-start] "media-spacing" var(--media-before-content)
            [content-start] "content" minmax(var(--media-after-content), 1fr)
            "footer" min-content
            / 1fr;
    }
}
img {
    max-width: 100%;
}
.c-main-header {
    grid-area: header;
    z-index: 2;
}
@media (max-width: 800px) {
    .c-main-header {
        background: linear-gradient(270deg,rgba(19,53,92,1) 0%,rgba(35,55,78,1) 100%);
    }
}
footer {
    grid-area: footer;
}
body .pageBleed{
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
    background: linear-gradient( 180deg, rgba(202,202,202,1) 0%, rgba(255,255,255,1) 900px, rgba(255,255,255,1) 100%);
    z-index: -1;
}
/*F5 Monitor*/
.F5Monitor {
    line-height:1em;
    font-size:15px;
}
/*ADA Menu*/
.ADAmenu {
    position: absolute;
    left: 5px;
    border: 2px solid rgb(60, 60, 60);
    padding: 10px;
    background-color: #FAFAFA;
    border-radius: 5px;
    z-index: 99999;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
    overflow: hidden;
    max-width: calc(100% - 40px);
    top: -250px;
    transition: top 1s;
    line-height: 16px;
}
.ADAmenu.focused{
    top: 5px;
}
.ADAmenu a{
    display: block;
    font-size: 16px;
    padding: 5px;
    color: black;
    text-decoration: none;
    white-space:nowrap;
}
.ADAmenu a:focus, .ADAmenu a:hover{
    background-color:#DEDEDE;
}
.adaHidden, .skipToLink, .hideADAmenu, .ada-hidden {
    position: absolute !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    /* color: black !important; */
}