/* Strong TDX mobile menu fix */
.tdx-mobile-menu-btn {
  display: none;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.1);
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 900;
  cursor: pointer;
  margin-left: auto;
  z-index: 9999;
}

@media (max-width: 900px) {
  header,
  .header,
  .site-header,
  .navbar,
  .tdx-topbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    position: relative !important;
    width: 100% !important;
    z-index: 9998 !important;
  }

  .tdx-mobile-menu-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  header nav,
  .header nav,
  .site-header nav,
  .navbar nav,
  .tdx-topbar nav,
  nav.tdx-mobile-nav-target {
    display: none !important;
  }

  body.tdx-mobile-nav-open header nav,
  body.tdx-mobile-nav-open .header nav,
  body.tdx-mobile-nav-open .site-header nav,
  body.tdx-mobile-nav-open .navbar nav,
  body.tdx-mobile-nav-open .tdx-topbar nav,
  body.tdx-mobile-nav-open nav.tdx-mobile-nav-target {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    flex-basis: 100% !important;
    margin-top: 14px !important;
    padding: 14px !important;
    gap: 8px !important;
    background: #061428 !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 18px !important;
    position: relative !important;
    z-index: 9999 !important;
  }

  body.tdx-mobile-nav-open header nav a,
  body.tdx-mobile-nav-open .header nav a,
  body.tdx-mobile-nav-open .site-header nav a,
  body.tdx-mobile-nav-open .navbar nav a,
  body.tdx-mobile-nav-open .tdx-topbar nav a,
  body.tdx-mobile-nav-open nav.tdx-mobile-nav-target a {
    display: block !important;
    width: 100% !important;
    padding: 13px 14px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
    text-align: left !important;
    white-space: normal !important;
    font-size: 16px !important;
    font-weight: 800 !important;
  }

  body.tdx-mobile-nav-open header nav a:hover,
  body.tdx-mobile-nav-open .header nav a:hover,
  body.tdx-mobile-nav-open .site-header nav a:hover,
  body.tdx-mobile-nav-open .navbar nav a:hover,
  body.tdx-mobile-nav-open .tdx-topbar nav a:hover,
  body.tdx-mobile-nav-open nav.tdx-mobile-nav-target a:hover {
    background: rgba(230,190,55,.22) !important;
  }
}