/* ========================================================= Lifeline — Site‑Wide Typography + Nav Override (drop‑in) Place AFTER css/style.css and css/responsive.css on every page. This keeps your theme but makes the whole site one font (Lato) and slightly smaller for a cleaner, consistent look. ========================================================= */ :root{ --llcf-text-size: 13.5px; /* base body size (was 16px) */ --llcf-text-line: 24px; /* base body line-height (was 26px) */ --llcf-head-weight: 800; /* bold headings for Lato */ } /* 1) Body – one font + smaller */ html{ font-size: 100%; } /* keep zoom predictable */ body{ font-family: 'Lato',sans-serif !important; font-size: var(--llcf-text-size) !important; line-height: var(--llcf-text-line) !important; } /* 2) Headings – switch to Lato, remove italics, modest downsize */ h1, h2, h3, h4, h5, h6, .section-title, .title2, .page-title{ font-family: 'Lato',sans-serif !important; font-style: normal !important; font-weight: var(--llcf-head-weight); letter-spacing: .2px; color: #333; margin-top: 0; margin-bottom: 12px; } /* Sizes (about ~10–20% smaller than theme defaults) */ h1, .page-title { font-size: 44px !important; line-height: 52px !important; } h2, .section-title, .title2 { font-size: 36px !important; line-height: 44px !important; } h3 { font-size: 28px !important; line-height: 38px !important; } h4 { font-size: 22px !important; line-height: 32px !important; } h5 { font-size: 18px !important; line-height: 28px !important; } h6 { font-size: 15px !important; line-height: 24px !important; } /* Breadcrumbs banner title (that big top strip) */ .breadcrumbs-wrap, .breadcrumbs-wrap.style-2, .breadcrumbs-wrap.align-center, .breadcrumbs-wrap.style-2.align-center{ padding-top: 40px !important; padding-bottom: 30px !important; } .breadcrumbs-wrap .page-title{ font-size: 40px !important; line-height: 48px !important; margin-bottom: 6px !important; } .breadcrumbs-wrap .breadcrumbs{ font-size: 15px !important; margin-top: 2px !important; } /* 3) Main navigation – keep from wrapping and look tighter */ .main-navigation > ul{ gap: 18px; } .main-navigation > ul > li{ margin: 0 !important; } .main-navigation > ul > li > a{ font-family: 'Lato',sans-serif !important; font-size: 13.5px !important; /* smaller menu */ line-height: 18px !important; letter-spacing: .04em; white-space: nowrap; /* prevent multi-line labels */ text-transform: uppercase; } /* 4) Form placeholders stay Lato */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-moz-placeholder, textarea::-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder{ font-family: 'Lato',sans-serif !important; } /* 5) Responsive trims so nothing looks huge on phones */ @media (max-width: 992px){ h1, .page-title { font-size: 36px !important; line-height: 44px !important; } h2, .section-title, .title2 { font-size: 30px !important; line-height: 38px !important; } h3 { font-size: 24px !important; line-height: 34px !important; } } @media (max-width: 480px){ h1, .page-title { font-size: 32px !important; line-height: 40px !important; } h2, .section-title, .title2 { font-size: 26px !important; line-height: 34px !important; } h3 { font-size: 22px !important; line-height: 30px !important; } }