/* 
 * Apply primary colors
 */

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em,
a {
	color: rgba(var(--new-primary), 1);
}	

.btn-primary {
	background: rgba(var(--new-primary), 1);
	border-color: rgba(var(--new-primary), 1);
}
 
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background: rgba(var(--new-primary), 0.8);
	border-color: rgba(var(--new-primary), 0.7);
}

.btn-primary:active {
	background: rgba(var(--new-primary), 0.9) !important;
	border-color: rgba(var(--new-primary), 0.8) !important;
}

.btn-primary:focus,
.btn-check:checked + .btn:focus-visible,
:not(.btn-check) + .btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.form-check-input:focus,
.form-control:focus-visible,
.form-select:focus-visible,
.btn-primary:focus-visible {
	box-shadow: 0 0 0 0.25rem rgba(var(--new-primary), 0.25);
	border-color: rgba(var(--new-primary), 0.7);
}


.modal .modal-body .btn-close:focus,
.modal .modal-body .btn-close:focus-visible,
.modal .btn-rounded:focus,
.modal .btn-rounded:focus-visible {
	box-shadow: 0 0 0 0.25rem rgba(var(--new-primary), 0.25);
	border-color: #212529 !important;
}

.form-range::-webkit-slider-thumb {
  background: rgba(var(--new-primary), 1);
}

.form-range::-moz-range-thumb {
  background: rgba(var(--new-primary), 1);
}

.form-range::-ms-thumb {
  background: rgba(var(--new-primary), 1);
}

.form-range:focus::-webkit-slider-thumb {
	background: #fff;
	box-shadow: 0 0 0 0.25rem rgba(var(--new-primary), 0.25);
}

.form-range:focus::-moz-range-thumb {
	background: #fff;
	box-shadow: 0 0 0 0.25rem rgba(var(--new-primary), 0.25);
}

.form-range:focus::-ms-thumb {
    background: #fff;
    box-shadow: 0 0 0 0.25rem rgba(var(--new-primary), 0.25);
}