/* DELEO Custom Color Theme */
:root {
  --bs-primary: #00c2de;
  --bs-primary-rgb: 0, 194, 222;
}

/* Primary Color Classes */
.text-primary {
  color: #00c2de !important;
}

.btn-primary {
  background-color: #00c2de !important;
  border-color: #00c2de !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #00a8c5 !important;
  border-color: #00a8c5 !important;
}

.btn-outline-primary {
  color: #00c2de !important;
  border-color: #00c2de !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #00c2de !important;
  border-color: #00c2de !important;
  color: #fff !important;
}

.btn-label-primary {
  color: #00c2de !important;
  background-color: rgba(0, 194, 222, 0.1) !important;
}

.btn-label-primary:hover,
.btn-label-primary:focus,
.btn-label-primary:active {
  color: #fff !important;
  background-color: #00c2de !important;
}

.bg-primary {
  background-color: #00c2de !important;
}

.bg-label-primary {
  background-color: rgba(0, 194, 222, 0.1) !important;
  color: #00c2de !important;
}

.badge.bg-label-primary {
  background-color: rgba(0, 194, 222, 0.1) !important;
  color: #00c2de !important;
}

.badge.bg-primary {
  background-color: #00c2de !important;
  color: #fff !important;
}

.badge-center.bg-label-primary {
  background-color: rgba(0, 194, 222, 0.1) !important;
  color: #00c2de !important;
}

.badge-center.bg-primary {
  background-color: #00c2de !important;
  color: #fff !important;
}

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

/* Links */
a {
  color: #00c2de;
}

a:hover {
  color: #00a8c5;
}

/* Background */
.bg-body {
  background-color: #f0fafb !important;
}

body {
  background-color: #f0fafb !important;
}

/* Navbar Styles */
.layout-navbar {
  backdrop-filter: unset !important;
  height: auto !important;
  z-index: 999 !important;
}

.layout-navbar::after {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
}

.layout-navbar.navbar-active::after {
  backdrop-filter: saturate(100%) blur(6px);
  -webkit-backdrop-filter: saturate(100%) blur(6px);
}

.navbar.landing-navbar {
  box-shadow: none;
  transition: all 0.2s ease-in-out;
  border-color: rgba(255, 255, 255, 0.68);
  background: rgba(255, 255, 255, 0.38);
}

.layout-navbar.navbar-active .navbar.landing-navbar {
  background: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 194, 222, 0.3);
}

/* Remove missing section title icon background */
.section-title::after {
  background: none !important;
}