/*============================
		CUSTOM SCI-FI BLUE THEME
==============================*/
:root {
  --bs-primary: #00a8ff;
  --bs-primary-rgb: 0, 168, 255;
}

::selection {
  background: #00a8ff;
}

a,
a:focus {
  color: #00a8ff;
}

a:hover,
a:active {
  color: #0096e6;
}

.primary-menu ul.navbar-nav > li:hover > a:not(.btn),
.primary-menu ul.navbar-nav > li > a.active:not(.btn) {
  color: #00a8ff;
}

.primary-menu
  ul.navbar-nav
  > li.dropdown
  .dropdown-menu
  li:hover
  > a:not(.btn) {
  color: #00a8ff;
}

.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
  border-color: #00a8ff;
}

/*== Secondary Nav ==*/
.secondary-nav.nav.alternate .nav-item .nav-link.active {
  border-color: #00a8ff;
}

/* Page Header */
.page-header.page-header-text-dark .breadcrumb > li a:hover {
  color: #00a8ff;
}

/* Accordion & Toggle */
.accordion:not(.accordion-alternate) .card-header a {
  background-color: #00a8ff;
  color: #fff;
}

/* Nav */
.nav:not(.nav-pills) .nav-item .nav-link.active,
.nav:not(.nav-pills) .nav-item .nav-link:hover {
  color: #00a8ff;
}

.nav-tabs .nav-item .nav-link.active {
  color: #003d5c;
}

.nav-tabs .nav-item .nav-link.active:after {
  background-color: #00a8ff;
}

.nav-tabs .nav-item .nav-link:not(.active):hover {
  color: #00a8ff;
}

.nav-tabs.flex-column .nav-item .nav-link.active {
  color: #00a8ff;
}

.nav-pills .nav-link:not(.active):hover {
  color: #00a8ff;
}

/* Brands Grid */
.brands-grid > .row > div a:hover {
  color: #00a8ff;
}

#footer .nav .nav-item .nav-link:focus {
  color: #00a8ff;
}

#footer .nav .nav-link:hover {
  color: #00a8ff;
}

#footer .footer-copyright .nav .nav-link:hover {
  color: #00a8ff;
}

/* Back to Top */
#back-to-top:hover {
  background-color: #00a8ff;
}

/* Extras */
.bg-primary {
  background-color: #00a8ff !important;
}

.text-primary,
.btn-light,
.btn-outline-light:hover,
.btn-link,
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active {
  color: #00a8ff !important;
}

.btn-link:hover {
  color: #0096e6 !important;
}

.text-muted {
  color: #8e9a9d !important;
}

.text-light {
  color: #dee3e4 !important;
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #0096e6 !important;
}

.border-primary {
  border-color: #00a8ff !important;
}

.btn-primary {
  background-color: #00a8ff;
  border-color: #00a8ff;
}

.btn-primary:hover {
  background-color: #0096e6;
  border-color: #0096e6;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #0096e6;
  border-color: #0096e6;
}

.btn-primary.focus,
.btn-primary:focus {
  background-color: #0096e6;
  border-color: #0096e6;
}

.btn-outline-primary,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #00a8ff;
  border-color: #00a8ff;
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active:hover {
  background-color: #00a8ff;
  border-color: #00a8ff;
  color: #fff;
}

.progress-bar,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.dropdown-item.active,
.dropdown-item:active {
  background-color: #00a8ff;
}

.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before {
  background-color: #00a8ff;
  border-color: #00a8ff;
}

.list-group-item.active {
  background-color: #00a8ff;
  border-color: #00a8ff;
}

.page-link {
  color: #00a8ff;
}

.page-link:hover {
  color: #0096e6;
}

.owl-theme.single-slideshow .owl-dots .owl-dot.active span,
.owl-theme.single-slideshow .owl-dots .owl-dot:hover span {
  border-color: #00a8ff;
}

.owl-theme.single-slideshow .owl-dots .owl-dot.active span:after,
.owl-theme.single-slideshow .owl-dots .owl-dot:hover span:after {
  background-color: #00a8ff;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  border-color: #00a8ff;
}

.owl-theme .owl-dots .owl-dot.active span:after,
.owl-theme .owl-dots .owl-dot:hover span:after {
  background-color: #00a8ff;
}

.owl-theme.dots-light .owl-dots .owl-dot.active span:after,
.owl-theme.dots-light .owl-dots .owl-dot:hover span:after {
  background-color: #00a8ff;
}