/*
 * Ziroo 5.1 typography system.
 * Site-wide typography: Manrope, matching the approved new homepage.
 */

:root {
  --font-heading: "Manrope", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-description: "Manrope", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-interface: "Manrope", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-accent: "Manrope", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body,
body.ziroo-site,
body.ziroo-legal-body,
button,
input,
select,
textarea,
p,
li,
td,
th,
label,
small,
a,
.nav,
.button,
.mobile-menu,
.site-footer,
.slack-demo,
.use-case-slack,
.legal-page,
.ziroo-legal-body {
  font-family: var(--font-description) !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body h1 *,
html body h2 *,
html body h3 *,
html body h4 *,
html body h5 *,
html body h6 *,
.hero-copy-centered h1,
.hero-copy-centered h1 *,
.ziroo-hero-heading,
.ziroo-hero-heading *,
.use-case-copy h3,
.use-case-copy h3 *,
.how-flow-copy h3,
.how-flow-copy h3 *,
.final-offer-title,
.final-offer-title *,
.legal-article h1,
.legal-article h1 *,
.legal-article h2,
.legal-article h2 *,
.legal-article h3,
.legal-article h3 *,
.ziroo-business-card h2,
.ziroo-business-card h2 *,
.faq-q,
.faq-q *,
.footer-title,
.footer-title * {
  font-family: var(--font-heading) !important;
  font-style: normal !important;
  font-optical-sizing: auto;
}

.ziroo-hero-line-accent,
.ziroo-business-card h2 span,
.how-it-works-head h2 span,
.final-offer-highlight,
.font-serif-accent {
  font-family: var(--font-accent) !important;
  font-style: normal !important;
}
/* WordPress core/front-end blocks also follow the global Manrope system. */
.wp-site-blocks,.wp-block-group,.wp-block-columns,.wp-block-column,
.wp-block-post-content,.entry-content,.entry-summary,.widget,.widget-area,
.wp-block-button,.wp-block-navigation,.wp-block-query,.wp-block-table,
.wp-block-quote,.wp-block-pullquote,.wp-block-list,.wp-block-details{
  font-family:var(--font-description)!important;
}
.wp-site-blocks h1,.wp-site-blocks h2,.wp-site-blocks h3,.wp-site-blocks h4,.wp-site-blocks h5,.wp-site-blocks h6,
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
  font-family:var(--font-heading)!important;
}