/*input button */
.form-check-input:checked {
    background-color: var(--dark-brick);
    border-color: var(--dark-brick);
}



a:visited.btn-primary, .btn-primary{
    --bs-btn-color: var(--light-color);
    --bs-btn-bg:  var(--medium-brick);
    --bs-btn-border-color:  var(--medium-brick);
    --bs-btn-hover-color: var(--light-color);
    --bs-btn-hover-bg: var(--dark-brick);
    --bs-btn-hover-border-color: var(--dark-brick);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--light-color);
    --bs-btn-active-bg: var(--dark-brick);
    --bs-btn-active-border-color: var(--dark-brick);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--light-color);
    --bs-btn-disabled-bg:  var(--medium-brick);
    --bs-btn-disabled-border-color:  var(--medium-brick);
    --bs-btn-focus-box-shadow:  var(--dark-brick);
    color: var(--light-color);

}

a:visited.btn-secondary, .btn-secondary{
    --bs-btn-color: var(--light-color);
    --bs-btn-bg:  var(--light-brick);
    --bs-btn-border-color:  var(--light-brick);
    --bs-btn-hover-color: var(--light-color);
    --bs-btn-hover-bg: var(--dark-brick);
    --bs-btn-hover-border-color: var(--dark-brick);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--light-color);
    --bs-btn-active-bg: var(--dark-brick);
    --bs-btn-active-border-color: var(--dark-brick);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--light-color);
    --bs-btn-disabled-bg:  var(--light-brick);
    --bs-btn-disabled-border-color:  var(--light-brick);
    --bs-btn-focus-box-shadow:  var(--dark-brick);
    color: var(--light-color);
}
a:visited.btn-light, .btn-light{
    --bs-btn-color: var(--medium-brick);
    --bs-btn-bg:  var(--cream);
    --bs-btn-border-color:  var(--cream);
    --bs-btn-hover-color: var(--light-color);
    --bs-btn-hover-bg: var(--dark-brick);
    --bs-btn-hover-border-color: var(--dark-brick);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--light-color);
    --bs-btn-active-bg: var(--dark-brick);
    --bs-btn-active-border-color: var(--dark-brick);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--light-color);
    --bs-btn-disabled-bg:  var(--cream);
    --bs-btn-disabled-border-color:  var(--cream);
    --bs-btn-focus-box-shadow:  var(--dark-brick);
    color: var(--medium-brick);
}

.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 160%;
    letter-spacing: 2px;
    height: 49px;
}

a{
    color: var(--dark-brick);
    &:hover{
    color: var(--cream);
    }
    &:visited{
    color: var(--medium-brick);
    }
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(222, 157, 142, 0.5);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(152, 90, 82, 0.5);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}