/**
 * Ideal Spaces — mobile architectural-blue navigation
 * Version 1.0.11.21
 * Scope: normal-site mobile/tablet navigation only. Desktop is untouched.
 */
@media only screen and (max-width: 1199px) {
  body.is-modern-ui-test {
    --ismui-mobile-blue:
      linear-gradient(102deg, #29466f 0%, #335482 48%, #5879a6 100%);
  }

  body.is-modern-ui-test .site-header,
  body.is-modern-ui-test .site-header .mainHeader,
  body.is-modern-ui-test header.mainHeader {
    background: var(--ismui-mobile-blue) !important;
    background-color: #335482 !important;
  }

  body.is-modern-ui-test .site-header {
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 10px 28px rgba(41, 70, 111, 0.24) !important;
  }

  /* The open first-level menu and every nested mobile panel use the same
     blue family, rather than the old black/navy surface. */
  body.is-modern-ui-test .mainMenu,
  body.is-modern-ui-test .mainMenu li > ul,
  body.is-modern-ui-test .mainMenu li.openMobile > ul,
  body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel {
    background: var(--ismui-mobile-blue) !important;
    background-color: #335482 !important;
  }

  body.is-modern-ui-test .mainHeaderMenu,
  body.is-modern-ui-test .mainHeaderMenu nav,
  body.is-modern-ui-test .mainHeaderMenu::before,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu::before {
    background-color: transparent !important;
  }

  body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel > li.ismui-mobile-section-label {
    color: rgba(255, 255, 255, 0.72) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  }

  body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel > li.ismui-mobile-section-label::after {
    background: rgba(255, 255, 255, 0.55) !important;
  }
}