/**
 * Client Contact Form page template (FORM-06).
 *
 * Loaded only on templates/template-client-contact-form.php. GPS-scoped
 * (standards doc 08 Part F):
 *   Page    — body.page-template-template-client-contact-form
 *   Section — #primary (the banner) and #eenergy-ccf (title, intro, form)
 * The form itself is styled by eenergy-forms.css (.ee-form), which loads on
 * every page.
 */


/* Page */

body.page-template-template-client-contact-form {
	--eenergy-ccf-text: #202528;
	--eenergy-ccf-green-text: #587920;
	--eenergy-ccf-measure: 48rem;
}


/* Section: banner */

/* Green text uses the dark green (A11Y-01); the site's #8ab73f is 2.35:1 on white. */
body.page-template-template-client-contact-form #primary .entry-title {
	color: var(--eenergy-ccf-green-text);
}

/* The theme's 2.5rem phone size doesn't fit long words (e.g. "Information") at 320px (LAND-11). */
@media (width < 48em) {
	body.page-template-template-client-contact-form #primary .entry-title {
		font-size: min(2.5rem, 9vw);
	}
}


/* Section: title, intro and form */

body.page-template-template-client-contact-form #eenergy-ccf h2 {
	max-width: var(--eenergy-ccf-measure);
	margin: 0 0 0.75rem;
	color: var(--eenergy-ccf-text);
}

body.page-template-template-client-contact-form #eenergy-ccf > .container > p {
	max-width: var(--eenergy-ccf-measure);
	margin: 0 0 2rem;
	color: var(--eenergy-ccf-text);
	font-size: 1.125rem;
	line-height: 1.6;
}