/* Ketabika mobile polish: brand-colored hamburger drawer and full-height page footer. */
@media (max-width:700px) {
  html, body { width:100% !important; max-width:100% !important; min-height:100% !important; }
  body {
    min-height:100vh !important;
    min-height:100dvh !important;
    display:flex !important;
    flex-direction:column !important;
  }
  body > main, body > main#main-content, body > main.main-content {
    flex:1 0 auto !important;
    min-height:0 !important;
    height:auto !important;
  }
  body > footer.footer {
    flex:0 0 auto !important;
    margin-top:auto !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
  }
  /* Use the site's indigo/violet palette instead of a black panel. */
  html body .site-header nav#primary-navigation,
  html body .site-header .header-row > nav#primary-navigation {
    background:linear-gradient(145deg,#3737bd 0%,#4b43e8 100%) !important;
    border:1px solid rgba(255,255,255,.24) !important;
    box-shadow:0 18px 42px rgba(49,45,174,.30) !important;
    color:#fff !important;
  }
  html body .site-header nav#primary-navigation > a,
  html body .site-header nav#primary-navigation > .nav-item > .nav-main-link,
  html body .site-header nav#primary-navigation > .nav-item {
    color:#fff !important;
  }
  html body .site-header nav#primary-navigation > a:hover,
  html body .site-header nav#primary-navigation .nav-item.submenu-open > .nav-main-link {
    background:rgba(255,255,255,.15) !important;
  }
  html body .site-header nav#primary-navigation .nav-chevron { color:#dedbff !important; }
  html body .site-header nav#primary-navigation .nav-submenu,
  html body .site-header nav#primary-navigation .nav-item:hover > .nav-submenu,
  html body .site-header nav#primary-navigation .nav-item:focus-within > .nav-submenu {
    background:#f4f3ff !important;
    border:1px solid #dedcff !important;
    color:#29286f !important;
  }
  html body .site-header nav#primary-navigation .nav-submenu a {
    color:#29286f !important;
    border-radius:7px !important;
  }
  html body .site-header nav#primary-navigation .nav-submenu a:hover {
    background:#e6e4ff !important;
    color:#24218f !important;
  }
  html body .site-header .mobile-nav-toggle { background:#3737bd !important; box-shadow:0 3px 10px rgba(55,55,189,.25) !important; }
}