/** Divi The Archub Architecture and Designing **/

/* #### Collapsing Mobile Menu #### */

/* Toggle icon (closed state) */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
  color: red;
  top: 10px;
  position: relative;
  font-family: "ETModules";
  content: "\43";
  font-style: normal;
  font-size: 31px;
}

/* Toggle icon (open state) */
ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open > .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open > .mobile-toggle-icon::after {
  content: "\32";
}

/* Parent menu link */
.et_mobile_menu .menu-item-has-children > a {
  font-weight: normal !important;
}

/* Toggle button container */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
  width: 44px;
  height: 100%;
  max-height: 44px;
  padding: 0 !important;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  background-color: transparent;
  text-align: center;
  opacity: 1;
}

/* Ensure proper positioning for parent items */
ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
  position: relative;
}

/* Remove background on parent links */
.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
}

/* Show submenu when active */
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}

/* Hover fix */
ul.nav ul.sub-menu li a:hover {
  background-color: transparent !important;
}