body.dhmm-enabled #top-menu li,
body.dhmm-enabled .et-menu li {
  position: relative;
}

body.dhmm-enabled #top-menu li.menu-item-has-children > ul.sub-menu,
body.dhmm-enabled .et-menu li.menu-item-has-children > ul.sub-menu {
  font-family: var(--dhmm-font-family);
}

@media (min-width: 982px) {
  body.dhmm-enabled #top-menu > li.menu-item-has-children,
  body.dhmm-enabled .et-menu > li.menu-item-has-children {
    position: static;
  }

  body.dhmm-enabled #top-menu > li.menu-item-has-children > ul.sub-menu,
  body.dhmm-enabled .et-menu > li.menu-item-has-children > ul.sub-menu {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) translateY(8px);
    width: min(var(--dhmm-menu-width), calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px);
    display: grid !important;
    grid-template-columns: repeat(var(--dhmm-columns), minmax(0, 1fr));
    gap: 4px 10px;
    padding: var(--dhmm-panel-padding) !important;
    background: var(--dhmm-panel-bg) !important;
    border: 1px solid var(--dhmm-panel-border) !important;
    border-radius: var(--dhmm-panel-radius) !important;
    box-shadow: var(--dhmm-panel-shadow) !important;
    opacity: 0;
    visibility: hidden;
    transition: var(--dhmm-transition);
    z-index: 99999;
  }

  body.dhmm-enabled #top-menu > li.menu-item-has-children:hover > ul.sub-menu,
  body.dhmm-enabled #top-menu > li.menu-item-has-children.dhmm-open > ul.sub-menu,
  body.dhmm-enabled .et-menu > li.menu-item-has-children:hover > ul.sub-menu,
  body.dhmm-enabled .et-menu > li.menu-item-has-children.dhmm-open > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
  }

  body.dhmm-enabled #top-menu > li > ul.sub-menu li,
  body.dhmm-enabled .et-menu > li > ul.sub-menu li {
    width: auto !important;
    display: block;
    padding: 0 !important;
  }

  body.dhmm-enabled #top-menu > li > ul.sub-menu a,
  body.dhmm-enabled .et-menu > li > ul.sub-menu a {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--dhmm-padding-y) var(--dhmm-padding-x) !important;
    color: var(--dhmm-panel-text) !important;
    font-size: var(--dhmm-font-size) !important;
    font-weight: var(--dhmm-font-weight) !important;
    line-height: 1.25;
    border-radius: calc(var(--dhmm-panel-radius) / 1.6);
    background: transparent !important;
    transition: background .16s ease, color .16s ease, transform .16s ease;
  }

  body.dhmm-enabled #top-menu > li > ul.sub-menu a:hover,
  body.dhmm-enabled .et-menu > li > ul.sub-menu a:hover {
    color: var(--dhmm-panel-hover) !important;
    background: color-mix(in srgb, var(--dhmm-panel-hover) 10%, transparent) !important;
    transform: translateX(2px);
    opacity: 1 !important;
  }

  body.dhmm-enabled #top-menu > li > ul.sub-menu ul.sub-menu,
  body.dhmm-enabled .et-menu > li > ul.sub-menu ul.sub-menu {
    position: static !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    width: 100% !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 0 0 10px !important;
    background: transparent !important;
  }

  body.dhmm-enabled #top-menu > li > ul.sub-menu ul.sub-menu a,
  body.dhmm-enabled .et-menu > li > ul.sub-menu ul.sub-menu a {
    font-size: calc(var(--dhmm-font-size) - 1px) !important;
    font-weight: 500 !important;
    opacity: .86;
  }
}

@media (max-width: 981px) {
  body.dhmm-enabled .et_mobile_menu,
  body.dhmm-enabled #mobile_menu,
  body.dhmm-enabled #mobile_menu1 {
    background: var(--dhmm-mobile-bg) !important;
    border-top: 3px solid var(--dhmm-mobile-accent) !important;
    border-radius: 0 0 18px 18px;
    box-shadow: 0 16px 38px rgba(15,23,42,.12);
    padding: 10px !important;
  }

  body.dhmm-enabled .et_mobile_menu li,
  body.dhmm-enabled #mobile_menu li,
  body.dhmm-enabled #mobile_menu1 li {
    border: 0 !important;
  }

  body.dhmm-enabled .et_mobile_menu li a,
  body.dhmm-enabled #mobile_menu li a,
  body.dhmm-enabled #mobile_menu1 li a {
    color: var(--dhmm-mobile-text) !important;
    font-size: var(--dhmm-mobile-font-size) !important;
    line-height: 1.25;
    padding: var(--dhmm-mobile-item-padding) !important;
    border-bottom: 1px solid rgba(17,24,39,.08) !important;
    border-radius: 12px;
    background: transparent !important;
  }

  body.dhmm-enabled .et_mobile_menu li a:hover,
  body.dhmm-enabled #mobile_menu li a:hover,
  body.dhmm-enabled #mobile_menu1 li a:hover {
    color: var(--dhmm-mobile-accent) !important;
    background: color-mix(in srgb, var(--dhmm-mobile-accent) 9%, transparent) !important;
    opacity: 1 !important;
  }

  body.dhmm-enabled .et_mobile_menu .sub-menu,
  body.dhmm-enabled #mobile_menu .sub-menu,
  body.dhmm-enabled #mobile_menu1 .sub-menu {
    padding-left: var(--dhmm-mobile-indent) !important;
    background: transparent !important;
  }

  body.dhmm-enabled .et_mobile_menu .sub-menu li a,
  body.dhmm-enabled #mobile_menu .sub-menu li a,
  body.dhmm-enabled #mobile_menu1 .sub-menu li a {
    font-size: calc(var(--dhmm-mobile-font-size) - 1px) !important;
    opacity: .92;
  }

  body.dhmm-enabled .et_mobile_menu li.menu-item-has-children > a,
  body.dhmm-enabled #mobile_menu li.menu-item-has-children > a,
  body.dhmm-enabled #mobile_menu1 li.menu-item-has-children > a {
    font-weight: 700 !important;
  }
}