/* =========================================
   FSPSC MOBILE NAVIGATION
   ========================================= */

@media only screen and (max-width: 616px) {

  /* Smaller red hamburger bar */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner .menuButton {
    background: #B00B2B !important;
    color: #FFFFFF !important;
    height: 24px !important;
    padding: 14px 20px !important;
    font-size: 42px !important;
    line-height: 24px !important;
    border-bottom: 3px solid #B00B2B !important;
  }

  /* Open menu background */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel {
    background: #F7F4ED !important;
  }

  /* Top-level menu dividers */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li {
    border-top: 1px solid #D9DEE5 !important;
  }

  /* Top-level links */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li > .item > a {
    color: #0B1F3A !important;
  }

  /* Selected and hovered links */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li.sel > .item > a,
  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li > .item:hover > a {
    color: #B00B2B !important;
  }

  /* Submenu links */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul > li > .item > a {
    color: #4A4A4A !important;
  }

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul > li > .item:hover > a {
    color: #B00B2B !important;
  }

}


/* =========================================
   FSPSC DESKTOP NAVIGATION
   ========================================= */

@media only screen and (min-width: 617px) {

  /* Hovered primary navigation text */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li > .item:hover > a {
    color: #B00B2B !important;
  }

  /* Active-page underline */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li.sel > .item > a > span::after {
    background-color: #B00B2B !important;
  }

  /* Submenu indicator dot */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li.dir > .item > a::after {
    background: #B00B2B !important;
  }

  /* Dropdown background and accent line */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul {
    background: #F7F4ED !important;
    border-top-color: #B00B2B !important;
  }

  /* Dropdown item backgrounds and dividers */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul li {
    background: #F7F4ED !important;
    border-bottom: 1px solid #D9DEE5 !important;
  }

  /* Dropdown link backgrounds */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul li > .item {
    background: #F7F4ED !important;
  }

  /* Dropdown text */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul li > .item > a {
    color: #0B1F3A !important;
  }

  /* Dropdown hover background */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul li > .item:hover {
    background: #B00B2B !important;
  }

  /* Dropdown hover text */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul li > .item:hover > a {
    color: #FFFFFF !important;
  }

}


/* =========================================
   FSPSC MOBILE NAVIGATION ACCENTS
   ========================================= */

@media only screen and (max-width: 616px) {

  /* Current page */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li.sel > .item > a,
  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul li.sel > .item > a {
    color: #B00B2B !important;
  }

  /* Replace pale-blue dividers */

  .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li {
    border-top-color: #D9DEE5 !important;
  }

}