/* Brentwood Tagline Text — matches the live site's p.tag-line.
 *
 * Body font (Open Sans, set on <p> in the theme customizer), bold, larger than
 * body copy, slightly softened with opacity. Front-end AND editor share this
 * file (registered as the block "style"). Highlighted words get their colour
 * from the per-block --bw-tag-hl custom property (default brand red); see
 * editor.js for the "Highlight" inline format that wraps words in .bw-tag-hl. */

.bw-tagline {
	font-family: inherit; /* body font = Open Sans (theme customizer) */
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.25;
	opacity: .8;
	margin: 0 0 1rem;
}

.bw-tagline:first-child {
	padding-top: 0;
}

@media ( max-width: 768px ) {
	.bw-tagline {
		font-size: 1rem;
		line-height: 1.25;
	}
}

/* Highlighted words: select text and click "Highlight" in the toolbar. The
 * colour is per-block (the "Highlight colour" control writes --bw-tag-hl onto
 * the paragraph); default is brand red. Scoped to .bw-tagline so the format
 * never styles text in other blocks. */
.bw-tagline .bw-tag-hl {
	color: var( --bw-tag-hl, #c8272c );
	font-weight: inherit;
}

/* Links inside a tagline read as highlights too (the live site colours inline
 * tagline links red); keep them in step with the chosen highlight colour. */
.bw-tagline a {
	color: var( --bw-tag-hl, #c8272c );
}