/* KING-SPA Nova Midnight adaptation from previous SALEPIX TECHNIK look. */
:root {
  --ks-blue: #5cbcf6;
  --ks-blue-dark: #326686;
  --ks-charcoal: #323232;
  --ks-page: #e1e1e1;
  --ks-panel: #f5f7fa;
  --ks-text: #323232;
  --ks-muted: #8b8b8b;
  --ks-success: #0c7c39;
  --ks-orange: #f68b25;
  --ks-red: #da1112;
}

body {
  background: var(--ks-page) !important;
  color: var(--ks-text) !important;
}

a { color: var(--ks-blue-dark); }
a:hover, a:focus { color: var(--ks-blue); }

.btn-primary,
.btn-outline-primary:hover,
.productbox-onhover .btn,
.basket .btn-primary {
  background: var(--ks-blue) !important;
  border-color: var(--ks-blue) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-outline-primary {
  background: var(--ks-blue-dark) !important;
  border-color: var(--ks-blue-dark) !important;
  color: #fff !important;
}

header, #jtl-nav-wrapper, .header-main, .navbar, .navbar-wrapper, .navbar-container {
  background: var(--ks-blue) !important;
  color: #fff !important;
}

#header-top-bar, .topbar, .header-top-bar {
  background: var(--ks-charcoal) !important;
  color: #fff !important;
}

#jtl-nav-wrapper a, header a, .navbar a, .nav-link, .navbar-nav .nav-link {
  color: #fff !important;
}

#jtl-nav-wrapper a:hover, header a:hover, .navbar a:hover, .navbar-nav .nav-link:hover {
  color: #f5f7fa !important;
  text-decoration: none;
}

.navbar-brand img, header .navbar-brand img, .brand img {
  max-height: 110px !important;
  width: auto !important;
}

#search, .search-wrapper, .form-control, input[type="search"], input[type="text"], select, textarea {
  border-color: #c6c6c6 !important;
}

#content-wrapper, main, .main, .content-wrapper {
  background: var(--ks-page) !important;
}

.card, .box, .productbox, .product-wrapper, .panel, .opc-Portlet, .list-group-item, .dropdown-menu {
  background: var(--ks-panel) !important;
  border-color: #d7d7d7 !important;
  color: var(--ks-text) !important;
}

.productbox-title a, .product-title, h1, h2, h3, h4, h5, h6 {
  color: var(--ks-text) !important;
}

.price, .price_wrapper, .productbox-price, .price_label, .current-price {
  color: var(--ks-blue-dark) !important;
}

.badge-primary, .label-primary, .badge-info {
  background: var(--ks-blue) !important;
  color: #fff !important;
}

.alert-info, .notice, .availability, .delivery-status {
  border-color: var(--ks-blue) !important;
}

footer, #footer, .footer, .footer-main, .footer-boxes, .copyright {
  background: var(--ks-charcoal) !important;
  color: #fff !important;
}

footer a, #footer a, .footer a { color: #fff !important; }
footer a:hover, #footer a:hover, .footer a:hover { color: var(--ks-blue) !important; }

.breadcrumb, .breadcrumb-wrapper {
  background: transparent !important;
}

.breadcrumb a, .breadcrumb-item a { color: var(--ks-blue-dark) !important; }

.nav-mobile-body, .mobile-menu, .navbar-collapse, .submenu-headline-toplevel, .dropdown-menu.megamenu {
  background: #fff !important;
  color: var(--ks-text) !important;
}

.nav-mobile-body a, .mobile-menu a, .dropdown-menu.megamenu a {
  color: var(--ks-text) !important;
}

@media (max-width: 991.98px) {
  .navbar-brand img, header .navbar-brand img { max-height: 78px !important; }
  header, #jtl-nav-wrapper, .header-main { background: #fff !important; color: var(--ks-text) !important; }
  header a, #jtl-nav-wrapper a { color: var(--ks-text) !important; }
}