.browser-not-supported-message {
    display: none;
}

html.browser-not-supported .browser-modern {
    display: none;
    visibility: hidden;
    z-index: -999;
}

html.browser-not-supported .publication-item-container {
    width: 960px;
    float: none;
}

html.browser-not-supported .browser-not-supported-message {
    display: block;
    margin: 36px 36px 0 36px;
    padding: 24px;
    max-width: 960px;
    background-color: #ccffe6;
    border: 2px solid seagreen;
}

.browser-obsolete-ie {
    display: none;
}

#main-content {
    max-width: 960px; /* 8 inches at 120dpi */
    padding: 12px 24px;
}

#navigation .oi {
    display: inline-block;
}

.navigation-accessible {
    top: 0;
    left: -200%;
    right: 200%;
    z-index: -1;
    height: 0;
}

.navigation-accessible li  {
    display: inline;
    height: 0;
}

/*
header {

    position: fixed;
    top: 0;
    width: 100%;
    min-width: 320px;
    background-color: white;
    z-index: 100;
    border: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    header:before {
        content: ' ';
        position: fixed;
        top: -100px;
        height: 100px;
        width: 100%;
        background-color: white;
        z-index: 101;
    }

    header nav,
    header ul,
    .toc-extra {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
*/

nav.nav-header-small {
    position: fixed;
    top: 0;
    vertical-align: middle;
    width: 100%;
    padding: 0;
    background-color: #4d4d4d;
    z-index: 1;
    -webkit-user-select: none; 
    -ms-user-select: none;
    user-select: none; 
}

    .nav-header-small ul {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 0;
        padding: 0 0 0 6px;
    }

    .nav-header-small li {
        display: inline-block;
        height: 60px;
        line-height: 60px;
        vertical-align: middle;
        text-align: center;
        min-width: 56px;
    }

    .nav-header-small a {
        font-weight: bold;
        font-size: 16px;
    }

.view-container {
    margin: 0;
    width: 100%;
    /* width: -webkit-fill-available; */
    min-width: 320px;
    padding: 0;
    border-top: none;
    min-height: 100vh;

}

.page-content-layout {
    margin-bottom: 0;
}

.page-content-layout::after {
    /* content: ' '; */
}

/* kludge to ensure link targets are not obscured by the fixed navbar */
.link-target,
h1.link-target {
    padding: 64px 0 0 0;
    margin: -64px 0 8px 0;
}

    .link-target:focus {
        outline: none;
        border-bottom: 1px solid black;
    }

.static-content-container {
    min-height: 100%;
    max-width: 1025px;
    margin: 64px auto;
    padding: 0 24px 24px 24px;
}

.breadcrumbs-small {
    width: 100%;
    padding: 12px 24px 12px 24px;
}

    .breadcrumbs-small a {

    }

    .breadcrumbs-small ul,
    .breadcrumbs-static ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

.breadcrumbs-static ul {
    padding-top: 1.5rem;
}

.content-banner {
    display: none;
    background: #444;
    min-height: 60px;
    padding: 18px 24px;
}

    .content-banner .publication-name a {
        color: white;
    }


.item-alert {
    margin: 1rem 0;
    padding: 6px;
    border: 1px solid orange;
    background-color: lightyellow;
}

.item-alert-icon {
    color: orange;
}

.item-toc ul {
    list-style-type: none;
    margin: 0 0 12px 0;
    padding: 0;
}

.publication-item-container {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-top: 60px;
}

.publication-content-toolbar ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.publication-content-toolbar li {
    display: inline-block;
}

.publication-content-toolbar li a {
    display: inline-block;
}

.publication-item-toolbar,
.publication-toc-toolbar {
    list-style-type: none;
    padding: 0;
    margin: 12px 24px;
}

    .publication-item-toolbar.large-only,
    .publication-toc-toolbar.large-only {
        display: none;
    }

    .publication-toc-toolbar {
        margin: 0 0 .5rem 0;
    }


.publication-item-toolbar {
    margin-bottom: .5rem;
}

.nav-inline-block {
    line-height: 2rem;
}

.nav-inline-block li {
    display: inline-block;
    margin-right: 8px;
}

.remove-highlighting-container {
    border: 1px solid firebrick;
    text-align: left;
    line-height: 1.4rem;
    padding: 8px;
    margin: 16px 0;
}

a[href].remove-highlighting-link {
    color: firebrick;
    text-decoration: none;
    margin-top: 8px;
}

a[href].remove-highlighting-link:hover {
    text-decoration: underline;
}

.toc-extra {
    display: block;
}

    .toc-extra ul,
    .overview-extra ul {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

.item-toc-all,
.item-toc-expand {
    margin-bottom: 1rem;
}

.toc-descendant-1 {
    font-weight: bold;
}

    .toc-descendant-1.toc-descendant-height-0 {
        font-weight: normal;
    }

.toc-descendant-2 {
    margin-left: .5rem !important;
}

.toc-descendant-3 {
    margin-left: 1rem !important;
}

.toc-descendant-4 {
    margin-left: 1.5rem !important;
}

.toc-descendant-5 {
    margin-left: 2rem !important;
}

.nav-content-bottom {
    margin-top: 2rem;
}

.all-content-displayed {
    color: forestgreen;
    margin: 1rem 0;
}

.publication-toc-about {
    padding: 24px 12px 24px 24px;
}

/* MISC */

.view-mode-toolbar {
    padding: 8px 0;
}

a.view-mode-link {
    color: green;
    text-decoration: underline;
}

.nav-inline-list ul {
    margin: 0;
    padding: 0;
}

.nav-inline-list li {
    margin: 0;
    padding-bottom: 8px;
    list-style-type: none;
}

.nav-inline-list li {
    display: inline-block;
}

    .nav-inline-list li:after {
        margin-left: 4px;
        margin-right: 4px;
    }

.nav-inline-list li:last-child:after {
    background-color: lime;
    content: unset;
    margin-left: 0;
    margin-right: 0;
}

.overview-logo-container {
    width: 100%;
    margin-bottom: 1rem;
}

.overview-logo {
    margin: 0 auto;
}

li.breadcrumbs-show-all a {
    width: 100%;
    margin-top: 16px;
    color: white;
    background-color: seagreen;
    border: 1px solid seagreen;
    text-align: center;
}

li.breadcrumbs-show-all a:hover {
    color: white;
    background-color: green;
    border: 1px solid green;
    text-decoration: none;

}

span.nav-menu-text {
    display: none;
}

.library-footer,
.publication-footer,
.publication-footer-small {
    margin: 2rem 0 2rem 0;
    border-top: 1px solid #ccc;
    padding: 12px 24px;
}

    .library-footer a,
    .publication-footer a,
    .publication-footer-small a {
        color: mediumblue;
    }

.publication-global-note,
.ancestor-note,
.item-note,
.alert-note-toc {
    margin: .5rem 0 1.25rem 0;
    padding: 6px;
    border: 1px solid gray;
}

/* MAIN MENU (THE SIDEBAR) */

.menu {
    display: none;
    height: 100vh;
    overflow-y: scroll;
    background-color: #f3f2f2; /* warm gray 1 */
}

    .menu * {
        font-size: 15px;
    }

    .menu ul {
        margin: 0;
        padding: 0;
    }

    .menu li {
        list-style-type: none;
    }

    .menu .menu-next-previous-list {
        background-color: #555;
        text-align: center;
    }

    .menu .menu-next-previous-item {
        display: inline-block;
    }

        .menu .menu-next-previous-item a {
            display: inline-block;
            padding: 16px;
            color: #eee;
        }

            .menu .menu-next-previous-item a:hover,
            .menu .menu-next-previous-item a:focus {
                color: white;
            }

    .menu .menu-search-link {
        color: lime;
        display: block;
        padding: 12px;
        margin: 0 auto !important;
        text-align: center;
        background-color: darkgreen;
        color: #cfc;
        font-weight: bold;
        border: 2px solid darkgreen;
    }

    .menu a.menu-search-link:hover {
        color: white;
    }

    .menu a.menu-search-link:focus {
        color: white;
        outline: 2px solid lime;
    }

.menu-details .details-content {
    background-color: #f3f2f2;
    border-top: 1px solid #999;
}

.menu .details-container {
    background-color: #eae9e8; /* warm gray 2 */
    width: 100%;
}

li.menu-header {
    /*  background-color: #444; */
}

.menu-summary {
    padding: 16px;
}

.menu-details {
    padding: 0;
    margin: 0;
}

    .menu-details .details-content {
        background-color: #f5f3f3;
        padding: 18px;
        border-top: 1px solid #999;
    }

    .menu .details-container {
        border-bottom: 1px solid #999;
    }

    .menu details:focus {
        outline: 2px solid #024;
    }

.menu summary:focus {
    outline: 2px solid #69BE28;
}


.on-this-page.otp-show-all summary {
    color: forestgreen;
    background-color: #eaf3e8; /* #004d00; */
    font-weight: bold;
}

.otp-1, .otp-2, .otp-3, .otp-4, .otp-5 {
    font-weight: bold;
}

#menu-navigation ul {
   width: 100%;
}

#menu-navigation li {
    width: 100%;
}

.navigate-highlighted {
    background-color: #ded;
}

li.menu-active-item > ul {
    border-left: 1px solid gray;
    padding-left: 6px;
}


li.menu-active-item > a {
    color: green;
}



.translated-ltr a.menu-search-link {
    /* kludge to allow room for google translate toolbar. */
    /* padding-top: 54px; */
}

#google_translate_element {
    display: inline-block !important;
    padding: 3px;
    vertical-align: bottom;
}

body > .skiptranslate {
    display: none;
}

body {
    top: 0 !important;
}

/* MEDIA QUERIES */
@media screen and ( min-width: 480px ) {
    header li:last-of-type {
        margin-right: 1rem;
    }

}

@media screen and ( min-width: 1024px ) {

    html {
        font-size: 16px;
    }

    .view-container {
    }

    .content-banner {
        display: block;
    }

    .publication-name {
        margin: 0;
    }

    .overview-extra {
        display: block;
    }

    .nav-header-small {
        display: none;
    }

    .publication-item-container {
        display: inline-block;
        float: right;
        width: calc(100% - 321px);
        padding: 24px;
        margin-top: 0;
    }

    .publication-item-toolbar.large-only {
        display: block;
    }

    .menu {
        display: inline-block;
        /* float: left; */
        position: fixed;
        left: 0;
        width: 320px;
        /* position: sticky; */
        top: 0;
        bottom: 0;
    }

    #navigation .oi {
        display: none;
    }

    span.nav-menu-text {
        display: inline;
    }

    .publication-toc-toolbar.large-only {
        display: block;
    }

    .link-target
    {
        padding: 0 3px;
        margin: 24px -3px;
        border: 1px solid transparent;
    }

        .link-target:focus {
            outline: 2px solid gray;
            border-bottom: none;
        }

    h1.link-target {
        padding: 0;
        margin: 0 0 8px 0;
    }

    .small-only {
        display: none;
    }

    /* not sure why this is necessary */
    li.small-only {
        display: none;
    }

}

@media print {

    body {
        font-size: 11pt;
    }

    p {
    }

    h1, h2, h3, h4, h5 {
    }

    .view-container {
        border: none;
    }

    .publication-item-container {
        display: block;
        margin: 0;
        padding: 0;
    }

    .breadcrumbs-small {
        margin: 0;
        padding: 0;
    }
}