/* One hamburger breakpoint at 1125px. Use Divi's 980px icon color and alignment here. */
@media only screen and (max-width: 1125px) {
  #top-menu,
  #top-menu-nav {
    display: none !important;
  }

  #et_mobile_nav_menu,
  .et_mobile_nav_menu {
    display: block !important;
  }

  #et_top_search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    margin: 0 12px 0 0;
    float: left;
  }

  #et_search_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }

  #et_search_icon svg {
    pointer-events: none;
  }

  .et_header_style_left #logo {
    max-width: 50%;
  }

  #logo {
    max-height: 60% !important;
  }

  .et_fixed_nav #main-header,
  .et_fixed_nav #main-header.et-fixed-header,
  .et_fixed_nav #top-header,
  .et_fixed_nav #top-header.et-fixed-header {
    position: relative !important;
    top: auto !important;
    transform: none !important;
  }

  .et_header_style_left #et-top-navigation,
  .et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 18px !important;
  }

  .mobile_menu_bar {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0 !important;
  }

  .mobile_nav.opened .mobile_menu_bar::before {
    content: "\4d";
  }

  .mobile_menu_bar::before,
  #et_search_icon::before,
  .et_close_search_field::after {
    color: #3b3b3b !important;
  }

  #et_search_icon::before {
    top: 7px;
  }

  .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container,
  .et_fixed_nav.et_show_nav #page-container {
    padding-top: 0 !important;
  }

  .mobile_menu_bar:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px #1f1f1f !important;
  }

  #mobile_menu {
    box-sizing: border-box;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: 100%;
    max-height: var(--mecs-menu-max-height, calc(100dvh - 120px));
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  #mobile_menu .sub-menu {
    position: static !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #mobile_menu .sub-menu > li {
    display: block !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #mobile_menu .sub-menu > li > a {
    display: block !important;
    float: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }

  #mobile_menu a {
    box-sizing: border-box;
    min-height: 44px;
  }

  #mobile_menu li.menu-item-has-children > a {
    padding-right: 56px !important;
  }

  #mobile_menu li.menu-item-has-children {
    position: relative;
  }

  #mobile_menu li.menu-item-has-children > .sub-menu {
    display: none !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  #mobile_menu li.menu-item-has-children.mecs-mobile-submenu-open > .sub-menu {
    display: block !important;
  }

  #mobile_menu .sub-menu > li > a {
    padding-left: 32px !important;
  }

  #mobile_menu .sub-menu .sub-menu > li > a {
    padding-left: 48px !important;
  }

  #mobile_menu .sub-menu .sub-menu .sub-menu > li > a {
    padding-left: 64px !important;
  }

  .mecs-mobile-submenu-toggle {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 48px;
    height: 44px;
    border: 0;
    background: transparent;
    color: #3b3b3b;
    font: 700 24px/1 Arial, sans-serif;
    cursor: pointer;
  }

  .mecs-mobile-submenu-toggle::before {
    content: "+";
  }

  .mecs-mobile-submenu-toggle[aria-expanded="true"]::before {
    content: "−";
  }

  .mecs-mobile-submenu-toggle:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: -5px;
    box-shadow: inset 0 0 0 3px #1f1f1f;
  }
}