/* Screen widths */
/* Site Colors */
/* DES Specific Colors */
.nav-outer-wrapper {
  background-color: #002F3B;
  /** New Top Down Responsive Menu Mobile menu-only styles **/
}
@media screen and (max-width: 991px) {
  .nav-outer-wrapper .container {
    max-width: initial;
    width: 100%;
  }
  .nav-outer-wrapper .container .navbar-header,
  .nav-outer-wrapper .container #navbar-top {
    width: 100%;
  }
  .nav-outer-wrapper .container #block-responsivemenumobileicon {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .nav-outer-wrapper .container .responsive-menu-toggle-icon {
    /*width: 30%;
            left: 30%;*/
    margin: 0 43%;
    /*&:after {
              content: '\f078';
              font-family: "Font Awesome 5 Pro";
              font-size: 1.9rem;
              color: @BrandBlue;
              font-weight: 500;
              margin-left: 1.2rem;
            }*/
  }
  .nav-outer-wrapper .container .responsive-menu-toggle-icon .label {
    /*left: 40%;*/
  }
  .nav-outer-wrapper .container .responsive-menu-toggle-icon.sf-expanded:after {
    content: '\f00d';
  }
  .nav-outer-wrapper .container .responsive-menu-toggle-icon:hover {
    background-color: #003B4A;
  }
  .nav-outer-wrapper .container .mm-menu .mm-panel_opened-parent {
    background-color: #003B4A;
  }
  .nav-outer-wrapper .container .mm-menu .mm-btn {
    height: 1.9rem;
    width: 1.9rem;
  }
  .nav-outer-wrapper .container .mm-menu .mm-btn:after {
    /* content: '\f054';
              font-family: "Font Awesome 5 Pro";
              font-size: 1.9rem;
              font-weight: 500;*/
    border-color: #39B4E7;
    margin-top: 17px;
  }
  .nav-outer-wrapper .container .mm-menu .mm-listitem {
    border: none;
    color: #003B4A;
  }
  .nav-outer-wrapper .container .mm-menu .sf-expanded > a .sf-sub-indicator:after {
    content: '\f078';
  }
  .nav-outer-wrapper .container #mm-1 {
    background-color: #003B4A;
  }
  .nav-outer-wrapper .container #mm-1 .mm-navbar_sticky {
    display: none;
  }
  .nav-outer-wrapper .container #mm-1 a {
    color: #fff;
    font-size: 1.9rem;
    font-weight: 500;
    text-decoration: none;
    padding: 1.2rem 1.6rem;
    display: block;
    border: none;
    /*width: 100%;*/
  }
  .nav-outer-wrapper .container #mm-1 a:hover {
    background-color: #002F3B;
    text-decoration: none;
  }
  .nav-outer-wrapper .container #mm-1 a a:hover,
  .nav-outer-wrapper .container #mm-1 a a:focus,
  .nav-outer-wrapper .container #mm-1 a a:visited {
    color: #fff;
  }
  .nav-outer-wrapper .container .mm-panel:not(#mm-1) {
    background-color: #D7F0FA;
    color: #003B4A;
  }
  .nav-outer-wrapper .container .mm-panel:not(#mm-1) .mm-navbar_sticky {
    background-color: #B0E1F5;
  }
  .nav-outer-wrapper .container .mm-panel:not(#mm-1) .mm-navbar_sticky .mm-navbar__title {
    justify-content: left;
  }
  .nav-outer-wrapper .container .mm-panel:not(#mm-1) .mm-navbar_sticky .mm-navbar__title span {
    white-space: initial;
    overflow: visible;
    text-align: left;
  }
  .nav-outer-wrapper .container .mm-panel:not(#mm-1) .mm-navbar_sticky .mm-btn {
    margin-right: 25px;
  }
  .nav-outer-wrapper .container .mm-panel:not(#mm-1) a {
    color: #003B4A;
  }
  .nav-outer-wrapper .container .mm-panel:not(#mm-1) .mm-btn_next:after {
    border-color: #003B4A;
  }
  .nav-outer-wrapper .container .mm-panel.mm-panel_opened a {
    font-weight: 700;
  }
  .nav-outer-wrapper .container .mm-panel.mm-panel_opened a:focus {
    background: #B0E1F5;
  }
  .nav-outer-wrapper .container .mm-panel.mm-panel_opened .mm-listitem_selected .mm-listitem__text {
    background: #B0E1F5;
  }
  .nav-outer-wrapper .container .mm-listitem:after {
    display: none;
  }
  .nav-outer-wrapper .container .mm-listitem:focus-visible {
    background: #B0E1F5;
  }
  .nav-outer-wrapper .container .mm-listitem a {
    white-space: initial;
    overflow: visible;
  }
  .nav-outer-wrapper .container .mm-listitem a:focus-visible {
    background: #B0E1F5;
  }
  .nav-outer-wrapper .container .mm-btn {
    border: none;
  }
  .nav-outer-wrapper .container .mm-btn.mm-btn_prev:before {
    color: #003B4A;
    border-color: #003B4A;
  }
  .nav-outer-wrapper .mm-menu_keyboardfocus a:focus {
    background-color: #B0E1F5;
  }
}
@media screen and (max-width: 500px) {
  .nav-outer-wrapper .responsive-menu-toggle-icon {
    margin: 0 35%;
  }
}