/*
* Footnotes, endnotes and sidenotes * Note: What kramdown creates as .footnotes are actually, in a paged book context, endnotes. */
.footnotes {
margin: 2em 0 0 0; border-top: 1px solid #e9e9e9; color: #555555;
} .footnotes p {
text-indent: 0;
} sup:target {
padding-top: 3.5em; /* Prevents footnote references from disappearing below the fixed nav bar when linked to. */
} .sidenote {
font-family: $font-text-secondary; font-weight: 300; clear: both; float: right; max-width: 10em; min-width: 5em; margin: 0 -12em 0.5em 2em; padding: 0.5em; border-top: 1px solid #eeeeee; text-indent: 0; font-size: 0.8em; font-style: inherit; line-height: 120%; background-color: white;
}
@media only screen and (max-width: 85em) { /* On narrow screens, text wraps around sidenotes */ .sidenote { float: right; position: relative; max-width: 40%; margin: 0 0 0.5em 0.5em; } }
/* If sidenotes are blockquotes, the text will be in a p, so inherit appearance from .sidenote, not p */ .sidenote p {
line-height: inherit; color: inherit;
} /* Some sidenotes are inside boxes and need different margins */ .box .sidenote {
margin-right: -13.25em;
} @media only screen and (max-width: 55em) {
.box .sidenote { margin-right: inherit; }
}
.bottom {} /* Only used for print output, ignored for screen. */