:root {
    --bs-primary: $primary;
    --bs-primary-rgb: $primary
}

.btn-link,
.btn-link:hover,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.dropdown-header,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-menu,
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active,
.filter ul li a.active,
.filter ul li a:hover,
.form-check-input.is-invalid~.form-check-label,
.form-check-input.is-valid~.form-check-label,
.icon-list.bullet-primary i,
.nav-link:focus,
.nav-link:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.navbar .navbar-brand,
.navbar .navbar-brand:focus,
.navbar .navbar-brand:hover,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link:focus,
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .show>.nav-link,
.navbar .navbar-text a,
.navbar .navbar-text a:focus,
.navbar .navbar-text a:hover,
.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover,
.plyr--full-ui input[type=range],
.unordered-list.bullet-primary li:before,
.was-validated .form-check-input:invalid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label,
a,
a:hover {
    /* color: #000000; */
}

a:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

.btn-check:active+.btn-outline-primary,
.btn-check:active+.btn-primary,
.btn-check:checked+.btn-outline-primary,
.btn-check:checked+.btn-primary,
.btn-check:focus+.btn-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active,
.btn-primary,
.btn-primary.active,
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
.btn-primary:active,
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
.btn-primary:focus,
.btn-primary:hover,
.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate,
.show>.btn-primary.dropdown-toggle {
    background-color: #32abff;
    border-color: #32abff
}

.btn-outline-primary,
.btn-outline-primary:hover {
    color: #32abff;
    border-color: #32abff
}

.form-check-input.is-valid:checked,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.was-validated .form-check-input:valid:checked {
    background-color: #32abff
}

.border-primary {
    border-color: #32abff !important
}

::-moz-selection {
    background: rgba(50, 171, 255, .3)
}

::selection {
    background: rgba(50, 171, 255, .3)
}

.form-check-input.is-valid,
.nav-tabs.nav-tabs-basic .nav-link:focus,
.nav-tabs.nav-tabs-basic .nav-link:hover,
.was-validated .form-check-input:valid {
    border-color: #32abff
}

.nav-tabs.nav-tabs-basic .nav-item.show .nav-link,
.nav-tabs.nav-tabs-basic .nav-link.active {
    color: #32abff;
    border-color: #32abff
}

.overlay.color span.bg {
    background: rgba(50, 171, 255, .7)
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    color: #32abff !important
}

.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.plyr--video .plyr__controls .plyr__control:hover,
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
    background: #32abff
}