/* Tangelic header drop-downs (tools/build_nav.py writes the menu markup) */
#menu-header-mega-menu > li > a.menu-link:focus{outline:none!important;box-shadow:none!important}
#menu-header-mega-menu > li > a.menu-link:focus-visible{outline:2px solid #00f0ff!important;outline-offset:4px}
#menu-header-mega-menu > li.tg-current > a.menu-link{color:#00f0ff}
@media (min-width:1025px){
 header.elementor ul#menu-header-mega-menu > li.tg-has-dd{position:relative!important}
 header.elementor ul#menu-header-mega-menu > li > ul.sub-menu.tg-dd{
  position:absolute!important;top:calc(100% + 18px)!important;left:-24px!important;right:auto!important;
  width:max-content!important;min-width:250px!important;height:auto!important;display:block!important;
  margin:0!important;padding:10px 0!important;gap:0!important;border-radius:0!important;
  background:#0c1117!important;border:1px solid rgba(255,255,255,.08)!important;border-top:2px solid #00f0ff!important;
  box-shadow:0 22px 44px rgba(0,0,0,.55)!important;
  opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s!important;z-index:999!important}
 header.elementor ul#menu-header-mega-menu > li > ul.sub-menu.tg-dd::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
 header.elementor ul#menu-header-mega-menu > li.tg-has-dd:hover > ul.sub-menu.tg-dd,
 header.elementor ul#menu-header-mega-menu > li.tg-has-dd:focus-within > ul.sub-menu.tg-dd{
  opacity:1!important;visibility:visible!important;transform:none!important;
  transition:opacity .18s ease,transform .18s ease,visibility 0s!important}
 header.elementor ul#menu-header-mega-menu ul.sub-menu.tg-dd > li{display:block!important;position:relative!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
 header.elementor ul#menu-header-mega-menu ul.sub-menu.tg-dd > li > a.menu-link{
  display:block!important;position:relative!important;padding:12px 28px 12px 24px!important;margin:0!important;
  font-size:15px!important;line-height:1.3!important;font-weight:500!important;letter-spacing:.01em!important;
  color:#e9eef2!important;background:transparent!important;border:0!important;box-shadow:none!important;white-space:nowrap!important;
  transition:color .15s ease,background-color .15s ease!important}
 header.elementor ul#menu-header-mega-menu ul.sub-menu.tg-dd > li > a.menu-link::before{
  content:"";position:absolute;left:0;top:50%;width:2px;height:18px;margin-top:-9px;background:#00f0ff;
  transform:scaleY(0);transition:transform .15s ease}
 header.elementor ul#menu-header-mega-menu ul.sub-menu.tg-dd > li > a.menu-link::after{display:none!important}
 header.elementor ul#menu-header-mega-menu ul.sub-menu.tg-dd > li > a.menu-link:hover,
 header.elementor ul#menu-header-mega-menu ul.sub-menu.tg-dd > li > a.menu-link:focus-visible,
 header.elementor ul#menu-header-mega-menu ul.sub-menu.tg-dd > li.tg-current > a.menu-link{color:#00f0ff!important;background:rgba(255,255,255,.04)!important;outline:none!important}
 header.elementor ul#menu-header-mega-menu ul.sub-menu.tg-dd > li > a.menu-link:hover::before,
 header.elementor ul#menu-header-mega-menu ul.sub-menu.tg-dd > li.tg-current > a.menu-link::before{transform:scaleY(1)}
}
@media (min-width:1025px){
 header.elementor ul#menu-header-mega-menu > li{flex-shrink:0!important}
 header.elementor ul#menu-header-mega-menu > li > a.menu-link{white-space:nowrap!important}
 header.elementor ul#menu-header-mega-menu > li:not(:last-child) > a.menu-link,
 header.elementor ul#menu-header-mega-menu > li:not(:last-child):hover > a.menu-link{border-top:0!important;border-left:0!important;border-right:0!important}
}
