.bg-muted {
    background-color: rgba(128, 128, 128, .15);
}

#mode-toggle-header svg {
    transition: fill .15s ease-in-out;
    fill: #595959;
}

#mode-toggle-header:hover svg {
    fill: #8c8c8c;
}

#mode-toggle-header .toggle-inner,
#mode-toggle-header .toggle-outer {
    transition: transform .15s ease-in-out;
    transform: matrix(1,0,0,1,12,12);
}

html[data-bs-theme=dark] {
    #mode-toggle-header .toggle-inner {
        transform: matrix(1.5,0,0,1.5,7,12);
    }

    #mode-toggle-header .toggle-outer {
        transform: matrix(-1,0,0,-1,12,12);
    }
}

.tooltip .mode::after {
    content: 'dark';
}

html[data-bs-theme=dark] {
    .tooltip .mode::after {
        content: 'light';
    }
}

.material-symbols-rounded {
    max-width: 2rem;
    font-size: 2rem !important;
    margin-right: 0.25rem;
}

.material-symbols-rounded.small {
    max-width: 1.25rem;
    font-size: 1.25rem !important;
    margin-right: 0;
}

.btn .material-symbols-rounded {
    font-size: 1.5rem !important;
}

@media (max-width: 1199.98px) {
    .navbar-brand {
        flex-grow: 1;
    }
}

.navbar-brand img {
    width: 201.85px;
}

header .navbar .nav-link.is-active,
header .navbar .nav-link:active,
header .navbar .dropdown-item.is-active,
header .navbar .dropdown-item:active,
footer .navbar .nav-link.is-active,
footer .navbar .nav-link:active {
    color: var(--bs-emphasis-color);
}

/*
header .navbar .dropdown-item.active {
    background-color: unset;
}

header .navbar .dropdown-item:active {
    background-color: var(--bs-tertiary-bg);
}
*/

header .navbar .btn-dark {
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.75rem;
}

header .navbar .btn-dark:hover {
    color: rgba(255, 255, 255, 0.75);
}

header .navbar .navbar-toggler {
    order: 2;
}

header .navbar .navbar-collapse.collapsing,
header .navbar .navbar-collapse.show {
    order: 3;
}

@media (max-width: 1199.98px) {
    #mode-toggle-header-outer {
        order: 1;
    }
}

@media (min-width: 1200px) {
    #mode-toggle-header-outer {
        order: 4;
    }
}

sidebar {
    background-color: rgba(128, 128, 128, 0.075);
}

sidebar .sticky-top {
    top: 1.5rem;
}

html[data-bs-theme=light] sidebar .nav-link {
    color: rgba(var(--bs-emphasis-color-rgb), .5);
}

footer {
    padding: 3rem 0;
}

footer.bg-dark {
    background-color: #08090a !important;
}

footer h5,
footer .h5 {
    color: rgba(229, 225, 195, 0.55);
    margin-top: 0.5rem;
}

footer a {
    text-decoration: none;
}

footer .navbar-nav {
    padding: 0.5rem 0;
}

footer .nav-link {
    padding: 0 !important;
}

footer a#mode-toggle-footer {
    color: rgba(255, 255, 255, 0.25);
}

footer a#mode-toggle-footer:hover {
    color: rgba(255, 255, 255, 0.55);
}

footer #mode-toggle-footer .icon::after {
    content: "light_mode";
}

[data-bs-theme=dark] footer #mode-toggle-footer .icon::after {
    content: "dark_mode";
}

footer #mode-toggle-footer .mode::after {
    content: "dark";
}

[data-bs-theme=dark] footer #mode-toggle-footer .mode::after {
    content: "light";
}

footer #mode-toggle-footer .material-symbols-rounded {
    font-size: 1rem !important;
}

footer .text-muted,
footer .text-muted a {
    color: rgba(255, 255, 255, 0.4) !important;
}

div.banner {
    height: 205px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.banner-default {
    background-image: url("../images/banner-colosseum-f8e5d36f3a1c442a16059671faa06231.jpg");
}

@media (min-width: 768px) {
    .gx-5 .col-md-2 {
        width: calc((100% - 3rem) * 0.1666666667);
    }

    .gx-5 .col-md-10 {
        width: calc(83.33333333% + 3rem * 0.1666666667)
    }
}

label.col-md-4 {
    padding: .375rem .75rem;
}

.table-responsive {
    white-space: nowrap;
}

.table-responsive .comment {
    white-space: normal;
}

.table .material-symbols-rounded.small {
    display: flex;
    margin-top: .125rem;
}