/***********************************
********** BASE / SHARED ***********
***********************************/
html, body {
    background-color: #fff;
}

.landing-container {
    padding: 1rem;
    background-color: #1c2e3f;
}

/***********************************
********* LANDING HOMEPAGE **********
***********************************/
html.landing-home, .landing-home body {
    background-color: #1c2e3f;
}
.landing-home .landing-container.grid-container {
    height: 100vh;
}
.landing-home .landing-container .grid-x {
    height: 100%;
}

.site-cell {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    margin-bottom: 1rem;
    border: 5px solid #79bce7;
    box-shadow: 0 10px 14px #000;
    padding-top: 3rem; /* even out .grid-x bottom whitespace */
}

.site-cell .grid-x {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.site-cell .button {
    width: 100%;
    line-height: 1.4;
    font-size: 1.1rem;
    letter-spacing: .04rem;
    color: #fff;
}

.site-cell a {
    color: #257BB1;
}

.site-cell a:hover,
.site-cell a:focus {
    text-decoration: underline;
}

a.more-info {
    color: #747474;
    display: block;
    text-align: center;
    font-size: .9rem;
    letter-spacing: .03rem;
    margin-bottom: 2rem;
}
@media screen and (min-width: 40em) {
    a.more-info {
        position: relative;
        top: -0.6rem;
        margin-bottom: -1.5rem;

    }
}

/*********************************
******** LANDING REPORTS *********
*********************************/

h1 sup {
    color: #fff;
    background-color: rgb(217, 48, 37);
    background-color: #1c2e3f;
    position: relative;
    font-size: 1.2rem;
    font-weight: normal;
    vertical-align: super;
    margin-left: .75rem;
    padding: .2rem;
}
.announcements {
    color: rgb(217, 48, 37);
    color: #1c2e3f;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2rem;
}
a.nonlink {
    color: inherit;
    text-decoration: normal;
}
a.nonlink:hover,
a.nonlink:focus {
    color: inherit;
    text-decoration: underline;
}
.button-group {
    margin-top: 1.5rem;
}
.button-group.large .button {
    font-size: 1.1rem;
    letter-spacing: .05rem;
}


.button {
    background: #257BB1;
    
}
.button:hover,
.button:focus {
    background: #1E648F;
}
.button.hollow {
    color: #257BB1;
    border: 2px solid #3698d4;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .06rem;
}
.button.hollow:hover,
.button.hollow:focus {
    color: #1E648F;
    border: 2px solid #1E648F;
}
.landing-container .button.current {
    background: #257BB1;
    border: 2px solid #79bbe7;
    text-decoration: underline;
}
.intro-text {
    color: #676767;
}
.header-wrapper {
    background-color: #eee;
    border-bottom: 2px solid #ccc;
    padding: 3rem 2rem;
    margin-bottom: 3rem;
}


.content-container {
    padding-bottom: 3rem;
}

.footer-container {
    background-color: #1C2128;
    color: #fff;
    padding: 5rem 1rem;
}
.footer-container p {
    font-size: 90%;
    line-height: 1.4;
}
.footer-container p a {
    color: #79bbe7;
    text-decoration: underline;
}
.footer-container p a:hover,
.footer-container p a:focus {
    color: #3698d4;
}