/* The supplied theme switches to Sidr at 1024px, including tablets. */
html.cna-menu-locked { overflow: hidden !important; scroll-behavior: auto !important; }
body.cna-navigation.cna-menu-locked {
  position: fixed !important;
  top: var(--cna-menu-scroll-top) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}
body.cna-navigation .cna-menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 999998;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgba(10, 15, 12, .4);
  box-shadow: none;
  touch-action: none;
}
body.cna-navigation .cna-menu-backdrop[hidden] { display: none !important; }
body.cna-navigation #side-menu.cna-mobile-panel {
  top: var(--cna-menu-panel-top, 0px);
  height: calc(100vh - var(--cna-menu-panel-top, 0px));
  height: calc(100dvh - var(--cna-menu-panel-top, 0px));
  max-width: calc(100vw - 24px);
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
body.cna-navigation #side-menu .cna-menu-close {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--cna-forest);
  color: var(--cna-light);
  font: 400 30px/1 Arial, sans-serif;
  box-shadow: none;
  cursor: pointer;
}
body.cna-navigation #side-menu .cna-menu-close:hover,
body.cna-navigation #side-menu .cna-menu-close:focus-visible { color: var(--cna-amber); }
body.cna-navigation #side-menu .cna-menu-close:focus-visible {
  outline: 2px solid var(--cna-amber);
  outline-offset: -3px;
}
body.cna-navigation #menu-toggle[aria-expanded='true'] .icon-menu-open,
body.cna-navigation #menu-toggle[aria-expanded='false'] .icon-menu-close { display: none !important; }
body.cna-navigation #menu-toggle[aria-expanded='true'] .icon-menu-close,
body.cna-navigation #menu-toggle[aria-expanded='false'] .icon-menu-open { display: inline-block !important; }