/*
 * Everything this rebuild adds on top of the vendored Twenty Seventeen
 * stylesheet. Loaded last, and deliberately short: the theme is unmodified, so
 * every difference from the live site is visible here rather than buried in a
 * 4,000-line diff.
 *
 * Three of the four rules below only exist because WordPress emitted the
 * equivalent as an inline `style` attribute, which the Content-Security-Policy
 * in public/_headers forbids.
 */

/* The inline SVG symbol sheet in the page footer. Was: style="position:absolute;..." */
.svg-sprite {
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
}

/* The sidebar photo. Was: style="max-width: 100%; height: auto;" on the <img>. */
.widget_media_image img {
	height: auto;
	max-width: 100%;
}

/*
 * DEVIATION — the theme's own footer credit is gone.
 * WordPress printed "Proudly powered by WordPress" in .site-info, which stops
 * being true the moment this deploys. The replacement sits in the same slot and
 * inherits the theme's typography; only the words changed.
 */
.site-info a {
	text-decoration: none;
}

/*
 * Twenty Seventeen's global.js measures the top navigation at load and pushes
 * the header down by exactly that height — on .site-branding for the blog
 * front page, on .custom-header everywhere else — so that the bar has somewhere
 * to sit once the script makes it sticky. With no JavaScript the measurement
 * never runs and both pages sit 23px off from the live site.
 *
 * Reproduced as a constant, which is safe here for a specific reason: this
 * build's nav bar has no menu items, so its height is the theme's own
 * 1px + 21px line box + 1px borders and cannot vary with content. ADDING MENU
 * ITEMS WOULD MAKE THIS NUMBER WRONG — re-measure .navigation-top if that
 * ever happens.
 *
 * Scoped to the theme's own 48em breakpoint, because below it the script sets
 * both margins back to zero.
 */
@media screen and (min-width: 48em) {
	.home.blog.has-header-image .site-branding {
		margin-bottom: 23px;
	}

	.has-header-image:not(.home) .custom-header {
		margin-bottom: 23px;
	}
}

/*
 * DEVIATION — the header image is not parallaxed.
 * Twenty Seventeen's global.js pins the header image with position:fixed while
 * you scroll, and re-runs a measurement pass that adds a bottom margin to
 * .custom-header equal to the nav bar's height. With no JavaScript, neither
 * happens: the image scrolls with the page and interior pages sit a couple of
 * dozen pixels higher than they do on the live site. Both are cosmetic, and
 * paying for them would mean shipping jQuery to a blog with one post.
 *
 * The nav bar itself needs no help — it is position:relative in the theme's own
 * stylesheet, and only becomes sticky when that same script adds a class.
 */