/* buttons */

.btn {
    opacity: 1;
}

.btn:focus,
.btn:hover {

    box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), .15) !important;
    text-decoration: none;
}

.btn-primary {
    --bs-btn-bg: var(--scaleout-black);
    --bs-btn-border-color: var(--scaleout-black);
    --bs-btn-hover-bg: var(--scaleout-black);
    --bs-btn-hover-border-color: var(--scaleout-black);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-bg: var(--scaleout-black);
    --bs-btn-active-border-color: var(--scaleout-black);
    --bs-btn-disabled-bg: var(--scaleout-black);
    --bs-btn-disabled-border-color: var(--scaleout-black);
}

.btn-outline-primary {
    --bs-btn-color: var(--scaleout-black);
    --bs-btn-border-color: var(--scaleout-black);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--scaleout-black);
    --bs-btn-hover-border-color: var(--scaleout-black);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--scaleout-black);
    --bs-btn-active-border-color: var(--scaleout-black);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--scaleout-black);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--scaleout-black);
    --bs-gradient: none;
}

/* forms */

.form-control {
    border-color: var(--scaleout-grey-6);
}

.form-control:focus {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-color: var(--scaleout-grey-6);
}

.form-check-input:focus {
    border-color: var(--scaleout-grey-6);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.form-check-input:checked {
    background-color: var(--scaleout-green);
    border-color: var(--scaleout-green);
}

/* links */

a {
    text-decoration: none;
    display: inline-block;
}

a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #000;
    transition: width .4s;
}

a:hover::after,
a:focus::after,
a.active::after {
    width: 100%;
}

a.default::after {
    content: none;
}

a.default:hover::after,
a.default:focus::after,
a.default.active::after {
    width: 100%;
}

a.btn::after {
    content: none;
}

a.btn:hover::after,
a.btn:focus::after,
a.btn.active::after {
    width: 100%;
}

a.active {
    color: inherit !important;
    background-color: inherit !important;
    border-color: inherit !important;
}

.navbar-nav {
    --bs-nav-link-color: var(--scaleout-black-rgb)
}

/* text */

p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
    opacity: .8;
}

/* lists */

.list-group-item {
    --bs-list-group-active-bg: var(--scaleout-black);
    --bs-list-group-active-border-color: var(--scaleout-black);
}

a.nav-link.active {
    border-color: var(--bs-nav-tabs-link-active-border-color) !important;
    text-decoration: none;
}

/* --- accordion --- */

.accordion-button:not(.collapsed) {
    background-color: #fff;
    color: var(--scaleout-black);
}

.accordion-button:focus {
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}