/* ==========================================
   DUNE BEACH HOSTEL BRAND COLOURS
   ========================================== */

:root {
  /* Main Colours */
  --bs-primary: #1f3a5f !important;
  --bs-primary-rgb: 31, 58, 95 !important;

  --dbh-primary-hover: #b8a685;
  --dbh-link-hover: #4f86a6;
}

/* ==========================================
   PRIMARY BUTTONS
   ========================================== */

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

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

/* ==========================================
   BOOTSTRAP UTILITIES
   ========================================== */

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

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

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

/* ==========================================
   LINKS
   ========================================== */

a {
  color: var(--bs-primary) !important;
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--dbh-link-hover) !important;
  text-decoration: underline;
}

a:active {
  color: var(--bs-primary) !important;
}

/* ==========================================
   OUTLINE PRIMARY BUTTONS
   ========================================== */

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

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

.btn.btn-outline-primary:active,
.btn.btn-outline-primary.active,
.show > .btn.btn-outline-primary.dropdown-toggle {
  background-color: var(--dbh-primary-hover) !important;
  border-color: var(--dbh-primary-hover) !important;
  color: #fff !important;
}

/* ==========================================
   FOCUS RING
   ========================================== */

.btn.btn-outline-primary:focus,
.btn.btn-primary:focus {
  box-shadow: 0 0 0 .25rem rgba(31, 58, 95, 0.35) !important;
}