﻿body {
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 500px;
}

.spacer {
    flex: 1;
}

.footerCont {
    width: 100%;
    min-height: 60px;
    /* Set the fixed height of the footer here */
    background-color: #DDE2E8;
    display: block;
    font-size: 1.0rem;
}

    .footerCont .footerLogo {
        background-repeat: no-repeat;
        background-position: 50%;
        width: 180px;
        height: 39px;
        background-size: contain;
        margin-right: 4rem;
        margin-bottom: 20px;
    }

    .footerCont img {
        width: 180px;
    }

    .footerCont .footerList {
        list-style-type: none;
        display: inline-block;
        margin-bottom: 0;
    }

        .footerCont .footerList li:after {
            content: " |";
            color: #005391;
        }

        .footerCont .footerList li {
            padding-left: 5px;
            display: inline-block;
        }

            .footerCont .footerList li a {
                color: #005391;
            }

            .footerCont .footerList li:nth-last-child(1):after {
                content: "";
            }

.resourcesWrapper {
    margin-left: 20px;
    flex-grow: 1;
}

    .resourcesWrapper .resourcesFooter {
        justify-content: space-evenly;
    }

        .resourcesWrapper .resourcesFooter .resourceSection {
            min-width: 280px;
        }

            .resourcesWrapper .resourcesFooter .resourceSection .resourcesList {
                list-style-type: none;
                margin-bottom: 20px;
            }

                .resourcesWrapper .resourcesFooter .resourceSection .resourcesList .resourcesListElement {
                    padding-top: 9px;
                }

                    .resourcesWrapper .resourcesFooter .resourceSection .resourcesList .resourcesListElement a .resourceExternalLinkIcon {
                        font-size: 12px;
                    }

@media only screen and (max-width: 992px) {
    .resourcesWrapper .resourcesFooter {
        justify-content: start;
    }
}

.accessibilityWrapper {
    background-color: #DDE2E8;
}

.accessibilityText {
    color: #475260;
    font-style: italic;
}

hr.solid {
    border-top: 0px solid #ff006e;
}