/**
 * Page: Water Filtration Solutions for Puerto Rico
 *
 * Loaded only on this page by em_enqueue_page_styles(), so no page-scoping
 * selector is needed.
 */

/*
 * Body copy is 18px/30px per the design.
 *
 * main.css sets `.has-medium-font-size { font-size: 1rem !important }` (and
 * 0.9375rem below 850px), which overrides the 1.125rem that theme.json declares
 * for that same size. Beating an !important declaration needs !important back,
 * so the font-size is restated here rather than fought with specificity alone.
 *
 * Scoped to that one class rather than every `p`, so this stays out of the way
 * of blocks that set their own paragraph type (the Icon Callout runs 18px/26px).
 */
.site-content p.has-medium-font-size {
	font-size: 18px !important;
	line-height: 30px;
	margin-bottom: 20px;
}

/*
 * Column headings are 30px/36px.
 *
 * NOTE: this catches all three h2s inside the two columns, including "Why
 * Point-of-Use Filters?" in the main column, which the XD specifies at 45px
 * #212121. To limit this to the two sidebar headings instead, change the
 * selector to `.em-col-4_sm-12 h2`.
 */
.wp-block-emagine-column.nephros-sidebar h2 {
	color: #000fa0;
	font-size: 30px;
	line-height: 36px;
}
 h2.margin-top-extra {
	margin-top: 40px !important;
}
/*
 * Tighter paragraph rhythm inside the two columns.
 *
 * Scoped to .has-medium-font-size so it only affects body copy. The other
 * paragraphs in these columns belong to blocks — Contact Card name/role/email
 * and Icon Callout content — and sit at margin-bottom 0 by design.
 *
 * Specificity is deliberately above the page-wide paragraph rule so this wins
 * regardless of where it sits in the file.
 */
.site-content .nephros-sidebar.wp-block-emagine-column p.has-medium-font-size {
	margin-bottom: 10px;
}
.wp-block-emagine-column h3, .wp-block-emagine-column h2 {
	margin-bottom: 35px;
}
.wp-block-emagine-column h3 {
	font-weight: 500;
}