/*
 * About Home Visiting page based on page 3 of HS Website Mockup Rev4.
 * Build: 1.0.8
 */

.chs-hv-main,
.chs-hv-page-wrap,
.chs-hv-entry-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/*
 * Page-scoped preview of the taller top pink header stripe.
 * Once approved site-wide, this same 28px value can move into
 * alternate-mockup.css.
 */
body.page-template-template-about-home-visiting .chs-alt-header-stripe,
body.page-template-template-about-home-visiting-php .chs-alt-header-stripe {
	height: 28px;
}

/*
 * Match the full-width normalization used on the Our Team page.
 * This removes Twenty Sixteen / child-theme width, padding and float rules
 * that can leave a narrow gutter around alignfull blocks.
 */
body.chs-alt-template.page-template-template-about-home-visiting .site-inner,
body.chs-alt-template.page-template-template-about-home-visiting-php .site-inner,
body.chs-alt-template.page-template-template-about-home-visiting .site-content,
body.chs-alt-template.page-template-template-about-home-visiting-php .site-content,
body.chs-alt-template.page-template-template-about-home-visiting .content-area,
body.chs-alt-template.page-template-template-about-home-visiting-php .content-area,
body.chs-alt-template.page-template-template-about-home-visiting .site-main,
body.chs-alt-template.page-template-template-about-home-visiting-php .site-main,
body.chs-alt-template.page-template-template-about-home-visiting .entry-content,
body.chs-alt-template.page-template-template-about-home-visiting-php .entry-content,
body.chs-alt-template.page-template-template-about-home-visiting .chs-hv-main,
body.chs-alt-template.page-template-template-about-home-visiting-php .chs-hv-main,
body.chs-alt-template.page-template-template-about-home-visiting .chs-hv-page-wrap,
body.chs-alt-template.page-template-template-about-home-visiting-php .chs-hv-page-wrap,
body.chs-alt-template.page-template-template-about-home-visiting .chs-hv-entry-content,
body.chs-alt-template.page-template-template-about-home-visiting-php .chs-hv-entry-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	float: none !important;
}

.chs-hv-page {
	--chs-hv-pink: #e84699;
	--chs-hv-green: #7ac142;
	--chs-hv-text: #181818;
	--chs-hv-white: #ffffff;
	--chs-hv-max: 1848px;
	--chs-hv-body: "Livvic", Verdana, Arial, sans-serif;
	--chs-hv-display: "bree", "Livvic", Verdana, Arial, sans-serif;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--chs-hv-text);
	font-family: var(--chs-hv-body) !important;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.32;
}

/* Protect the page typography from Twenty Sixteen and the legacy child-theme rules. */
.chs-hv-page p,
.chs-hv-page a,
.chs-hv-page li,
.chs-hv-page strong {
	font-family: var(--chs-hv-body) !important;
	letter-spacing: 0;
	text-transform: none;
}

.chs-hv-page h1,
.chs-hv-page h2,
.chs-hv-page .wp-block-heading {
	font-family: var(--chs-hv-display) !important;
	font-style: normal !important;
	font-feature-settings: "ss03" 1;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.chs-hv-page h3 {
	font-family: var(--chs-hv-body) !important;
	font-style: normal !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.chs-hv-page a {
	box-shadow: none !important;
	text-decoration: none;
}

.chs-hv-page p,
.chs-hv-page h1,
.chs-hv-page h2,
.chs-hv-page h3,
.chs-hv-page figure,
.chs-hv-page .wp-block-columns,
.chs-hv-page .wp-block-group {
	margin-top: 0;
}

.chs-hv-page figure,
.chs-hv-page .wp-block-image {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* Full-width pink page-title band. */
.chs-hv-titlebar,
.chs-hv-titlebar > .wp-block-group__inner-container {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: none !important;
	min-height: clamp(108px, 8.5vw, 132px);
	margin: 0 !important;
	padding: 14px 28px !important;
	background: var(--chs-hv-pink);
	text-align: center;
}

/* WP may insert this wrapper around Group blocks on the front end. */
.chs-hv-titlebar > .wp-block-group__inner-container {
	min-height: 0;
	padding: 0 !important;
}

.chs-hv-page .chs-hv-titlebar h1 {

	margin: 0 !important;
	color: var(--chs-hv-white) !important;
	font-family: var(--chs-hv-display) !important;
	font-size: clamp(34px, 2.5vw, 48px);
	font-weight: 400 !important;
	line-height: 1.04;
}

/* Main content shell mirrors the wide page-2 grid already used on the site. */
.chs-hv-content-shell {
	width: min(calc(100% - 68px), var(--chs-hv-max));
	max-width: none !important;
	margin: clamp(26px, 1.8vw, 34px) auto 0 !important;
	padding: 0 !important;
}

.chs-hv-content-shell > .wp-block-group__inner-container {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.chs-hv-columns {
	display: grid !important;
	grid-template-columns: minmax(0, 1.55fr) minmax(390px, 1fr);
	gap: clamp(40px, 3.2vw, 62px);
	align-items: start !important;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.chs-hv-columns > .wp-block-column {
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	flex-basis: auto !important;
}

.chs-hv-copy,
.chs-hv-sidebar {
	min-width: 0;
}

.chs-hv-copy > .wp-block-group__inner-container,
.chs-hv-sidebar > .wp-block-group__inner-container,
.chs-hv-benefit > .wp-block-group__inner-container,
.chs-hv-sources > .wp-block-group__inner-container,
.chs-hv-video-card > .wp-block-group__inner-container {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.chs-hv-page .chs-hv-copy h2 {

	margin: 0 0 8px !important;
	color: var(--chs-hv-pink) !important;
	font-family: var(--chs-hv-display) !important;
	font-size: clamp(32px, 2.5vw, 48px);
	font-weight: 600 !important;
	line-height: 1.05;
}

.chs-hv-page .chs-hv-copy > p,
.chs-hv-page .chs-hv-copy > .wp-block-group__inner-container > p,
.chs-hv-page .chs-hv-benefit p,
.chs-hv-page .chs-hv-benefit > .wp-block-group__inner-container > p {

	margin: 0 !important;
	font-family: var(--chs-hv-body) !important;
	font-size: clamp(20px, 1.625vw, 31.2px);
	font-weight: 400 !important;
	line-height: 1.2;
}

.chs-hv-page .chs-hv-copy h2.chs-hv-benefits-heading,
.chs-hv-page .chs-hv-copy > .wp-block-group__inner-container > h2.chs-hv-benefits-heading {
	/* Deliberately outrank the generic .chs-hv-copy h2 rule above. */
	margin-top: clamp(48px, 3.8vw, 68px) !important;
	margin-bottom: clamp(28px, 2.2vw, 40px) !important;
}

.chs-hv-benefit {
	margin: 0 0 clamp(28px, 2.1vw, 40px) !important;
	padding: 0 !important;
}

.chs-hv-page .chs-hv-benefit h3,
.chs-hv-page .chs-hv-benefit > .wp-block-group__inner-container > h3 {

	margin: 0 0 8px !important;
	color: var(--chs-hv-green) !important;
	font-family: var(--chs-hv-display) !important;
	font-size: clamp(24px, 1.875vw, 36px);
	font-weight: 600 !important;
	line-height: 1.08;
}

.chs-hv-page .chs-hv-conclusion,
.chs-hv-page .chs-hv-copy > .wp-block-group__inner-container > .chs-hv-conclusion {

	margin: -15px 0 0 !important;
	font-family: var(--chs-hv-body) !important;
	font-size: clamp(20px, 1.625vw, 31.2px);
	font-weight: 600 !important;
	line-height: 1.2;
}

.chs-hv-page .chs-hv-conclusion strong {
	font-weight: 600 !important;
}

.chs-hv-sources {
	margin: clamp(50px, 3.65vw, 66px) 0 0 !important;
	padding: 0 !important;
}

.chs-hv-page .chs-hv-sources p,
.chs-hv-page .chs-hv-sources > .wp-block-group__inner-container > p {

	margin: 0 0 10px !important;
	font-family: var(--chs-hv-body) !important;
	font-size: clamp(19px, 1.625vw, 31.2px);
	font-weight: 400 !important;
	line-height: 1.2;
}

.chs-hv-page .chs-hv-sources p:first-child,
.chs-hv-page .chs-hv-sources > .wp-block-group__inner-container > p:first-child {
	margin-bottom: 14px !important;
}

.chs-hv-page .chs-hv-sources a,
.chs-hv-page .chs-hv-sources a:visited {
	color: var(--chs-hv-pink) !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.chs-hv-page .chs-hv-sources a:hover,
.chs-hv-page .chs-hv-sources a:focus {
	color: var(--chs-hv-green) !important;
}

/* Right-side photo and video card. */
.chs-hv-sidebar {
	display: block;
}

.chs-hv-main-photo {
	width: 100%;
	margin: 0 0 clamp(18px, 1.25vw, 24px) !important;
	line-height: 0;
}

.chs-hv-main-photo img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.chs-hv-video-card {
	display: block !important;
	overflow: hidden;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 0 10px 10px;
}

.chs-hv-video-image {
	position: relative;
	width: 100%;
	margin: 0 !important;
	margin-block: 0 !important;
	padding: 0 !important;
	line-height: 0;
}

.chs-hv-video-image a {
	position: relative;
	display: block;
	width: 100%;
	line-height: 0;
}

.chs-hv-video-image img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

/* Existing approved white play icon supplied by the client/site. */
.chs-hv-video-image a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: clamp(140px, 13vw, 215px);
	height: clamp(140px, 13vw, 215px);
	background: url("https://www.chsandhsncfcoalitions.org/wp-content/uploads/2026/06/Icons-WatchVideo.png") center / contain no-repeat;
	content: "";
	pointer-events: none;
	transform: translate(-50%, -50%);
}

.chs-hv-page .chs-hv-video-caption {
	margin: 0 !important;
	margin-block: 0 !important;
	background: var(--chs-hv-green);
	text-align: center;
}

.chs-hv-page .chs-hv-video-caption a,
.chs-hv-page .chs-hv-video-caption a:visited {

	display: block;
	padding: clamp(23px, 1.8vw, 29px) 15px;
	background: var(--chs-hv-green) !important;
	color: var(--chs-hv-white) !important;
	font-family: var(--chs-hv-display) !important;
	font-size: clamp(24px, 1.875vw, 36px);
	font-weight: 600 !important;
	line-height: 1.08;
	text-align: center;
	text-decoration: none !important;
}

.chs-hv-page .chs-hv-video-caption a:hover,
.chs-hv-page .chs-hv-video-caption a:focus,
.chs-hv-page .chs-hv-video-caption a:active {
	background: var(--chs-hv-pink) !important;
	color: var(--chs-hv-white) !important;
}

.chs-hv-page .chs-hv-video-image a:focus-visible,
.chs-hv-page .chs-hv-video-caption a:focus-visible {
	outline: 3px solid var(--chs-hv-text);
	outline-offset: 3px;
}

@media (max-width: 1180px) {
	.chs-hv-columns {
		grid-template-columns: minmax(0, 1.45fr) minmax(340px, 0.9fr);
		gap: 38px;
	}

	.chs-hv-page .chs-hv-copy > p,
	.chs-hv-page .chs-hv-copy > .wp-block-group__inner-container > p,
	.chs-hv-page .chs-hv-benefit p,
	.chs-hv-page .chs-hv-benefit > .wp-block-group__inner-container > p,
	.chs-hv-page .chs-hv-conclusion {
		font-size: 20px;
	}
}

@media (max-width: 900px) {
	.chs-hv-content-shell {
		width: min(calc(100% - 40px), 760px);
		margin-top: 32px !important;
	}

	.chs-hv-columns {
		display: block !important;
	}

	.chs-hv-copy,
	.chs-hv-sidebar {
		width: 100% !important;
	}

	.chs-hv-sidebar {
		max-width: 610px;
		margin: 42px auto 0 !important;
	}

	.chs-hv-page .chs-hv-copy > p,
	.chs-hv-page .chs-hv-copy > .wp-block-group__inner-container > p,
	.chs-hv-page .chs-hv-benefit p,
	.chs-hv-page .chs-hv-benefit > .wp-block-group__inner-container > p,
	.chs-hv-page .chs-hv-conclusion {
		font-size: 19px;
	}

	.chs-hv-sources {
		margin-top: 48px !important;
	}
}

@media (max-width: 560px) {
	.chs-hv-titlebar,
	.chs-hv-titlebar > .wp-block-group__inner-container {
		min-height: 82px;
	}

	.chs-hv-page .chs-hv-titlebar h1 {
		font-size: 31px;
	}

	.chs-hv-content-shell {
		width: min(calc(100% - 32px), 560px);
		padding-bottom: 32px !important;
	}

	.chs-hv-page .chs-hv-copy h2 {
		font-size: 30px;
	}

	.chs-hv-page .chs-hv-benefit h3,
	.chs-hv-page .chs-hv-benefit > .wp-block-group__inner-container > h3 {
		font-size: 23px;
	}

	.chs-hv-video-image a::after {
		width: 92px;
		height: 92px;
	}

	.chs-hv-page .chs-hv-video-caption a {
		font-size: 19px;
	}
}


/* 1.0.8 — lock the research-summary spacing to the actual block structure.
   The final .chs-hv-benefit has its own bottom margin, so changing only the
   conclusion paragraph margin barely changed the visible gap. */
.chs-hv-page .chs-hv-benefit:has(+ .chs-hv-conclusion) {
	margin-bottom: 12px !important;
}

.chs-hv-page .chs-hv-benefit + .chs-hv-conclusion,
.chs-hv-page .chs-hv-copy > .wp-block-group__inner-container > .chs-hv-benefit + .chs-hv-conclusion {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.chs-hv-page .chs-hv-conclusion + .chs-hv-sources,
.chs-hv-page .chs-hv-copy > .wp-block-group__inner-container > .chs-hv-conclusion + .chs-hv-sources {
	margin-top: clamp(58px, 4vw, 72px) !important;
}