/* 

  This is your project, product or business colors. Please provide your primary color with a slightly adjusted dark and light color scheme aswell for hover effects.
  We recommend using https://coolors.co/ and then choosing your color shades 2 darker and lighter.

  The nessary classes we set for each color is:
  - btn-brand-primary
  - btn-outline-brand-primary
  - bg-brand-primary
  - checkbox-brand-primary
  - form-check-brand-primary 
  - link-brand-primary
  - text-brand-primary 
  - nav-link-brand-primary
*/
/* ---------------- START BRAND COLOR - PRIMARY */
/* Buttons */
.btn-brand-primary {
  color: #fff;
  background-color: #215172 !important;
  border-color: #215172 !important;
}

.btn-brand-primary:hover,
.btn-brand-primary:active {
  color: #fff !important;
  background-color: #1C445F !important;
}

/* Outline Buttons */
.btn-outline-brand-primary {
  color: #215172 !important;
  border-color: #215172 !important;
}

.btn-outline-brand-primary:hover,
.btn-outline-brand-primary:active {
  color: #fff !important;
  background-color: #215172 !important;
  border-color: #215172 !important;
}

/* Background */
.bg-brand-primary {
  background-color: #215172 !important;
}

/* Checkbox */
.checkbox-brand-primary input[type=checkbox]:checked + label::before {
  background-color: #215172;
  border-color: #215172;
}

.checkbox-brand-primary input[type=checkbox]:checked + label::after {
  border-color: #fff;
}

/* Form Check */
.form-check-brand-primary .form-check-input:checked {
  background-color: #215172 !important;
}

/* Links */
.link-brand-primary {
  color: #215172;
  text-decoration: none;
  background-color: transparent;
}

.link-brand-primary:hover {
  color: #1C445F;
  text-decoration: none;
}

/* Text */
.text-brand-primary {
  color: #215172 !important;
}

/* Navigation Links */
.nav-link-brand-primary a.active {
  border-bottom: 2px solid #215172 !important;
}

/* ---------------- END BRAND COLOR - PRIMARY */
/* ---------------- START BRAND COLOR - SECONDARY */
/* Buttons */
.btn-brand-secondary {
  color: #fff;
  background-color: #4FC597 !important;
  border-color: #4FC597 !important;
}

.btn-brand-secondary i {
  color: #fff !important;
}

.btn-brand-secondary:hover,
.btn-brand-secondary:active {
  color: #fff !important;
  background-color: #38A87D !important;
}

/* Outline Buttons */
.btn-outline-brand-secondary {
  color: #4FC597 !important;
  border-color: #4FC597 !important;
}

.btn-outline-brand-secondary:hover,
.btn-outline-brand-secondary:active {
  color: #fff !important;
  background-color: #4FC597 !important;
  border-color: #4FC597 !important;
}

/* Background */
.bg-brand-secondary {
  background-color: #4FC597 !important;
}

/* Checkbox */
.checkbox-brand-secondary input[type=checkbox]:checked + label::before {
  background-color: #4FC597;
  border-color: #4FC597;
}

.checkbox-brand-secondary input[type=checkbox]:checked + label::after {
  border-color: #fff;
}

/* Form Check */
.form-check-brand-secondary .form-check-input:checked {
  background-color: #4FC597 !important;
}

/* Links */
.link-brand-secondary {
  color: #4FC597;
  text-decoration: none;
  background-color: transparent;
}

.link-brand-secondary:hover {
  color: #38A87D;
  text-decoration: none;
}

/* Text */
.text-brand-secondary {
  color: #4FC597 !important;
}

/* Navigation Links */
.nav-link-brand-secondary a.active {
  border-bottom: 2px solid #4FC597 !important;
}

/* ---------------- END BRAND COLOR - SECONDARY */