/*
 * The homepage Revolution Slider is full-screen and can capture touch events
 * on iOS even after the mobile menu is visually open. Disable that layer only
 * while the menu is open, keeping the menu links tappable.
 */
@media (max-width: 1024px) {
  /* Keep the compact header controls above the full-screen slider. */
  body.home:not(.septura-mobile-menu-open) .top_panel,
  body.home:not(.septura-mobile-menu-open) header,
  body.home:not(.septura-mobile-menu-open) .sc_layouts_menu_mobile_button {
    position: relative;
    z-index: 100003 !important;
  }

  body.home:not(.septura-mobile-menu-open) .sc_layouts_menu_mobile_button,
  body.home:not(.septura-mobile-menu-open) .sc_layouts_menu_mobile_button * {
    pointer-events: auto !important;
  }

  /* The homepage header is white when closed, so the menu glyph needs a
     dark color. The fullscreen menu keeps its theme-provided white close icon. */
  body.home:not(.septura-mobile-menu-open) .sc_layouts_menu_mobile_button,
  body.home:not(.septura-mobile-menu-open) .sc_layouts_menu_mobile_button .sc_layouts_item_icon,
  body.home:not(.septura-mobile-menu-open) .sc_layouts_menu_mobile_button .sc_layouts_item_icon::before {
    color: #101722 !important;
  }

  /* Once open, the menu must be higher than the header so its close control
     receives the tap instead of the hamburger underneath it. */
  body.septura-mobile-menu-open .menu_mobile {
    z-index: 100004 !important;
  }

  body.septura-mobile-menu-open #rev_slider_1_1_wrapper,
  body.septura-mobile-menu-open rs-module-wrap,
  body.septura-mobile-menu-open rs-module {
    pointer-events: none !important;
  }

  body.septura-mobile-menu-open .menu_mobile,
  body.septura-mobile-menu-open .menu_mobile_inner,
  body.septura-mobile-menu-open .menu_mobile_nav_area,
  body.septura-mobile-menu-open .menu_mobile a,
  body.septura-mobile-menu-open .menu_mobile button {
    pointer-events: auto !important;
  }
}