/* JEMCC Custom Theme Variables */
:root {
  --bs-primary: #2e6930;
  --bs-primary-rgb: 46, 105, 48;
  --bs-primary-dark: #1e4520;
  --bs-primary-light: #3b8c3d;
}

/* Custom styles for primary-colored elements */
.bg-primary {
  background-color: var(--bs-primary) !important;
}

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

.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

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

.btn-outline-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}

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

/* Custom navbar color */
.navbar-primary {
  background-color: var(--bs-primary) !important;
}

/* Pagination primary color */
.page-item.active .page-link {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.page-link {
  color: var(--bs-primary);
}

.page-link:hover {
  color: var(--bs-primary-dark);
}

/* Custom link colors */
a {
  color: var(--bs-primary);
}

a:hover {
  color: var(--bs-primary-dark);
}

/* Progress bars */
.progress-bar-primary {
  background-color: var(--bs-primary);
}

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