footer.sticky-footer {
    padding: 2rem 0;
    flex-shrink: 0;
}

footer.sticky-footer .copyright {
    line-height: 1;
    font-size: 0.8rem;
}

html, body { overflow-x: hidden; }
body { padding-top: 56px; }

@media (max-width: 991.98px) {
    .offcanvas-collapse {
        position: fixed; top: 56px; bottom: 0; left: 100%;
        width: 100%; padding: 1rem;
        overflow-y: auto; visibility: hidden;
        background-color: #343a40;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    }
    .offcanvas-collapse.open {
        visibility: visible; transform: translateX(-100%);
    }
}

.nav-scroller .nav { color: rgba(255,255,255,.75); }
.nav-scroller .nav-link { padding: .75rem; font-size: .875rem; color: #6c757d; }
.nav-scroller .nav-link:hover { color: #007bff; }
.nav-scroller .active { font-weight: 500; color: #343a40; }
.bg-purple { background-color: #6f42c1; }