/* Show the off-canvas menu below 1100px and the horizontal menu at/above it. */
@media (max-width: 1099.98px) {
  #sp-header #offcanvas-toggler,
  #sp-header .offcanvas-toggler-secondary {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }

  #sp-header #sp-menu .sp-megamenu-parent {
    display: none !important;
  }
}

@media (min-width: 1100px) {
  #sp-header #offcanvas-toggler,
  #sp-header .offcanvas-toggler-secondary {
    display: none !important;
  }
}

/* Keep the open panel above the page overlay and accept pointer input in Edge. */
.offcanvas-menu {
  z-index: 10001;
  pointer-events: auto;
}

.offcanvas-menu .offcanvas-inner {
  position: relative;
  z-index: 1;
  pointer-events: auto;
}

.offcanvas-overlay {
  pointer-events: none;
}

.offcanvas-active .offcanvas-overlay {
  pointer-events: auto;
}

/* Give menu links and submenu toggles a reliable touch/click target. */
.offcanvas-menu .offcanvas-inner ul.menu a,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > .nav-header,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > .menu-separator {
  min-height: 44px;
  box-sizing: border-box;
  touch-action: manipulation;
}

.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > a > .menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > .nav-header > .menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > .menu-separator > .menu-toggler {
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  touch-action: manipulation;
}

@media (max-width: 1399px) {
    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
        font-size: 14px !important;
    }
}