/* Keep the header in document flow, with no jump when scrolling. */
body > .site-header {
    position: sticky;
    top: 0;
    z-index: 250;
    background: #1b1d1b;
}
body.admin-bar > .site-header { top: 32px; }
html { scroll-padding-top: 120px; }
body > .skip-link { z-index: 300; }
@media (max-width: 782px) {
    body.admin-bar > .site-header { top: 46px; }
}
@media (max-width: 700px) {
    html { scroll-padding-top: 104px; }
    body.admin-bar .site-header .navigation { top: 46px; }
}
/* WordPress's mobile admin bar scrolls with the page at this width. */
@media (max-width: 600px) {
    body.admin-bar > .site-header { top: 0; }
    body.admin-bar .site-header .navigation { top: 0; }
}
@media print {
    body > .site-header { position: static; }
}