.content {
    width: 100%;
    max-width: 1440px;
    padding: 0 8px;
    min-height: calc(100vh - var(--navbar-height) - var(--sidebar-height));
    margin: var(--navbar-height) 0 var(--sidebar-height) 0;

    transition-property: width, margin-left;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
    transition-delay: 100ms;
}

/* DESKTOP CLASSES AND MEDIA QUERIES */
@media screen and (min-width: 992px) {
    .content {
        min-height: calc(100vh - var(--navbar-height));
        margin: var(--navbar-height) 0 0 0;
    }

    .sidebar.collapsed ~ .content {
        margin-left: var(--sidebar-collapsed-width);
        width: calc(100% - var(--sidebar-collapsed-width));
    }

    .sidebar:not(.collapsed) ~ .content {
        margin-left: var(--sidebar-expanded-width);
        width: calc(100% - var(--sidebar-expanded-width));
    }
}
/* DESKTOP CLASSES AND MEDIA QUERIES -eof- */