/* CHAPTER NAV STYLE */
.page-nav ol {
    counter-reset: item;
    padding-left: 0;
}

.page-nav ol ol {
    padding-left: 10px;
}

.page-nav li {
    display: block;
}

.page-nav li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    color: #0f4687;
    font-weight: 600;
}

/* TOC STYLE */
.page-toc ul {
    list-style: none;
    counter-reset: item;
    padding-left: 0;
}

.page-toc ul ul {
    padding-left: 10px;
}

.page-toc li {
    color: #1d4782;
    /*font-weight: bold;*/
}

/* TODO: add bold for current #fragment */
.page-toc a:target {
    font-weight: bold;
}

/* REST */
.page-content img, .page-content video {
    max-width: 100%;
    padding: 5px;
    border: 1px solid lightgrey;
    border-radius: 2px;
}

.page-content {
    color: #24292e;
}

.page-content figcaption {
    font-style: italic;
    font-weight: bold;
}

.dbg {
    border: 1px dashed red;
}

a {
    /*font-style: italic;*/
    text-decoration: none;
    color: #0f4687
}

a:visited {
    font-weight: normal;
    text-decoration: none;
    color: #121834

}

a:hover {
    text-decoration: underline;
    text-decoration-color: #1d4782;
}

.page-content blockquote {
    border-left: .25em solid #e0e3e6;
    color: #6a737d;
    padding: 0 1em;
}


.page-content pre {
    background: #f6f8fa;
}


.indigo {
    color: #1d4782
}

.dropdown-item:active {
    background: #1d4782;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
    /*line-height: 1.6;*/
    /*font-family: 'Arial', serif;*/
    font-family: 'Open Sans', 'Arial';
    /*font-weight: bold;*/
    color: #1d4782;
}

main h1{
}


.page-content p {
    margin-bottom: 20px;
}

.page-content .marker, .hl {
    background: yellow;
}

.navbar .dropdown-menu {
    z-index: 10000;
}