body.has-site-banner {
    --site-banner-height: 44px;
}

body.has-site-banner .nav {
    top: var(--site-banner-height, 44px) !important;
}

@media screen and (min-width: 768px) {
    body.has-site-banner .sidebar,
    body.has-site-banner .content,
    body.has-site-banner .mini-login-bar {
        top: var(--site-banner-height, 44px) !important;
        height: calc(100vh - var(--site-banner-height, 44px)) !important;
    }

    body.has-site-banner .info-button {
        top: calc(1.5rem + var(--site-banner-height, 44px)) !important;
    }
}

@media screen and (max-width: 767px) {
    body.has-site-banner .info-button {
        top: calc(1rem + var(--site-banner-height, 44px)) !important;
    }
}