.usa-accordion {
    list-style-type: none;
    color: #1b1b1b;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5
}


.usa-accordion__content {
    color: #1b1b1b;
    background-color: #fff;
    margin-top: 0;
    overflow: auto;
    padding: 1rem 1.25rem calc(1rem - .25rem)
}


.usa-banner {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #f0f0f0;
}


.usa-banner .grid-row {
    display: flex;
    flex-wrap: wrap
}


@media all and (min-width:40em) {
    .usa-banner .grid-row .tablet\:grid-col-6 {
        flex: 0 1 auto;
        width: 50%
    }
}



.usa-banner__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 87.5rem;
    background-color: transparent;
    font-size: 1rem;
    overflow: hidden;
    padding: .25rem 1rem 1rem 1rem;
    width: 100%;
}



@media all and (min-width:40em) {
    .usa-banner__content {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }
}

.usa-banner__guidance {
    display: flex;
    align-items: flex-start;
    max-width: 64ex;
    padding-top: 0rem;
    
}



.usa-banner__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 87.5rem;
    padding-left: 1rem;
    padding-right: 0rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-right: 0;
}


.usa-banner__header {
    padding-bottom: .5rem;
    padding-top: .25rem;
    font-size: .8rem;
    font-weight: 400;
    min-height: 2rem;
    position: relative
}


.usa-banner__header-text {
    margin-bottom: 0;
    margin-top: 0;
    font-size: .8rem;
    line-height: 1.1;
    color: #1b1b1b;
}




.usa-banner__header-flag {
    float: left;
    margin-right: .5rem;
    width: 1rem;
    margin-top: .1rem;
}




.usa-banner__button {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
    margin: 0;
    text-align: left;
    left: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    color: #005ea2;
    display: block;
    font-size: .8rem;
    height: auto;
    line-height: 1.1;
    padding: 0;
    text-decoration: none;
    width: auto;
}

.usa-banner__button:focus {
    outline: .25rem solid #2491ff;
    outline-offset: 0
}

.usa-banner__button.usa-button--active,
.usa-banner__button.usa-button--disabled,
.usa-banner__button.usa-button--hover,
.usa-banner__button:active,
.usa-banner__button:disabled,
.usa-banner__button:disabled.usa-button--active,
.usa-banner__button:disabled.usa-button--hover,
.usa-banner__button:disabled.usa-focus,
.usa-banner__button:disabled:active,
.usa-banner__button:disabled:focus,
.usa-banner__button:disabled:hover,
.usa-banner__button:hover,
.usa-banner__button[aria-disabled=true],
.usa-banner__button[aria-disabled=true].usa-button--active,
.usa-banner__button[aria-disabled=true].usa-button--hover,
.usa-banner__button[aria-disabled=true].usa-focus,
.usa-banner__button[aria-disabled=true]:active,
.usa-banner__button[aria-disabled=true]:focus,
.usa-banner__button[aria-disabled=true]:hover {
    background-color: transparent;
    box-shadow: none;
    text-decoration: underline
}





.usa-banner__button:visited {
    color: #54278f
}

.usa-banner__button:active,
.usa-banner__button:hover {
    color: #1a4480
}

@media all and (max-width:39.99em) {
    .usa-banner__button {
        width: 100%
    }

    .usa-banner__button:enabled:focus {
        outline-offset: -.25rem
    }
}

@media all and (min-width:40em) {
    .usa-banner__button {
        color: #005ea2;
        bottom: auto;
        left: auto;
        right: auto;
        top: auto;
        display: inline;
        margin-left: .5rem;
        position: relative
    }

    .usa-banner__button:hover::after {
        content: "";
        background-color: #1a4480
    }

    .usa-banner__button:visited {
        color: #54278f
    }

    .usa-banner__button:active,
    .usa-banner__button:hover {
        color: #1a4480
    }

    .usa-banner__button::after,
    .usa-banner__button:hover::after {
        position: absolute
    }
}



@media all and (max-width:39.99em) {
    .usa-banner__button[aria-expanded=true]::after {
        background-image: url(https://www.usds.gov/assets/img/usa-icons/close.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1.5rem 1.5rem;
        display: inline-block;
        height: 3rem;
        width: 3rem;
        content: "";
        vertical-align: middle;
        margin-left: 0
    }

    @supports ((-webkit-mask:url()) or (mask:url())) {
        .usa-banner__button[aria-expanded=true]::after {
            background: 0 0;
            background-color: #005ea2;
            -webkit-mask-image: url(https://www.usds.gov/assets/img/usa-icons/close.svg), linear-gradient(transparent, transparent);
            mask-image: url(https://www.usds.gov/assets/img/usa-icons/close.svg), linear-gradient(transparent, transparent);
            -webkit-mask-position: center center;
            mask-position: center center;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 1.5rem 1.5rem;
            mask-size: 1.5rem 1.5rem
        }
    }

    .usa-banner__button[aria-expanded=true]::before {
        bottom: 0;
        top: 0;
        position: absolute;
        right: 0;
        background-color: #dfe1e2;
        content: "";
        display: block;
        height: 3rem;
        width: 3rem
    }

    .usa-banner__button[aria-expanded=true]::after {
        bottom: 0;
        top: 0;
        position: absolute;
        right: 0
    }
}



.usa-banner__icon {
    width: 2.2rem;
    height: auto;
}



@media (min-width:40em) {
    .usa-banner__header {
        min-height: 12px !important
    }
}

@media  (max-width:639px) {
    
.usa-banner__button-text {
    padding-top: 14px;
    margin: 0 0 0 40px !important
}

.usa-banner__header {
    margin: 0;
    padding: 0;
    min-height: 40px !important
}


.usa-banner__header-text {
    margin-top: 4px;
}

.usa-banner__header-flag {
    margin-top: .35rem;
}

.usa-banner__button {
    margin: 0;
    bottom: 0;
    top: 0;
    height: 56px;
    padding: 0;
}

.usa-banner__content {
    padding: .2rem 1rem 1rem .5rem;
}

.usa-banner__guidance {
 padding-top: .75rem;
 padding-right: .5rem;
    
}

}