@charset "UTF-8";

/* Modifications to stock bootswatch settings to match rootbeertag CSS requirements*/
/* This file contains mods specific to the brite bootswatchtheme */

:root,
[data-bs-theme=light] {
    --bs-pagination-color-var: #000;
    --bs-pagination-border-color-var: #000;
    --bs-link-color-rgb: 63, 148, 255;
}

[data-bs-theme=dark]{
    --bs-pagination-color-var: #dee2e6;
    --bs-pagination-border-color-var: #7c7c7c;
    --bs-link-color-rgb: 135, 187, 253;  
}

  
.btn-primary {
    --bs-btn-color: #dee2e6;
    --bs-btn-bg: #669099;
    --bs-btn-border-color: #669099;
    --bs-btn-hover-color: #dee2e6;
    --bs-btn-hover-bg: #85a6ad;
    --bs-btn-hover-border-color: #85a6ad;
    --bs-btn-active-bg: #52737a;
    --bs-btn-active-border-color: #52737a;
}

.page-link.active, .active > .page-link {
    color: #dee2e6;
    background-color: #669099;
}

.pagination {
    --bs-pagination-color: var(--bs-pagination-color-var);
    --bs-pagination-bg: var(--bs-secondary-bg);
    --bs-pagination-border-color: var(--bs-pagination-border-color-var);
    --bs-pagination-disabled-color: var(--bs-pagination-color-var);
    --bs-pagination-disabled-border-color: var(--bs-pagination-border-color-var);
    --bs-pagination-disabled-bg: var(--bs-body-bg);
}

.form-check-input {
    border: var(--bs-border-width) solid var(--bs-pagination-border-color-var);
}

.input-group {
    flex-wrap: nowrap;
}

.btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-y:0px;
    --bs-btn-padding-x:4px;
    --bs-btn-font-size:0.9rem;
}

.form-check-input:checked {
    background-color: #669099;
}

.dropdown-menu {
    --bs-dropdown-link-hover-bg: #669099;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #669099
}

.accordion {
    --bs-accordion-active-bg: #669099;
}

.modal-content {
    box-shadow: none;
    border: none;
}

.dark-light-menu-toggle .btn {
    margin-top: 15px;
}

.bg-info {
    background-color: #669099 !important;
}

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
    font-size: 0.875rem;
    border-radius: var(--bs-border-radius);
}

.form-control-sm {
    font-size: 0.875rem;
    border-radius: var(--bs-border-radius);
}

@media (max-width: 992px){
.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
    font-size: 0.75rem;
}

.form-control-sm {
    font-size: 0.75rem;
}

}