/* Shared visual type system for Hamilton's public-facing solution pages. */
body.hpi-homepage main [class*="eyebrow"] {
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
}

body.hpi-homepage main h1,
body.hpi-homepage main h2 {
	color: #111a31 !important;
	font-size: 33px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	line-height: 1.25 !important;
}

/* Keep headings legible on the existing dark call-to-action surfaces. */
body.hpi-homepage main .hpi-cta-card h2,
body.hpi-homepage main .hpi-cem-final-cta-card h2,
body.hpi-homepage main .hpi-ifrs-cta-card h2,
body.hpi-homepage main .hpi-about-cta h2,
body.hpi-homepage main .hpi-tel-final h2,
body.hpi-homepage main .hpi-industry-final h2,
body.hpi-homepage main .hpi-contact-final h2 {
	color: #fff !important;
}

/* Every primary red CTA uses the same red as the homepage hero "Explore our solutions" button. */
.hpi-about-button,
.hpi-cem-button,
.hpi-ifrs-button:not(.hpi-ifrs-button--outline),
.hpi-industry-button,
.hpi-tel-button,
.hpi-events-button,
.hpi-events-button:visited,
.hpi-contract-story-button,
.hpi-cta-link,
.hpi-contact-form button,
.hpi-event-registration button {
	background: #FF3B30 !important;
	background-image: none !important;
	border-color: #FF3B30 !important;
}
.hpi-about-button:hover, .hpi-about-button:focus-visible,
.hpi-cem-button:hover, .hpi-cem-button:focus-visible,
.hpi-ifrs-button:not(.hpi-ifrs-button--outline):hover, .hpi-ifrs-button:not(.hpi-ifrs-button--outline):focus-visible,
.hpi-industry-button:hover, .hpi-industry-button:focus-visible,
.hpi-tel-button:hover, .hpi-tel-button:focus-visible,
.hpi-events-button:hover, .hpi-events-button:focus-visible,
.hpi-contract-story-button:hover, .hpi-contract-story-button:focus-visible,
.hpi-cta-link:hover, .hpi-cta-link:focus-visible,
.hpi-contact-form button:hover, .hpi-contact-form button:focus-visible,
.hpi-event-registration button:hover, .hpi-event-registration button:focus-visible {
	background: #FF3B30 !important;
	background-image: none !important;
	border-color: #FF3B30 !important;
}