﻿.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:0.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__header,
.usa-banner__content{
  color:#1b1b1b;
}

.usa-banner__content{
  margin-left:auto;
  margin-right:auto;
  max-width:64rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-left:1rem;
  padding-right:1rem;
  background-color:transparent;
  font-size:1rem;
  overflow:hidden;
  padding-bottom:1rem;
  padding-left:0.5rem;
  padding-top:0.25rem;
  width:100%;
}
@media all and (min-width: 64em){
  .usa-banner__content{
    padding-left:2rem;
    padding-right:2rem;
  }
}
@media all and (min-width: 64em){
  .usa-banner__content{
    padding-left:2rem;
    padding-right:2rem;
  }
}
@media all and (min-width: 40em){
  .usa-banner__content{
    padding-bottom:1.5rem;
    padding-top:1.5rem;
  }
}
.usa-banner__content p:first-child{
  margin:0;
}

.usa-banner__guidance{
  display:flex;
  align-items:flex-start;
  max-width:64ex;
  padding-top:1rem;
}
@media all and (min-width: 40em){
  .usa-banner__guidance{
    padding-top:0;
  }
}

.usa-banner__lock-image{
  height:1.5ex;
  width:1.21875ex;
}
.usa-banner__lock-image path{
  fill:currentColor;
}

.usa-banner__inner{
  padding-left:1rem;
  padding-right:1rem;
  margin-left:auto;
  margin-right:auto;
  max-width:64rem;
  padding-left:1rem;
  padding-right:1rem;
  display:flex;
  flex-wrap:wrap;
  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: 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{
  padding-bottom:0.5rem;
  padding-top:0.5rem;
  font-size:0.8rem;
  font-weight:normal;
  min-height:3rem;
  position:relative;
}
@media all and (min-width: 40em){
  .usa-banner__header{
    padding-bottom:0.25rem;
    padding-top:0.25rem;
    min-height:0;
  }
}

.usa-banner__header-text{
  margin-bottom:0;
  margin-top:0;
  font-size:0.8rem;
  line-height:1.1;
}

.usa-banner__header-action{
  color:#005ea2;
  line-height:1.1;
  margin-bottom:0;
  margin-top:2px;
  text-decoration:underline;
}
.usa-banner__header-action::after{
  background:url("../img/chevron.svg") no-repeat center/1.3128205128ex 0.8ex;
  display:inline-block;
  height:0.8ex;
  width:1.3128205128ex;
  content:"";
  vertical-align:middle;
  margin-left:2px;
}
@supports ((-webkit-mask: url("")) or (mask: url(""))) or (-webkit-mask: url("")){
  .usa-banner__header-action::after{
    background:none;
    background-color:#005ea2;
    -webkit-mask:url("../img/chevron.svg") no-repeat center/1.3128205128ex 0.8ex;
            mask:url("../img/chevron.svg") no-repeat center/1.3128205128ex 0.8ex;
  }
  .usa-banner__header-action::after:hover{
    background-color:#0b4778;
  }
}
.usa-banner__header-action:hover::after{
  content:"";
  background-color:#0b4778;
}
.usa-banner__header-action:visited{
  color:#54278f;
}
.usa-banner__header-action:hover, .usa-banner__header-action:active{
  color:#0b4778;
}
.usa-banner__header--expanded .usa-banner__header-action{
  display:none;
}
@media all and (min-width: 40em){
  .usa-banner__header-action{
    display:none;
  }
}

.usa-banner__header-flag{
  float:left;
  margin-right:0.5rem;
  width:1rem;
}
@media all and (min-width: 40em){
  .usa-banner__header-flag{
    margin-right:0.5rem;
    padding-top:0;
  }
}

.usa-banner__header--expanded{
  padding-right:3.5rem;
}
@media all and (min-width: 40em){
  .usa-banner__header--expanded{
    background-color:transparent;
    display:block;
    font-size:0.8rem;
    font-weight:normal;
    min-height:0;
    padding-right:0;
  }
}
.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__header-action{
  display:none;
}

.usa-banner__button{
  -moz-osx-font-smoothing:auto;
  -webkit-font-smoothing:subpixel-antialiased;
  color:#005ea2;
  text-decoration:underline;
  background-color:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  font-weight:normal;
  margin:0;
  padding:0;
  text-align:left;
  position:absolute;
  left:0;
  position:absolute;
  bottom:0;
  top:0;
  color:#005ea2;
  text-decoration:underline;
  vertical-align:baseline;
  color:#005ea2;
  display:block;
  font-size:0.8rem;
  height:auto;
  line-height:1.1;
  padding-top:0;
  padding-left:0;
  text-decoration:none;
  width:auto;
}
.usa-banner__button:hover{
  color:#1a4480;
}
.usa-banner__button:active{
  color:#162e51;
}
.usa-banner__button:focus{
  outline:0.25rem solid #2491ff;
  outline-offset:0;
}
.usa-banner__button:visited{
  color:#54278f;
}
.usa-banner__button:hover, .usa-banner__button:active{
  -moz-osx-font-smoothing:auto;
  -webkit-font-smoothing:subpixel-antialiased;
  background-color:transparent;
  box-shadow:none;
  text-decoration:underline;
}
.usa-banner__button:visited{
  color:#54278f;
}
.usa-banner__button:hover, .usa-banner__button:active{
  color:#0b4778;
}
@media all and (max-width: 39.99em){
  .usa-banner__button{
    width:100%;
  }
}
@media all and (min-width: 40em){
  .usa-banner__button{
    color:#005ea2;
    position:static;
    bottom:auto;
    left:auto;
    right:auto;
    top:auto;
    display:inline;
    margin-left:0.5rem;
    position:relative;
  }
  .usa-banner__button::after{
    background:url("../img/chevron.svg") no-repeat center/1.3128205128ex 0.8ex;
    display:inline-block;
    height:0.8ex;
    width:1.3128205128ex;
    content:"";
    vertical-align:middle;
    margin-left:2px;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))) or (-webkit-mask: url("")){
    .usa-banner__button::after{
      background:none;
      background-color:#005ea2;
      -webkit-mask:url("../img/chevron.svg") no-repeat center/1.3128205128ex 0.8ex;
              mask:url("../img/chevron.svg") no-repeat center/1.3128205128ex 0.8ex;
    }
    .usa-banner__button::after:hover{
      background-color:#0b4778;
    }
  }
  .usa-banner__button:hover::after{
    content:"";
    background-color:#0b4778;
  }
  .usa-banner__button:visited{
    color:#54278f;
  }
  .usa-banner__button:hover, .usa-banner__button:active{
    color:#0b4778;
  }
  .usa-banner__button:hover{
    text-decoration:none;
  }
}
.usa-banner__button[aria-expanded=false]{
  background-image:none;
}
.usa-banner__button[aria-expanded=true]{
  background-image:none;
}
@media all and (max-width: 39.99em){
  .usa-banner__button[aria-expanded=true]::after{
    background:url("../img/close-alt.svg") no-repeat center/1rem 1rem;
    display:inline-block;
    height:3rem;
    width:3rem;
    content:"";
    vertical-align:middle;
    margin-left:0;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))) or (-webkit-mask: url("")){
    .usa-banner__button[aria-expanded=true]::after{
      background:none;
      background-color:#005ea2;
      -webkit-mask:url("../img/close-alt.svg") no-repeat center/1rem 1rem;
              mask:url("../img/close-alt.svg") no-repeat center/1rem 1rem;
    }
  }
  .usa-banner__button[aria-expanded=true]::before{
    position:absolute;
    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{
    position:absolute;
    bottom:0;
    top:0;
    position:absolute;
    right:0;
  }
}
@media all and (min-width: 40em){
  .usa-banner__button[aria-expanded=true]{
    height:auto;
    padding:0;
    position:relative;
  }
  .usa-banner__button[aria-expanded=true]::after{
    background:url("../img/chevron.svg") no-repeat center/1.3128205128ex 0.8ex;
    display:inline-block;
    height:0.8ex;
    width:1.3128205128ex;
    transform:rotate(180deg);
    content:"";
    vertical-align:middle;
    margin-left:2px;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))) or (-webkit-mask: url("")){
    .usa-banner__button[aria-expanded=true]::after{
      background:none;
      background-color:#005ea2;
      -webkit-mask:url("../img/chevron.svg") no-repeat center/1.3128205128ex 0.8ex;
              mask:url("../img/chevron.svg") no-repeat center/1.3128205128ex 0.8ex;
    }
    .usa-banner__button[aria-expanded=true]::after:hover{
      background-color:#0b4778;
    }
  }
  .usa-banner__button[aria-expanded=true]:hover::after{
    content:"";
    background-color:#0b4778;
  }
}

.usa-banner__button-text{
  position:absolute;
  left:-999em;
  text-decoration:underline;
}
@media all and (min-width: 40em){
  .usa-banner__button-text{
    position:static;
    display:inline;
  }
}

.usa-banner__icon{
  width:2.5rem;
}
