.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* MC: for all pages: */
.main-container {
}

    .main-container .usa-section {
        padding-top: 1.0rem;
    }

.subheading {
    clear: both; /* Why is this necessary? */
    background-color: #002453;
    color: #ffffff;
    width: 100%;
    text-align: center;
}

    .subheading .h1, .subheading h1 {
        margin: 0;
        padding: 8px 0 1.5rem 0;
    }

    .subheading .toolbar {
        padding: 10px 10px 20px 10px;
        background-color: #081C3F;
    }

        .subheading .toolbar .resource_search_filter {
            padding: 0;
        }

        .subheading .toolbar .resource_search_filter .usa-nav {
            background-color: #081C3F;
        }

        .subheading .toolbar .resource_search_filter .usa-nav__primary button {
            background-color: #ffffff;
            color: #081C3F;
        }

.before-footer {
    background-color: #081C3F;
    color: #ffffff;
    width: 100%;
    text-align: center;
}

    .before-footer p {
        margin: 0;
        padding: 25px 25px;
        font-size: 1.6rem;
        font-weight: 500;
        margin-right: .5rem;
    }

    .before-footer .grid-row {
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .before-footer .usa-button {
        margin-left: .5rem;
    }

/* MC: The following styles override rules in main.css. Maybe these rules belong in main.css. */

.h1, h1 {
    font-size: 1.5rem;
    font-weight: 700;
}

.usa-nav {
    height: 7rem;
}

    .usa-nav .usa-nav__primary {
        padding-top: 0 !important;
    }

        .usa-nav .usa-nav__primary > .usa-nav__primary-item > a {
            font-weight: normal;
        }

        .usa-nav .usa-nav__primary button {
            font-weight: normal;
        }

.main-container .usa-button,
.subheading .usa-button,
.before-footer .usa-button {
    background-color: #A7DFFE;
    text-decoration: none;
    color: #1F292F;
    padding: 10px 15px;
    /*padding: 0.5rem 0.9rem !important;*/
    border-radius: 4px;
    /*font-size: 0.82547em;*/
    font-size: 0.9em;
    font-weight: 600;
    filter: none; /*drop-shadow(0 7px 13px #000000);*/
    /*width: 100%*/
    height: 2rem;
    min-height: 2rem;
    max-height: 2rem;
    display: inline-flex;
}

    .main-container .usa-button img,
    .subheading .usa-button img,
    .before-footer .usa-button img {
        max-height: 18px;
    }

.usa-form.contact {
    width: 100%;
    max-width: none;
}

    .usa-form.contact label {
        font-weight: bolder;
        color: #002453;
    }

span.required {
    color: red;
}

.contact .usa-button {
    max-height: none;
    font-size: 1em;
    height: auto;
    padding: 15px 40px;
}

.green-hr {
    color: #768B37;
    width: 100px;
    opacity: 1;
    height: 5px !important;
    margin: .5rem 0;
}

.blue-header {
    font-weight: 700;
    color: #002453;
}

.info-exchange-wrapper {
    margin-bottom: -1rem;
}

    .info-exchange-wrapper ul {
        padding: .5rem;
    }

        .info-exchange-wrapper ul li {
            line-height: 30px;
        }
    .info-exchange-wrapper .usa-button {
        margin-top: .5rem;
    }

.info-wrapper {
    background-color: #e5f2f8;
    border-radius: 10px;
    padding: 1rem 2rem 1.5rem;
    height: 100%;
}

    .info-wrapper ::marker {
        color: #facc0d;
    }
    .info-wrapper ul{
        margin-bottom:0;
    }
.sitemap a, .sitemap li p {
    font-weight: 700;
    color: #002453;
    font-size: 1.5rem;
}
.topicSelectWrapper .usa-nav__submenu {
    /*margin-left: -235px;*/
}
.about-img img {
    max-width: 70%;
    margin-top: 1rem;
}

.about-content-wrap {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 1rem;
}

.about-mission-section {
    background-color: #f4f7fc;
    padding: 5rem 0;
}

.about-mission-card {
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 12px 24px rgba(15, 26, 48, 0.07);
    padding: 2.5rem 2rem;
}

.about-mission-card p {
    color: inherit;
    margin: 0;
}

.about-initiative-section {
    background-image: url("https://slattfiles.blob.core.windows.net/images/slatt-2026/about-wave.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 25%;
    overflow: hidden;
    padding: 5rem 0 120px;
    position: relative;
}

.about-initiative-section .about-content-wrap {
    position: relative;
    z-index: 2;
}

@media (max-width: 1600px) {
    .about-initiative-section {
        background-position: 100% 50%;
    }
}

@media (max-width: 1024px) {
    .about-initiative-section {
        background-image: none;
    }
}

.about a {
    color: #2f557e;
}

.about a:hover {
    color: #0a1e3f;
}

input.input-validation-error, textarea.input-validation-error, select.input-validation-error {
    border-color: #b50909;
}
@media (min-width: 1024px) {
    .info-1 {
        width: 95%;
    }

    .info-2 {
        width: 95%;
        margin-left: 5%;
    }
}
@media(max-width:1023px) {
    .about-img img{
        text-align:center;
        max-width:100%;
    }
    .about-img {
        text-align: center;
    }

    .about-mission-section,
    .about-initiative-section {
        padding: 3rem 0;
    }

    .about-initiative-section {
        padding-bottom: 120px;
    }

    .about-mission-card {
        border-radius: 16px;
        padding: 1.5rem;
    }

}
@media(max-width:768px){
    .ta-wrapper .tablet\:grid-col-3 {
        width: 100%;
    }
}