/*
|--------------------------------------------------------------------------
| Avanti Custom Accessibility
|--------------------------------------------------------------------------
|
| Targeted accessibility enhancements for the Avanti custom theme.
| Accessibility styling should be isolated from the parent theme
| and kept as minimal and maintainable as possible.
|
*/

/* Temporary development check */
body {
  --avanti-a11y-loaded: true;

}


.et_pb_menu_0_tb_header.et_pb_menu.a11y-menu .et_mobile_menu.a11y-mobile-menu,
.a11y-menu .a11y-mobile-menu {
  background-color: #0c1421 !important;
}
 
/*
|--------------------------------------------------------------------------
| Mobile Menu Focus States
|--------------------------------------------------------------------------
*/
 
.a11y-menu button.mobile_menu_bar {
  background-color: transparent;
  border: 0;
  padding: 0;
}

.a11y-menu button.mobile_menu_bar:focus,
.a11y-menu button.mobile_menu_bar:focus-visible { 
  outline: 2px solid #fff !important;
  outline-offset: 4px;
}

.a11y-menu .a11y-mobile-menu a:focus,
.a11y-menu .a11y-mobile-menu a:focus-visible { 
  color: #5aa7df !important;
  outline: 3px solid #5aa7df !important;
  outline-offset: 4px;
}

.a11y-menu,
.a11y-menu .a11y-mobile-menu {
  background-color: #0c1421;
}
    
.a11y-menu .a11y-mobile-menu li:hover > a:not(.mobile-toggle-icon),
.a11y-menu .a11y-mobile-menu li > a:hover:not(.mobile-toggle-icon) {
  color: #ffffff !important;
  font-weight: 600;
}

.a11y-menu .a11y-mobile-menu li.current-menu-ancestor > a,
.a11y-menu .a11y-mobile-menu li.current-menu-item > a,
.a11y-menu .a11y-mobile-menu li.current-menu-parent > a,
.a11y-menu .a11y-mobile-menu li.mobile-toggle-open .sub-menu a,
.a11y-menu .a11y-mobile-menu .sub-menu li.current-menu-item > a,
.a11y-menu .a11y-mobile-menu .sub-menu.visible a,
.a11y-menu .a11y-mobile-menu .sub-menu.visible li a {
  color: #ffffff !important;
}

.a11y-menu .a11y-mobile-menu li.current-menu-ancestor > a:hover,
.a11y-menu .a11y-mobile-menu li.current-menu-item > a:hover,
.a11y-menu .a11y-mobile-menu li.current-menu-parent > a:hover,
.a11y-menu .a11y-mobile-menu li.mobile-toggle-open .sub-menu a:hover,
.a11y-menu .a11y-mobile-menu .sub-menu li.current-menu-item > a:hover,
.a11y-menu .a11y-mobile-menu .sub-menu.visible a:hover,
.a11y-menu .a11y-mobile-menu .sub-menu.visible li aa:hover {
  color: #ffffff !important; 
  text-decoration: underline;
}

.et_mobile_menu li a:hover {
  opacity: .8;
}

.a11y-menu .a11y-mobile-menu > li.menu-item-has-children {
  position: relative;
}

.a11y-menu .a11y-mobile-menu > li.menu-item-has-children > a:first-child:after {
  content: none !important;
  display: none !important;
}

.a11y-menu .a11y-mobile-menu li.menu-item-has-children > a:not(.mobile-toggle-icon) {
  margin-right: 44px;
}

.a11y-menu .a11y-mobile-menu .mobile-toggle-icon {
  height: 44px !important;
  right: 0 !important;
  top: 0 !important;
  width: 44px !important;
}

/*
|--------------------------------------------------------------------------
| Mobile Menu Toggle Focus
|--------------------------------------------------------------------------
*/
 
.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu.visible {
  background-color: transparent !important;
}

.a11y-menu .et_mobile_nav_menu[data-mobile-menu-state].keyboard-navigation-outline,
.a11y-menu .et_mobile_nav_menu[data-mobile-menu-state]:focus,
.a11y-menu .et_mobile_nav_menu[data-mobile-menu-state]:focus-visible {
  background: transparent;
  outline: 2px solid #ffffff !important;
  outline-offset: 4px;
}

/*
|--------------------------------------------------------------------------
| Mobile Menu Current Item Color
|--------------------------------------------------------------------------
*/

#mobile_menu1 li.current-menu-item > a,
#mobile_menu1 li.current-menu-parent > a,
#mobile_menu1 li.current-menu-ancestor > a,
#mobile_menu1 .sub-menu li.current-menu-item > a,
#mobile_menu1 .sub-menu.visible a,
#mobile_menu1 .sub-menu.visible li a,
#mobile_menu1 li.mobile-toggle-open .sub-menu a {
	color: #ffffff !important;
}

/*
|--------------------------------------------------------------------------
| Desktop Menu
|--------------------------------------------------------------------------
*/

.a11y-menu .a11y-desktop-menu {
  gap: 13px;
}

.a11y-menu .a11y-desktop-menu > li.et-show-dropdown > ul.sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
}

.a11y-menu .a11y-desktop-menu > li.menu-item-has-children > a:first-child:after {
  content: none !important;
  display: none !important;
}

.a11y-menu .a11y-desktop-menu > li.menu-item-has-children > a + button.desktop-submenu-toggle {
  background: transparent;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  font-family: ETmodules;
  font-size: 16px;
  font-weight: 800;
  height: 16px;
  outline-offset: 5px;
  padding: 0;
  position: absolute;
  right: -8px;
  top: 0;
  width: 16px;
}

.a11y-menu .a11y-desktop-menu > li.menu-item-has-children > a + button.desktop-submenu-toggle:before {
  content: "3";
}

.a11y-menu .a11y-desktop-menu .menu-item-has-children > a:first-child {
  padding: 0;
}