/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* =========================================================
   JomeTech Hosting – SIX THEME COLOR OVERRIDES
   Developer / DigitalOcean Style
========================================================= */

/* BRAND COLORS */
:root {
  --jt-primary: #020617;
  --jt-accent: #2563EB;
  --jt-bg: #F8FAFC;
}

/* ===============================
   TOP NAV BAR
================================ */
.navbar-main,
.navbar-main .navbar-nav > li > a {
  background: #020617 !important;
  color: #E5E7EB !important;
}

.navbar-main .navbar-nav > li > a:hover {
  background: #020617 !important;
  color: #fff !important;
}

/* ===============================
   DOMAIN SEARCH HERO
================================ */
.homepage-banner {
  background: #020617 !important;
}

.homepage-banner h1,
.homepage-banner h2 {
  color: #ffffff !important;
}

.domain-search-holder input {
  border-radius: 6px;
  height: 44px;
}

.domain-search-holder .btn-primary {
  background: #2563EB !important;
  border-color: #2563EB !important;
}

.domain-search-holder .btn-default {
  background: #475569 !important;
  color: #fff !important;
}

/* ===============================
   QUICK ACTION BAR
================================ */
.home-shortcuts {
  background: #2563EB !important;
}

.home-shortcuts li a {
  color: #ffffff !important;
}

.home-shortcuts li a:hover {
  background: rgba(255,255,255,0.1) !important;
}

/* ===============================
   BUTTONS
================================ */
.btn-primary {
  background: #2563EB !important;
  border-color: #2563EB !important;
}

.btn-primary:hover {
  background: #1D4ED8 !important;
}

/* ===============================
   REMOVE SALESY FEEL
================================ */
.homepage-banner {
  padding: 70px 0 !important;
}

/* ===============================
   FOOTER
================================ */
.footer,
#footer {
  background: #020617 !important;
  color: #94A3B8 !important;
}

.footer a {
  color: #CBD5E1 !important;
}