/* Small-screen menu reference. Both existing HFE and Hello's native menu. */
.bpf-nav-panel-close { display: none !important; }
@media (max-width: 1100px) {
 .elementor-137 .elementor-element-1218c78.bpf-header-open nav,
 #site-header .site-navigation-toggle-holder.elementor-active ~ .site-navigation-dropdown {
  position: absolute !important; inset: auto 0 auto 0 !important; top: 100% !important; width: 100% !important; height: auto !important;
  max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important;
  background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  overflow-y: auto !important; overflow-x: hidden !important; z-index: 10000 !important;
  opacity: 1 !important; transform: none !important;
 }
 .elementor-137 .elementor-element-1218c78 nav > ul,
 #site-header .site-navigation-dropdown > ul {
  display: flex !important; flex-direction: column !important; align-items: stretch !important;
  position: static !important; width: 100% !important; margin: 0 !important; padding: 40px 0 12px !important; list-style: none;
 }
 .elementor-137 .elementor-element-1218c78 nav > ul > li,
 #site-header .site-navigation-dropdown > ul > li { width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
 .elementor-137 .elementor-element-1218c78 nav > ul > li > a.hfe-menu-item,
 #site-header .site-navigation-dropdown > ul > li > a {
  display: flex !important; align-items: center !important; justify-content: flex-start !important;
  min-height: 50px !important; margin: 0 !important; padding: 13px 20px !important;
  color: #6b6257 !important; background: transparent !important; border: 0 !important;
  text-align: left !important; text-decoration: none !important; font: 500 20px/24px "IBM Plex Sans",sans-serif !important;
 }
 .elementor-137 .elementor-element-1218c78 nav > ul > li > a::after,
 #site-header .site-navigation-dropdown > ul > li > a::after { display: none !important; }
 :is(.elementor-137 .elementor-element-1218c78 nav,#site-header .site-navigation-dropdown) li:has(> a[href*="/about-the-authors-creators/"]) { display: none !important; }
 :is(.elementor-137 .elementor-element-1218c78 nav,#site-header .site-navigation-dropdown) li:has(> a[href*="/book/"]) { order: 5; }
 :is(.elementor-137 .elementor-element-1218c78 nav,#site-header .site-navigation-dropdown) li:has(> a[href*="/contact-us/"]) { order: 6; }
 :is(.elementor-137 .elementor-element-1218c78 nav,#site-header .site-navigation-dropdown) li > :is(a[href*="/live-365/"],a:has(.live-365-btn)) {
  display: inline-flex !important; width: auto !important; min-height: 35px !important; height: 35px !important;
  margin: 10px 20px 19px !important; padding: 0 13px 0 18px !important; gap: 8px;
  border-radius: 6px !important; background: #c80000 !important; color: #fff !important;
  font-weight: 600 !important; line-height: 24px !important;
 }
 :is(.elementor-137 .elementor-element-1218c78 nav,#site-header .site-navigation-dropdown) :is(a[href*="/live-365/"],a:has(.live-365-btn))::before {
  content: "" !important; display: block !important; position: static !important;
  flex: 0 0 13px !important; width: 13px !important; height: 16px !important;
  opacity: 1 !important; visibility: visible !important; transform: none !important;
  background: transparent url("navigation-live.svg") center / contain no-repeat !important;
 }
 :is(.elementor-137 .elementor-element-1218c78 nav,#site-header .site-navigation-dropdown) .live-365-btn { background: transparent !important; padding: 0 !important; box-shadow: none !important; }
 :is(.elementor-137 .elementor-element-1218c78 nav,#site-header .site-navigation-dropdown) .live-365-btn svg { display: none; }
 .bpf-nav-panel-close { position: absolute !important; top: 0 !important; right: 6px !important; display: flex !important; visibility: visible !important; opacity: 1 !important; align-items: center; justify-content: center; width: 44px; height: 32px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent !important; color: #2e5c4e !important; cursor: pointer; z-index: 10001; }
 .bpf-nav-panel-close::before { content: none !important; }
 .bpf-nav-panel-close > span { display: block !important; visibility: visible !important; width: 24px; height: 22px; box-sizing: border-box; border: 2px solid #2e5c4e; border-radius: 2px; font: 700 22px/17px Arial,sans-serif; color: #2e5c4e !important; text-align: center; }
 .bpf-nav-panel-close:focus-visible { outline: 2px solid #2e5c4e; outline-offset: -2px; }
 .elementor-137 .elementor-element-1218c78.bpf-header-open .hfe-nav-menu__toggle,
 #site-header .site-navigation-toggle-holder.elementor-active .site-navigation-toggle { visibility: hidden !important; }
}