/* LabMAN custom styling */
body {
    background: #f4f2f0;
}

header#masthead {
    background: #212121;
    display: block;
    clear: both;
    height: 52px;
    color: white;
}
.logo-mark {
    margin: 10px;
}
.logo-full {
    display: none;
}

div.local-header {
    background: #b31b1b;
    color: white;
    padding-left: 10px;
}

div.local-header-title {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

div.local-header a {
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum";
    background-color: transparent;
    text-decoration: none;
    margin: 0;
    font-family: freight-sans-pro,sans-serif;
    border: 0;
    color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.42857;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-size: 1.6rem;
    box-sizing: border-box;
}


button.bi-search, button.bi-chevron-double-up {
    margin: 0px;
    font-size:16px;
    background: transparent;
    color: white;
    border: 0;
}

button.bi-search span, button.bi-chevron-double-up span {
    display: none;
}

#btn__nav {
    margin-top: 28px;
    font-size:24pt;
    background: transparent;
    color: white;
    border: 0;
}

#btn__nav  span {
    display: none;
}

nav#mainmenu {
    display: none
}

div.navbar-inner {
    margin: 0;
}

li.nav-item a, nav-link a {
    background-color: transparent;
    color: #4a4a4a;
    display: block;
    font-family: freight-sans-pro,sans-serif;
    font-feature-settings: "lnum";
    font-size: 1rem;
    font-variant-numeric: lining-nums;
    font-weight: 400;
    padding: 10px;
    text-decoration: none;
    line-height: 1.42857;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
    transition: background .25s ease;
    white-space: nowrap;
}

li.nav-item.dropdown > div {
    font-size: 0.8rem;
}

main {
    background: white;
    padding-bottom: 10px;
}

footer {
    font-family: freight-sans-pro,sans-serif;
    color: #4a4a4a;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-size: 10pt;
    box-sizing: border-box;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum";
    background: #111;
    padding: 8px 0;
    margin-top:0;
}
footer ul.navbar-nav li.nav-item a,footer  a:visited, footer  a:hover  {
    background-color: transparent;
    text-decoration: none;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 9pt;
}
@media (min-width: 480px) {
    .logo-full {
        display: block;
        margin: 10px;
    }
    .logo-mark {
        display: none;
    }
    header#masthead {
        height: 73px;
    }
    div.local-header a {
        font-size: 18px;
    }
    button.bi-search, button.bi-chevron-double-up {
        margin: 0px;
        font-size:18px;
    }
    #btn__nav {
        display: none;
    }
    nav#mainmenu {
        display: block;
    }
}
@media (min-width: 768px) {
    div.local-header a {
        font-size: 20px;
    }
    button.bi-search, button.bi-chevron-double-up  {
        margin: 0px;
        font-size: 24px;
    }
    nav#mainmenu {
        display: block;
    }
    li.nav-item a, nav-link a {
        font-size: 1rem;
    }

    li.nav-item.dropdown .dropdown-menu a {
        font-size: 0.8rem;
    }
}
/* PHAS5000 Bootstrap 5 compatibility layer */
main { min-height: 55vh; padding: 2rem 1.5rem; overflow-x: auto; }
main h1, main h2, main h3 { color: #212121; margin-top: 1.25rem; }
main table:not(.ui-datepicker-calendar) { width: 100%; margin-bottom: 1.5rem; border-collapse: collapse; }
main table:not(.ui-datepicker-calendar) th, main table:not(.ui-datepicker-calendar) td { padding: .65rem .75rem; border-bottom: 1px solid #dee2e6; vertical-align: top; }
main table:not(.ui-datepicker-calendar) thead th { border-bottom: 2px solid #b31b1b; }
#secondarymenu .navbar-inner { gap: .5rem; flex-wrap: wrap; }
#secondarymenu .navbar-nav { flex-direction: row; flex-wrap: wrap; }
#secondarymenu { padding-block: .2rem; }
#secondarymenu .navbar-text, #secondarymenu .nav-link { font-size: .875rem; }
#secondarymenu .nav-link { padding: .3rem .65rem; }
.card-header { background: #f4f2f0; }
.button { display: inline-block; padding: .375rem .75rem; color: #fff; background: #6c757d; border: 1px solid #6c757d; border-radius: .25rem; }
.red { color: #b31b1b; font-weight: 600; }
.bi { display: inline-block; margin-right: .2rem; }
.form-row { vertical-align: middle; }
@media (max-width: 479.98px) {
    #mainmenu, #secondarymenu { display: none; }
    main { padding: 1.25rem .8rem; }
    main table { font-size: .875rem; }
}
#CookielawBanner { bottom: 0; padding: .65rem 0; }
#CookielawBanner .container { max-width: 1320px; margin: 0 auto; padding: 0 1rem; color: #fff; }
#CookielawBanner h6 { margin: 0 0 .25rem; font-size: .9rem; }
#CookielawBanner p { margin: 0; font-size: .8rem; line-height: 1.35; }
#CookielawBanner .btn { float: right; margin: 0 0 .25rem 1rem; }
@media (max-width: 479.98px) { #CookielawBanner p { font-size: .72rem; } }
@media (max-width: 479.98px) {
    #CookielawBanner { max-height: 25vh; overflow-y: auto; }
    #CookielawBanner .btn { margin-left: .5rem; }
}