:root {
  --primary-color: #01818D;
  --secondary-color: #686868;
}

.smartler-font {
  font-family: 'Montserrat', sans-serif;
}

.smartler-label {
  font-weight: 600;
}

.smartler-label::first-letter {
  font-weight: 900;
}

.smartler-primary-color {
  color: var(--primary-color);
}

.smartler-primary-color:hover {
  color: var(--primary-color);
  /* Ensure it stays the same on hover */
}

.smartler-text-secondary-color {
  color: var(--secondary-color)
}

.accordion-button:not(.collapsed) {
  color: var(--primary-color);
}

.form-range::-webkit-slider-thumb {
  background-color: var(--primary-color);
  border: var(--primary-color);
}

.form-check-input[type=checkbox]:checked {
  background-color: var(--primary-color);
}

.form-check-input[type=checkbox]:checked:focus {
  background-color: var(--primary-color);
}

.form-switch .form-check-input:checked:focus {
  background-color: var(--primary-color);
}

.form-switch .form-check-input:checked[type=checkbox]:after {
  background-color: var(--primary-color);
}

/* focused borders and label*/
.form-outline .form-control:focus~.form-notch .form-notch-leading {
  border-top: .05rem solid #01818D;
  border-bottom: .05rem solid #01818D;
  border-left: .05rem solid #01818D;
}

.form-outline .form-control:focus~.form-notch .form-notch-trailing {
  border-top: .05rem solid #01818D;
  border-right: .05rem solid #01818D;
  border-bottom: .05rem solid #01818D;
}

.form-outline .form-control:focus~.form-notch .form-notch-middle {
  border-top: 0;
  border-bottom: .05rem solid #01818D;
}

.form-outline .form-control:focus~.form-label {
  color: #01818D;
}