/* general styles to apply dark theme */
/* also should apply theme color: #121212 in html */
:root {
  --color-mobile-header-button: #1c1d1f;
  --color-mobile-header-button-hover: #18181a;
  --color-mobile-border: #272f36b0;
  --color-border-gray: #2a2d2f;
}

html {
  background-color: #121212;
  background-image: none;
}

.header-outer {
  background-color: #121212;
  border-color: #273139;
  border-color: #2a2d2f;
}

.pre-footer {
  padding-top: 0;
  background-image: linear-gradient(to top, #080808, #0b0b0b, #0e0e0e, #101010, #121212);
}

ul.nav-inner-links > li.nav-dropdown-trigger {
  #navDropdownMenuDatasets,
  #navDropdownMenuPremium,
  #navDropdownMenuMore {
    background-color: #121212;
  }
  
  nav .nav-dropdown-menu {
    background-color: #121212;
  }
  
  #navDropdownMenuMore.nav-dropdown-menu li:hover,
  #navDropdownMenuPremium.nav-dropdown-menu li:hover {
    background-color: #161616;
  }
  
  #navDropdownMenuMore.nav-dropdown-menu li:not(:last-child),
  #navDropdownMenuPremium.nav-dropdown-menuli:not(:last-child) {
    border-bottom: 1px solid #262629;
  }
  
  #navDropdownMenuMore.nav-dropdown-menu li {
    border-left: 2px solid #121212;
  }
}

nav {
  .trial-btn,
  .join-btn {
    background: linear-gradient(
      #121212, #121212) padding-box,
      linear-gradient(150deg, var(--color-quiver-green) 33.3%, #3b4e60 70%, #7524d6 100%) border-box;
      
    &:hover {
      background: linear-gradient(
        #121212, #121212) padding-box,
        linear-gradient(150deg, var(--color-quiver-green) 38.3%, #3b4e60 75%, #7524d6 110%) border-box;
      transition: all 3s ease-in-out;
    }
  }
}

#mobileDropdown.mobile-dropdown-open:has(#auto-suggest-links-container.auto-suggest-active) > .mobile-search-overlay {
  background-color: #121212;
}

#ticker-search-form {
  border-color: #2a2d2f;
}

#auto-suggest-links-container {
  background-color: #161517;
}

#auto-suggest-links-container li:hover,
#auto-suggest-links-container-mobile li:hover {
  background-color: #18181a;
}

#auto-suggest-links-container li,
#auto-suggest-links-container-mobile li {
  border-bottom: 1px solid #1e2428;
}

#auto-suggest-links-container > .auto-suggest-tabs div {
  background-color: #252a2f;
}

.active-autosuggest-result {
  background-color: #121212 !important;
}

.ticker-text {
  background-color: rgb(45 45 45);
}

.footer-outer {
  margin-top: 0;
  background-color: #080808;
}

div {
  scrollbar-width: thin;
  scrollbar-color: #2b2b2b #161616;
}

.table-inner:hover {
  scrollbar-color: #8691a5 #161616;
}

@media screen and (max-width: 1200px) {
  #mobileDropdown {
    background: linear-gradient(177.4deg, #121212 50%, #1f1f22 60%, #080808 100%);
  }
  nav .nav-inner .nav-inner-links {
    background-color: #121212;
  }
  nav .nav-main-link {
    border-bottom: 1px solid #1b242b;
  }
}