/* V06: recolor only the navigation strip to connect the masthead and banner. */
.navigation-bar{
  background:#0a3451;
  color:#e2edf5;
  border-bottom-color:#17405b;
  box-shadow:inset 0 1px 0 #ffffff10,0 2px 8px #031a2810;
}
.navigation-bar #primary-nav>a{color:#dce9f2}
.navigation-bar #primary-nav>a.active,
.navigation-bar #primary-nav>a:hover{color:#fff}
.navigation-bar #primary-nav>a:after{background:#e2232c}
.navigation-bar .nav-cta{
  background:#086fa8;
  color:#fff;
  box-shadow:inset 0 0 0 1px #8cc8ed32;
}
.navigation-bar .nav-cta:hover{background:#087eb9}
.navigation-bar .nav-cta svg{color:#fff}
.navigation-bar .menu-toggle{color:#e2edf5}
.navigation-bar .menu-icon i{background:#e2edf5}
.navigation-bar #primary-nav{gap:26px}
@media(min-width:861px) and (max-width:1200px){
  .navigation-bar #primary-nav{gap:17px}
  .navigation-bar #primary-nav>a{font-size:11px}
}
@media(min-width:861px) and (max-width:1050px){
  .navigation-bar #primary-nav{gap:11px}
  .navigation-bar #primary-nav>a{font-size:10px}
  .navigation-bar .nav-cta{font-size:9px;gap:9px;padding:9px 11px;margin-left:12px}
  .navigation-bar .navigation-inner{gap:12px}
}
@media(max-width:860px){
  .navigation-bar #primary-nav{
    background:#0a3451;
    border-top-color:#ffffff1a;
    box-shadow:0 12px 24px #031a2840;
    gap:0;
  }
  .navigation-bar #primary-nav>a{border-top-color:#ffffff14}
}