﻿
.usa-banner {
    font-family: Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-size: 1.06rem;
    line-height: 1.5;
    background-color: #f0f0f0
}

@media all and (min-width: 40em) {
    .usa-banner {
        font-size: .87rem;
        padding-bottom: 0
    }
}

.usa-banner .usa-accordion {
    font-family: Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-size: 1.06rem;
    line-height: 1.5
}

.usa-banner .grid-row {
    display: flex !important;
    flex-wrap: wrap !important
}

    .usa-banner .grid-row.grid-gap-lg {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

        .usa-banner .grid-row.grid-gap-lg > * {
            padding-left: .75rem;
            padding-right: .75rem
        }

@media all and (min-width: 40em) {
    .usa-banner .grid-row .tablet\:grid-col-6 {
        flex: 0 1 auto;
        width: 50%
    }
}

.site-banner .usa-banner__header {
    padding-bottom: .5rem;
    padding-top: .5rem;
    font-size: .75rem;
    font-weight: 400;
    min-height: 3rem;
    position: relative
}


@media all and (min-width: 40em) {
    .site-banner .usa-banner__header {
        padding-bottom: .25rem;
        padding-top: .25rem;
        min-height: 0
    }
}

.usa-banner__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 64rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start;
    padding-right: 0
}

@media all and (min-width: 64em) {
    .usa-banner__inner {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media all and (min-width: 40em) {
    .usa-banner__inner {
        align-items: center
    }
}

.usa-banner__header--expanded .usa-banner__inner {
    margin-left: 0
}

@media all and (min-width: 40em) {
    .usa-banner__header--expanded .usa-banner__inner {
        margin-left: auto
    }
}

.usa-banner__header--expanded .usa-banner__inner {
    margin-left: 0
}

@media all and (min-width: 40em) {
    .usa-banner__header--expanded .usa-banner__inner {
        margin-left: auto
    }
}

.site-banner .usa-banner__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start;
    padding-right: 0
}

@media all and (min-width: 64em) {
    .site-banner .usa-banner__inner {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media all and (min-width: 40em) {
    .site-banner .usa-banner__inner {
        align-items: center
    }
}

.site-banner .usa-banner__header--expanded .usa-banner__inner {
    margin-left: 0
}

@media all and (min-width: 40em) {
    .site-banner .usa-banner__header--expanded .usa-banner__inner {
        margin-left: auto
    }
}

.grid-col-auto {
    flex: 0 1 auto !important
}

.grid-col, .grid-col-auto, .grid-col-fill {
    width: auto !important;
    max-width: 100% !important
}

.usa-banner__header-flag {
    float: left;
    margin-right: .5rem;
    width: 1rem
}

@media all and (min-width: 40em) {
    .usa-banner__header-flag {
        margin-right: .5rem;
        padding-top: 0
    }
}

.site-banner .usa-banner__header-flag {
    float: left;
    margin-right: .5rem;
    width: 1rem
}

@media all and (min-width: 40em) {
    .site-banner .usa-banner__header-flag {
        margin-right: .5rem;
        padding-top: 0
    }
}

.usa-banner__header-text {
    margin-bottom: 0;
    margin-top: 0;
    font-size: .8rem;
    line-height: 1.1
}
