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

    ** Custom Stylesheet **

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

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

/* HOH_BRAND_THEME:start */
:root {
  --ho-red-1: #df1821;
  --ho-red-2: #db1c24;
  --ho-red-3: #a41c24;
  --ho-charcoal: #333133;
  --ho-smoke: #150f10;
  --ho-bg: #f7f7f8;
  --ho-card: #ffffff;
  --ho-text: #333333;
  --ho-muted: #5a5d63;
  --ho-border: #e2e5ea;
  --ho-gradient: linear-gradient(135deg, var(--ho-red-1), var(--ho-red-2), var(--ho-red-3));
  --ho-dark-gradient: linear-gradient(135deg, var(--ho-smoke), var(--ho-charcoal));
}

body {
  background: radial-gradient(circle at top left, rgba(223, 24, 33, 0.08), transparent 28rem), var(--ho-bg);
  color: var(--ho-text);
}

a,
a:focus {
  color: var(--ho-red-1);
}

a:hover {
  color: var(--ho-red-3);
}

#header {
  background: var(--ho-card);
  border-bottom: 1px solid var(--ho-border);
}

#header .logo img {
  max-height: 58px;
}

.navbar-main {
  background: var(--ho-dark-gradient);
  border: 0;
  border-radius: 0;
  box-shadow: 0 10px 24px rgba(21, 15, 16, 0.18);
}

.navbar-main .navbar-nav > li > a {
  color: #ffffff;
  font-weight: 600;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {
  background: var(--ho-gradient);
  color: #ffffff;
}

.navbar-main .dropdown-menu > li > a:hover,
.navbar-main .dropdown-menu > li > a:focus {
  background: rgba(223, 24, 33, 0.08);
  color: var(--ho-red-3);
}

.navbar-main .navbar-toggle {
  border-color: rgba(255, 255, 255, 0.28);
}

.navbar-main .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.btn-primary,
.btn-success,
ul.top-nav > li.primary-action > a.btn,
#order-standard_cart .btn-checkout {
  background: var(--ho-gradient);
  border-color: var(--ho-red-3);
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(223, 24, 33, 0.22);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus,
ul.top-nav > li.primary-action > a.btn:hover,
#order-standard_cart .btn-checkout:hover {
  background: linear-gradient(135deg, var(--ho-red-3), var(--ho-red-2), var(--ho-red-1));
  border-color: var(--ho-red-3);
  color: #ffffff !important;
}

.btn-default:hover,
.btn-default:focus {
  border-color: var(--ho-red-1);
  color: var(--ho-red-3);
}

.panel,
.card,
.tiles .tile,
#order-standard_cart .products .product,
#order-standard_cart .order-summary,
#order-standard_cart .summary-container {
  border-color: var(--ho-border);
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(21, 15, 16, 0.06);
}

.panel-primary,
.panel.panel-primary {
  border-color: var(--ho-red-2);
}

.panel-primary > .panel-heading,
.panel.panel-primary > .panel-heading,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.label-primary,
.progress-bar {
  background: var(--ho-gradient);
  border-color: var(--ho-red-3);
  color: #ffffff;
}

.text-primary,
.client-home-panels .panel > .panel-heading .panel-title i,
#order-standard_cart .product-info .product-title,
#order-standard_cart .order-summary .total-due-today .amt {
  color: var(--ho-red-1) !important;
}

.primary-bg-color,
.main-content {
  background-color: var(--ho-card);
}

.alert-info {
  border-left: 4px solid var(--ho-red-1);
}

#footer {
  background: var(--ho-smoke);
  border-top: 4px solid var(--ho-red-1);
  color: #d6d8dd;
}

#footer a {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-main .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
}

/* High Octane WHMCS quote/invoice logo sizing override */
.quote-container img[src*="logo"],
.invoice-container img[src*="logo"],
img[src*="logo"],
.logo img,
.header-logo img {
  max-width: 180px !important;
  max-height: 70px !important;
  width: auto !important;
  height: auto !important;
}

/* HOH_BRAND_THEME:end */