:root {
    --ui-header-nav-height: 56px;
}

body {
    font-size: 15px;
}

body:has(header .navbar) {
    padding-top: var(--ui-header-nav-height);
}

header nav {

}

footer { z-index: 1; }

header .navbar .navbar-brand { margin-left: 35px; }
header .navbar .ui-sidebar-toggle {
    position: absolute; top:0; left: 0;
    margin-left: 1.5rem;
    /* width: var(--ui-header-nav-height); height:var(--ui-header-nav-height);  */
    /* padding-left: calc(var(--bs-gutter-x) * 0.5); */
    line-height:var(--ui-header-nav-height); font-size:25px; text-align: center;
    /*background: rgba(31, 36, 41, 1); background: #000;*/ }

@media (max-width: 576px) {
    .navbar-brand span { display: none; }
    .navbar-brand span.d-none {
        display: inline !important;
    }
}

main > .container-fluid, main > .container-xxl, main > .container-xl, main > .container-lg, main > .container-md, main > .container-sm, main > .container  {
    /* min-width: 390px; */
    min-width: 320px; /* ipad slide over */
}

.ui-sidebar { padding-bottom: 110.5px; } /* header 56px + footer 54.5px */
.ui-sidebar .ui-sidebar-item-icon { margin-left: 5px; margin-right: 10px; }