/* Classic Divi header only. No rules are applied to unmarked links. */
#main-header button.dcc-submenu-button {
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
  color: rgba(0, 0, 0, .6);
  cursor: pointer;
  display: block;
  font: inherit;
  font-size: 15px;
  line-height: inherit;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
#main-header button.dcc-submenu-button::after {
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  content: '';
  height: 6px;
  position: absolute;
  right: 3px;
  top: 3px;
  transform: rotate(45deg);
  width: 6px;
}
#main-header button.dcc-submenu-button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
#main-header button.dcc-submenu-button:hover { opacity: .7; }
#top-menu > li > button.dcc-submenu-button {
  padding: 0 20px var(--dcc-top-padding, 40px) 0;
}
#top-menu li li > button.dcc-submenu-button {
  font-size: 12px;
  padding: 6px 40px 6px 20px;
  width: 100%;
}
#top-menu li li > button.dcc-submenu-button::after {
  right: 20px;
  top: 12px;
  transform: rotate(-45deg);
}
#top-menu li li > button.dcc-submenu-button:hover { background: rgba(0, 0, 0, .03); }
#top-menu li.current-menu-ancestor > button.dcc-submenu-button { color: #113f95; }
#main-header.et-fixed-header #top-menu li.current-menu-ancestor > button.dcc-submenu-button { color: #1c75d9; }
#main-header .et_mobile_menu button.dcc-submenu-button {
  background: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .03);
  box-sizing: border-box;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 12% 10px 5%;
  width: 100%;
}
#main-header .et_mobile_menu li li > button.dcc-submenu-button { background: transparent; }
#main-header .et_mobile_menu button.dcc-submenu-button::after { right: 5%; top: 16px; }
#main-header .et_mobile_menu button.dcc-submenu-button[aria-expanded="true"]::after {
  transform: rotate(225deg);
}
/* The state rules override Divi's hover and mobile display: block !important. */
#main-header li.dcc-submenu-enhanced > ul.sub-menu[hidden] { display: none !important; }
#main-header li.dcc-submenu-enhanced.dcc-submenu-open > ul.sub-menu {
  animation: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
/* Without JavaScript, keep desktop child links reachable using focus. */
#top-menu li.submenu-trigger:not(.dcc-submenu-enhanced):focus-within > ul.sub-menu {
  display: block;
  opacity: 1;
  visibility: visible;
}
