/*
 * Adjustments for Bricks. Loaded after Bricks' own stylesheet, only when Bricks
 * is the parent theme. The templates hold one shortcode or the Post Content
 * element each, so all that is needed here is to let those fill the page.
 *
 * Checked against Bricks after install; see the README.
 */

#brx-header,
#brx-content,
#brx-footer {
	display: block;
	width: 100%;
}

/* Template elements fill the width and add no spacing of their own. */
#brx-header > .brxe-shortcode,
#brx-content > .brxe-shortcode,
#brx-footer > .brxe-shortcode,
#brx-content > .brxe-post-content {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* Page text keeps the editorial measure and gutters from base.css. */
#brx-content > .brxe-post-content.yz-prose {
	max-width: var(--yz-wrap);
	margin: 0 auto;
	padding: 0 var(--yz-gutter) var(--yz-section);
}
#brx-content > .brxe-post-content.yz-article {
	max-width: var(--yz-wrap);
	margin: 0 auto;
	padding: 56px var(--yz-gutter) 0;
}

/* Bricks styles headings and links globally only through Theme Styles; keep
   them empty so the site's type scale applies. These reset the few defaults
   that Bricks ships. */
.yz-bricks :where(h1, h2, h3, h4, h5, h6) {
	font-family: var(--yz-display);
}
.yz-bricks :where(body, p, li, td, th, input, select, textarea, button) {
	font-family: var(--yz-sans);
}