/* Heading-level corrections.
 *
 * The page heading was <h2 class="title"> and the two header-chrome labels were
 * <h1>, which meant every page told search engines its primary heading was
 * "Social Media". The tags were swapped (page heading -> h1, chrome -> h6) and
 * these rules carry the original styling across, because style.css targets those
 * headings by tag:
 *
 *   h2.title                     -> font-size/line-height for the page heading
 *   .page-title h1               -> uppercase, margin-bottom:0
 *   #social-info .page-title h1  -> border, size, padding
 *   #contact-info .page-title h1 -> size, padding
 *
 * Kept in a separate file on purpose: style.css is an original that
 * bin/import-assets.sh overwrites, which would silently revert an edit made
 * there. Loaded after it, so these win on equal specificity.
 *
 * Verified pixel-identical to the pre-change rendering via headless screenshots.
 */

/* Page heading: was h2.title (23px/25px !important), now h1.title. Without this
   it would inherit the base h1 size of 33px/33px. */
h1.title {
	font-size: 23px !important;
	line-height: 25px !important;
}

/* Header chrome: was <h1>, now <h6 class="page-heading">. Replicates the
   combined effect of `.page-title h1` and the two id-scoped rules. */
#social-info .page-title h6.page-heading {
	border-left: solid 4px #405A5B;
	display: block;
	font-size: 13px;
	line-height: 15px;
	padding-left: 11px;
	margin-bottom: 0;
	text-transform: uppercase;
}

#contact-info .page-title h6.page-heading {
	display: block;
	font-size: 13px;
	line-height: 15px;
	padding-left: 11px;
	margin-bottom: 0;
	text-transform: uppercase;
}