/* TABLE OF CONTENTS
---------------------------------------------------------------------------- */

#jor_table_of_content_desktop_container {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    margin-bottom: 2em;
}

/*
#jor_table_of_content_desktop {
   height: calc(100vh - 220px);
}
*/

.toc {
    overflow-y: auto;
    padding: 0 6px; /* y-padding for focus ring */
}

.toc > .toc-list {
    /* overflow: hidden; */
    position: relative;
}

.toc > .toc-list li {
    list-style: none;
}

.toc-list {
    margin: 0;
    padding: 0;
}

a.toc-link {
    border-left: 2px solid transparent;
    color: var(--jor-table-of-content-link-font-color);
    display: block;
    font-weight: 600;
    padding: 0.25rem 0.625rem;
    text-decoration: none;
}

a.toc-link.is-active-link {
    background-color: var(--jor-table-of-content-link-active-background-color);
    border-left-color: var(--jor-table-of-content-link-active-border-color);
    color: var(--jor-table-of-content-link-active-font-color);
}

a.toc-link:hover {
    color: var(--jor-table-of-content-link-hover-font-color);
    text-decoration: underline;
}

.is-collapsible {
    max-height: 1000px;
    overflow: hidden;
    transition: all 300ms ease-in-out;
}

.is-collapsed {
    max-height: 0;
}

.is-position-fixed {
    position: fixed !important;
    top: 0;
}

a.is-active-link {
    color: #a24a0f;
}

.toc-link::before {
    background-color: #b3b3b3;
    content: ' ';
    display: inline-block;
    height: inherit;
    left: 0;
    margin-top: -8px;
    position: absolute;
    width: 5px;
    transition: background-color 500ms ease-in;
}

.is-active-link::before {
    background-color: #a24a0f;
}


/* Mobile
---------------------------------------------------------------------------- */

.find-on-page-show {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    width: 100%;
    background-color: #106FA2;
    z-index: 1;
}

#find-on-page-selector {
    width: -webkit-fill-available;
    margin: 0.5em 1em;

    font-size: 1.2rem;
    box-sizing: border-box;
    border-radius: .188rem;
    padding: 0.5em 1em;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    color: #074567 !important;
    box-shadow: 0px 2px 2px rgba(7, 69, 103, 0.75);
    cursor: pointer;
}