/* compensate for the fixed navbar */
body {
    padding-top: 56px;
}

/* compensate for the fixed navbar */
h1[id]:before, h2[id]:before, h3[id]:before, h4[id]:before, h5[id]:before, h6[id]:before {
    display: block;
    content: "";
    margin-top: -75px;
    height: 75px;
    visibility: hidden;
}

/* fix issue with overlapping "before" block */
h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
    pointer-events: none;
}

h2, h3 {
    margin-top: 2rem;
}

img.card-img-top {
    height: 15vw;
}

.toc-anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}

footer.page-footer {
    background: #F0F0F0;
    padding: 3rem;
    margin-top: 3rem;
    font-size: small;
}

.blockquote{
    border-left: lightgray 4px solid;
    padding-left: 1rem;
}

.border-callout-left {
    border-left: solid 5px;
    padding-left: .5rem;
    border-radius: 5px;
}

pre {
    padding: 1rem;
    background: #fafafa;
}

@media (min-width: 992px) {
    pre {
        padding: 1.5rem;
    }
}

.toc > ul {
    padding-left: 0 !important;
}

.toc ul {
    padding-left: 1rem;
}

.toc-list > .toc-item {
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.toc-list > .toc-item > ul {
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.toc-item {
    list-style: none;
}

.req-card h4, .req-card h5 {
    margin-bottom: 0;
}
.req-card dl {
    margin-bottom: 0;
}
.req-card dd {
    margin-bottom: 0;
}

/* tabs */

.nav-tabs {
    margin-bottom: 1rem;
}

/* clipboard */

.clipboard {
    position: relative;
}

.btn-clipboard {
    position: absolute;
    top: .4rem;
    right: .4rem;
    padding: .25rem .5rem;
    color: #818a91;
    font-size: 85%;
}
.btn-clipboard:hover {
    color: #fff;
    background-color: #007bff;
}
.btn-clipboard:focus {
    box-shadow: none;
}