/* custom.css */

  /* YOOLOF */
  /* :root {
    --bs-primary: #c8102e;   
    --bs-secondary: #003da5;
    --bs-danger: #DD634D;
  } */

:root {

  --bs-primary: #4a277a;   
  --bs-secondary: #4CC9F0;
  /* --bs-secondary: #FFA33C; */
  /* --bs-danger: #DD634D; */
}
 
/* Override Bootstrap's default colors */
.btn-primary {
  background-color: var(--bs-primary)!important;
  border-color: var(--bs-primary);
}

.btn-secondary {
  background-color: var(--bs-secondary)!important;
  border-color: var(--bs-secondary);
}

.bg-primary {
  background-color: var(--bs-primary)!important;
}

.bg-secondary {
  background-color: var(--bs-secondary)!important;
}

.text-primary {
  color: var(--bs-primary)!important;
}

.text-secondary {
  color: var(--bs-secondary)!important;
}
.btn-danger {
  background-color: var(--bs-danger)!important;
  border-color: var(--bs-danger);
}

.bg-danger {
  background-color: var(--bs-danger)!important;
}

.text-danger {
  color: var(--bs-danger)!important;
}

.nav-pills .nav-link.active {
  background-color: var(--bs-primary);
}
.nav-link {
  color: var(--bs-primary);
}

.dropdown-item:focus, .dropdown-item:hover {
  background-color: var(--bs-secondary);
}

.nav-link {
  color: #000;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-primary);
}


.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 120,194,173;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-outline-primary {
  color: var(--bs-primary);
}
a {
  color: var(--bs-primary);
}
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.nav-link:focus, .nav-link:hover {
  color: var(--bs-primary);
}
.border-secondary {
  border-color: var(--bs-secondary)!important;
}
.border-primary {
  border-color: var(--bs-primary)!important;
}

.text-grey {
  color: #777070;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: var(--bs-primary)!important;
    border-color: var(--bs-primary)!important;
}

.btn-outline-primary {
  border-color: var(--bs-primary)!important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:visited,
.btn-outline-primary:focus {
  color: #fff;
    background-color: var(--bs-primary)!important;
    border-color: var(--bs-primary)!important;
}