/*
Theme Name: Witham Community First Responders
Author: Steven Hardy
Author URI: https://www.add-digital.co.uk
Description: A blank starter theme for Witham Community First Responders.
Version: 1.5
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: witham-community-first-responders
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	--green: #00512d;
	--green-deep: #003f25;
	--green-ink: #073e27;
	--yellow: #ffdc00;
	--red: #c91a20;
	--paper: #fcfbf9;
	--ink: #17221c;
	--muted: #4d554f;
	--rule: #dce4de;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	color: var(--ink);
	background: var(--paper);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.42;
}

img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.page-shell { width: min(100% - 56px, 1280px); margin: 0 auto; }
.section { padding: 48px 0; }
.align-center { text-align: center; }

h1, h2, h3, p { margin: 0; }
h1, h2, h3, .button, .stats strong, .process-step h3, .brand__name {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	text-transform: uppercase;
}

h2 { color: var(--green-ink); font-size: clamp(23px, 2.15vw, 34px); font-weight: 800; line-height: 1.05; }

/* Header */
.site-header { height: 70px; display: flex; align-items: center; background: #fff; position: relative; z-index: 10; box-shadow: 0 1px 7px rgba(0,0,0,.05); }
.site-header__inner { height: 100%; display: flex; align-items: center; gap: 26px; }
.brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; color: var(--green); }
.brand__mark { width: 45px; height: 42px; flex: 0 0 auto; }
.brand__mark svg { width: 100%; height: 100%; overflow: visible; }
.brand__mark path:first-child { fill: var(--green); }
.brand__mark path + path { fill: none; stroke: #fff; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.brand__name { font-size: 15px; font-weight: 800; line-height: .92; letter-spacing: -.4px; }
.primary-navigation { margin-left: auto; }
.primary-navigation ul { display: flex; align-items: center; gap: 22px; padding: 0; margin: 0; list-style: none; white-space: nowrap; }
.primary-navigation a { color: #062e1e; font-size: 12px; font-weight: 700; }
.primary-navigation a:hover { color: #148142; }
.primary-navigation a.is-active { color: #087a3c; position: relative; }
.primary-navigation a.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -17px; height: 2px; background: #168143; }
.header-contact { display: inline-flex; justify-content: center; align-items: center; padding: 12px 20px; border-radius: 3px; background: var(--green); color: white; font-size: 12px; font-weight: 800; white-space: nowrap; }
.menu-toggle { display: none; }

/* Buttons */
.button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 8px; padding: 11px 18px; border: 0; border-radius: 3px; background: var(--green); color: #fff; font-size: 13px; font-weight: 800; line-height: 1; letter-spacing: .05px; transition: transform .18s ease, background .18s ease; }
.button:hover { background: #08743d; transform: translateY(-1px); }
.button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.button--yellow { background: var(--yellow); color: #062c1c; }
.button--yellow:hover { background: #ffe34a; }
.button--light { background: #fff; color: var(--green); }
.button--light:hover { background: #f1f5f2; }

/* Hero */
.hero { min-height: 503px; position: relative; display: flex; align-items: center; overflow: hidden; background: #102118; }
.hero__image, .hero__veil { position: absolute; inset: 0; }
.hero__image { background-position: center 49%; background-repeat: no-repeat; background-size: cover; filter: saturate(.96) contrast(1.04); }
.hero__veil { background: linear-gradient(90deg, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .59) 31%, rgba(0, 0, 0, .1) 59%, rgba(0,0,0,0) 100%); }
.hero__content { position: relative; padding: 50px 0 48px; color: white; }
.hero h1 { max-width: 525px; font-size: clamp(40px, 4.55vw, 68px); font-weight: 900; line-height: .96; letter-spacing: -.9px; }
.hero h1 span { display: block; color: var(--yellow); margin-top: 8px; }
.hero p { max-width: 450px; margin-top: 26px; color: #fff; font-size: 16px; line-height: 1.5; }
.button-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 27px; }

/* Emergency bar */
.urgent-notice { background: linear-gradient(90deg, #bd131b, #d51b21); color: #fff; }
.urgent-notice > div { min-height: 92px; display: flex; align-items: center; justify-content: center; gap: 20px; padding: 17px 0; }
.urgent-notice svg { width: 34px; height: 34px; flex: 0 0 auto; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.urgent-notice p { max-width: 1030px; font-size: 14px; line-height: 1.4; }

/* Call process */
.callout-process { background: #fff; padding-top: 42px; padding-bottom: 43px; }
.callout-process h2, .capabilities h2, .news h2 { text-align: center; }
.process-list { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: start; gap: 12px; margin-top: 30px; }
.process-step { min-width: 0; text-align: center; }
.process-step__icon { width: 78px; height: 78px; border: 6px solid #e8edeb; box-shadow: 0 1px 2px #d2d7d5; display: grid; place-items: center; margin: 0 auto 12px; border-radius: 50%; color: var(--green); }
.process-step__icon svg { width: 47px; height: 47px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; }
.process-step__icon b { font-family: Arial, sans-serif; font-size: 19px; letter-spacing: -.5px; }
.process-step h3 { color: var(--green-ink); font-size: 12px; line-height: 1; font-weight: 800; }
.process-step p { margin: 11px auto 0; max-width: 145px; font-size: 12px; line-height: 1.27; }
.process-arrow { padding-top: 24px; color: #75a38c; font-size: 30px; line-height: 1; }

/* Statistics */
.stats { color: #fff; background: radial-gradient(circle at 50% -150%, #087941 0%, var(--green) 43%, #004025 100%); }
.stats__inner { min-height: 190px; display: grid; grid-template-columns: repeat(4, 1fr); }
.stats article { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 22px 16px; text-align: center; border-right: 1px solid rgba(255,255,255,.12); }
.stats article:last-child { border-right: 0; }
.stats svg { width: 49px; height: 49px; margin-bottom: 7px; fill: none; stroke: var(--yellow); stroke-width: 2.7; stroke-linecap: round; stroke-linejoin: round; }
.stats strong { color: var(--yellow); font-size: 42px; line-height: 1; font-weight: 800; }
.stats span { margin-top: 8px; font-size: 15px; line-height: 1.18; }

/* About */
.about { background: #fff; }
.about__grid { display: grid; grid-template-columns: .93fr 1.8fr; align-items: center; gap: 55px; }
.about__copy { padding-left: 28px; }
.about__copy h2 { font-size: clamp(26px, 2.5vw, 38px); }
.about__copy p { max-width: 310px; margin-top: 22px; font-size: 15px; line-height: 1.42; }
.about__copy .button { margin-top: 21px; }
.about__photo { min-height: 355px; overflow: hidden; }
.about__photo img { height: 355px; width: 100%; object-fit: cover; object-position: center 48%; }

/* Capabilities */
.capabilities { padding-top: 34px; padding-bottom: 30px; background: #fcfcfb; border-top: 1px solid #edf0ed; }
.capability-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-top: 28px; }
.capability-grid article { text-align: center; }
.capability-grid svg { width: 52px; height: 52px; fill: none; stroke: var(--green); stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
.capability-grid h3 { margin-top: 7px; color: var(--green-ink); font-size: 13px; font-weight: 800; line-height: 1.18; text-transform: none; }
.capability-intro { margin-top: 27px; text-align: center; font-size: 15px; }
.capability-close { display: block; margin-top: 7px; color: var(--green-ink); font-family: "Arial Narrow", Arial, sans-serif; text-transform: uppercase; font-size: 16px; letter-spacing: .25px; text-align: center; }

/* Support cards */
.support { padding-top: 0; padding-bottom: 0; background: #fcfcfb; }
.support-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.support-card { min-height: 212px; display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 12px; padding: 20px 24px; border-radius: 4px; }
.support-card--green { background: linear-gradient(135deg, #007238, #005026); color: #fff; }
.support-card--yellow { background: linear-gradient(135deg, #ffe500, #fed300); color: #08351f; }
.support-card > svg { width: 66px; height: 66px; align-self: start; margin-top: 3px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.support-card h2 { color: currentColor; font-size: 27px; line-height: .94; }
.support-card p { min-height: 48px; margin: 12px 0 12px; font-size: 14px; line-height: 1.28; }
.support-card .button { min-height: 36px; padding: 9px 15px; font-size: 12px; }

/* News */
.news { padding-top: 32px; padding-bottom: 39px; background: #fff; }
.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-top: 22px; }
.news-card { display: grid; grid-template-columns: 150px 1fr; min-height: 165px; overflow: hidden; position: relative; background: #fff; border: 1px solid #dfe4e1; border-radius: 5px; box-shadow: 0 3px 8px rgba(17, 47, 30, .08); }
.news-card img { width: 150px; height: 165px; object-fit: cover; }
.news-card:nth-child(1) img { object-position: 60% 48%; }
.news-card:nth-child(2) img { object-position: 38% 30%; }
.news-card:nth-child(3) img { object-position: 88% 47%; }
.news-card > div { padding: 14px 24px 13px 15px; }
.news-card h3 { color: #132b1f; font-size: 15px; font-weight: 800; line-height: 1.02; }
.news-card p { margin-top: 11px; font-size: 12px; line-height: 1.25; }
.news-card a { display: inline-block; margin-top: 10px; color: var(--green); font-size: 12px; font-weight: 700; }
.news-card a b { font-size: 16px; }
.card-close { position: absolute; right: 11px; top: 7px; color: #4d7761; font-size: 18px; }
.news .align-center { margin-top: 21px; }

/* Footer */
.site-footer { background: radial-gradient(circle at 50% 0, #087643, #004426 68%, #00391f); color: white; }
.footer-main { display: grid; grid-template-columns: 1.35fr .9fr 1.5fr 1.2fr 1.15fr; gap: 32px; padding: 38px 0 30px; }
.brand--footer { color: white; }
.brand--footer .brand__mark path:first-child { fill: white; }
.brand--footer .brand__mark path + path { stroke: var(--green); }
.brand--footer .brand__name { font-size: 17px; }
.footer-brand p { margin-top: 15px; font-size: 13px; line-height: 1.3; }
.site-footer h3 { margin-bottom: 15px; color: #fff; font-size: 14px; font-weight: 800; }
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer li, .site-footer p { font-size: 13px; line-height: 1.6; }
.site-footer li a:hover { color: var(--yellow); }
.social-links { display: flex; gap: 10px; margin-top: 18px; }
.social-links a { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.84); color: var(--green); font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; }
.contact-list { margin-bottom: 12px !important; }
.nhs-credit { line-height: 1.23 !important; }
.nhs-credit strong { color: #fff; font-size: 13px; }
.nhs-wordmark { display: inline-block; margin-top: 5px; padding: 0 4px; background: #fff; color: #2869ac; font-family: Arial, sans-serif; font-size: 22px; font-weight: 900; font-style: italic; line-height: 21px; letter-spacing: -2px; }
.footer-donate .button { margin-top: 15px; }
.footer-bottom { background: rgba(0, 41, 23, .48); border-top: 1px solid rgba(255,255,255,.13); }
.footer-bottom .page-shell { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 18px; font-size: 10px; }
.footer-bottom span:last-child { display: flex; gap: 16px; }
.footer-bottom a:hover { color: var(--yellow); }

/* What we do page */
.what-we-do-page { --wwd-green:#00532d; --wwd-dark:#003b22; --wwd-yellow:#ffd000; color:#0b1710; background:#fff; }
.what-we-do-page h2,.what-we-do-page h3 { font-family:"Arial Narrow",Arial,sans-serif; font-weight:900; text-transform:uppercase; }
.wwd-hero { height:378px; position:relative; overflow:hidden; background:#07130c; color:#fff; }
.wwd-reference-bg { position:absolute; inset:0; background-image:url('assets/images/what-we-do-hero.png') !important; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.wwd-hero__inner { height:100%; position:relative; display:flex; align-items:center; justify-content:space-between; }
.wwd-hero__copy { width:430px; padding-left:12px; }
.wwd-eyebrow { display:inline-block; padding-bottom:5px; border-bottom:2px solid #29994e; color:#42b961; font-family:"Arial Narrow",Arial,sans-serif; font-size:18px; font-weight:900; line-height:1; text-transform:uppercase; }
.wwd-hero h1 { margin-top:13px; font-size:43px; line-height:1.05; font-weight:900; letter-spacing:-1.5px; }
.wwd-hero__copy h2 { margin-top:19px; color:var(--wwd-yellow); font-size:16px; line-height:1.45; text-transform:none; }
.wwd-hero__copy>p:last-child { margin-top:18px; font-size:12px; line-height:1.7; }
.wwd-hero__facts { width:194px; margin-right:-2px; padding:20px 19px; border-radius:8px; background:rgba(0,76,41,.91); }
.wwd-hero__facts article { display:grid; grid-template-columns:37px 1fr; gap:9px; margin-bottom:24px; }
.wwd-hero__facts article:last-child { margin-bottom:0; }
.wwd-hero__facts svg { width:35px; height:35px; fill:none; stroke:#fff; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.wwd-hero__facts strong,.wwd-hero__facts span { display:block; }
.wwd-hero__facts strong { font-size:12px; line-height:1.25; }
.wwd-hero__facts span { margin-top:6px; font-size:10px; line-height:1.55; }
.wwd-how { padding:27px 0 39px; text-align:center; }
.wwd-how h2 { color:var(--wwd-dark); font-size:20px; line-height:1; }
.wwd-how>i { display:block; width:38px; height:2px; margin:11px auto 20px; background:#3c9b5c; }
.wwd-steps { display:grid; grid-template-columns:repeat(6,1fr auto) 1fr; align-items:start; }
.wwd-step__icon { width:64px; height:64px; position:relative; display:grid; place-items:center; margin:auto; border-radius:50%; background:radial-gradient(circle at 35% 28%,#08733d,#003e22 72%); color:#fff; }
.wwd-step__icon svg { width:43px; height:43px; fill:none; stroke:currentColor; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.wwd-step__icon b { width:27px; height:27px; position:absolute; left:-6px; bottom:-7px; display:grid; place-items:center; border-radius:50%; background:var(--wwd-yellow); color:#082819; font-size:13px; }
.wwd-step h3 { margin-top:22px; color:var(--wwd-dark); font-size:11px; line-height:1; }
.wwd-step p { margin-top:10px; font-size:9px; line-height:1.55; }
.wwd-arrow { padding-top:20px; color:#afc7b7; font-size:28px; line-height:1; }
.wwd-details { padding:29px 0 8px; background:linear-gradient(110deg,#fbfcfa,#f4f7f2); }
.wwd-details__grid { display:grid; grid-template-columns:1.4fr 1fr; gap:30px; }
.wwd-can { padding-left:14px; }
.wwd-can h2,.wwd-numbers h2,.wwd-know h2 { color:var(--wwd-dark); font-size:19px; }
.wwd-intro { margin-top:12px; font-size:11px; line-height:1.55; }
.wwd-skills { display:grid; grid-template-columns:1fr 1fr; gap:28px 22px; margin-top:23px; }
.wwd-skills article { display:grid; grid-template-columns:56px 1fr; align-items:center; gap:11px; }
.wwd-skills article>span { width:55px; height:55px; display:grid; place-items:center; border-radius:50%; background:#e5ede4; color:var(--wwd-green); }
.wwd-skills svg { width:36px; height:36px; fill:currentColor; stroke:currentColor; stroke-width:1.6; }
.wwd-skills h3 { color:var(--wwd-dark); font-size:11px; line-height:1.1; }
.wwd-skills p { margin-top:5px; font-size:10px; line-height:1.45; }
.wwd-treatment { height:254px; border-radius:6px; background-image:url('assets/images/what-we-do-reference.png'); background-position:-607px -767px; background-size:1024px 1536px; background-repeat:no-repeat; }
.wwd-trained { min-height:119px; display:grid; grid-template-columns:48px 1fr; gap:10px; align-items:start; margin-top:11px; padding:17px 20px; border-radius:6px; background:linear-gradient(135deg,#006134,#004424); color:#fff; }
.wwd-trained>b { color:var(--wwd-yellow); font-size:38px; line-height:1; }
.wwd-trained h3 { color:var(--wwd-yellow); font-size:14px; }
.wwd-trained p { margin-top:4px; font-size:10px; line-height:1.5; }
.wwd-panels { display:grid; grid-template-columns:1.42fr 1fr; gap:20px; margin-top:18px; }
.wwd-numbers { padding:15px 22px 18px; border-radius:7px; background:linear-gradient(110deg,#00552e,#003d22); color:#fff; }
.wwd-numbers h2 { color:#fff; }
.wwd-numbers>div { display:grid; grid-template-columns:repeat(4,1fr); margin-top:17px; }
.wwd-numbers article { display:flex; flex-direction:column; align-items:center; padding:0 10px; border-right:1px solid rgba(48,192,100,.35); text-align:center; }
.wwd-numbers article:last-child { border:0; }
.wwd-numbers svg { width:39px; height:39px; fill:none; stroke:#fff; stroke-width:2.4; }
.wwd-numbers strong { margin-top:8px; color:var(--wwd-yellow); font-family:"Arial Narrow",Arial,sans-serif; font-size:29px; line-height:1; }
.wwd-numbers span { margin-top:9px; font-size:10px; line-height:1.4; }
.wwd-know { position:relative; padding:21px 20px; border-radius:7px; background:linear-gradient(110deg,#eef2eb,#f8faf7); }
.wwd-know__heart { width:75px; height:75px; position:absolute; right:23px; top:18px; fill:var(--wwd-green); stroke:#fff; stroke-width:2; }
.wwd-know ul { padding:0; margin:13px 0 0; list-style:none; }
.wwd-know li { position:relative; margin:0 0 11px 25px; font-size:10px; }
.wwd-know li::before { content:'✓'; width:18px; height:18px; position:absolute; left:-25px; top:-2px; display:grid; place-items:center; border-radius:50%; background:#08743d; color:#fff; font-weight:800; }
.wwd-emergency { min-height:85px; display:grid; grid-template-columns:52px 1fr 146px 151px; gap:14px; align-items:center; margin-top:14px; padding:12px 19px; border-radius:7px; background:linear-gradient(90deg,#be1018,#d31a20); color:#fff; }
.wwd-emergency>svg { width:46px; height:46px; fill:none; stroke:#fff; stroke-width:3; }
.wwd-emergency h2 { color:#fff; font-size:13px; text-transform:none; }
.wwd-emergency p { margin-top:4px; font-size:9px; line-height:1.5; }
.wwd-call { height:54px; display:flex; align-items:center; justify-content:center; gap:10px; border-radius:5px; font-size:28px; }
.wwd-call span { display:flex; flex-direction:column; font-size:11px; line-height:1.1; }
.wwd-call small { margin-top:3px; font-size:9px; }
.wwd-call--999 { background:#b91118; }
.wwd-call--111 { background:#0759ba; }
.wwd-support { min-height:64px; display:grid; grid-template-columns:72px 1fr 175px; align-items:center; margin-top:8px; padding:8px 35px; border:1px solid #e3e8e3; border-radius:7px; background:#fff; }
.wwd-support__icon { color:var(--wwd-green); font-size:42px; }
.wwd-support h2 { color:var(--wwd-green); font-size:14px; }
.wwd-support p { margin-top:3px; font-size:10px; }
.wwd-support>a { display:flex; justify-content:center; gap:28px; padding:11px 15px; border-radius:4px; background:#00582f; color:#fff; font-size:11px; font-weight:800; }
.home-what-link { margin-top:28px; }

@media (min-width:1025px) { .wwd-treatment { background-image:url('assets/images/fundraising-goal.png'); background-size:cover; background-position:center; } }
@media (max-width:900px) { .wwd-steps { grid-template-columns:repeat(4,1fr); gap:28px 15px; } .wwd-arrow { display:none; } .wwd-details__grid,.wwd-panels { grid-template-columns:1fr; } .wwd-feature { display:grid; grid-template-columns:1.5fr 1fr; gap:12px; } .wwd-trained { height:254px; margin:0; } .wwd-emergency { grid-template-columns:48px 1fr 130px; } .wwd-call--111 { grid-column:3; } }
@media (max-width:620px) { .wwd-hero { height:auto; min-height:590px; } .wwd-reference-bg { background-image:url('assets/images/responder-hero.png'); background-position:65% center; background-size:cover; opacity:.62; } .wwd-reference-bg::after { content:''; position:absolute; inset:0; background:rgba(0,0,0,.45); } .wwd-hero__inner { align-items:flex-start; padding:40px 0; } .wwd-hero__copy { width:100%; padding:0; } .wwd-hero h1 { font-size:38px; } .wwd-hero__copy br { display:none; } .wwd-hero__facts { display:none; } .wwd-steps { grid-template-columns:1fr 1fr; } .wwd-skills { grid-template-columns:1fr; } .wwd-feature { grid-template-columns:1fr; } .wwd-treatment { background-image:url('assets/images/fundraising-goal.png'); background-size:cover; background-position:center; } .wwd-trained { height:auto; } .wwd-numbers>div { grid-template-columns:1fr 1fr; gap:25px 0; } .wwd-numbers article:nth-child(2) { border:0; } .wwd-know__heart { opacity:.2; } .wwd-emergency { grid-template-columns:42px 1fr; padding:16px; } .wwd-emergency .wwd-call { grid-column:auto; } .wwd-support { grid-template-columns:55px 1fr; padding:12px; } .wwd-support>a { grid-column:1/-1; } }

/* Support us page */
.support-us-page { background: #fff; color: #111; }
.su-hero { min-height: 503px; position: relative; display: flex; align-items: center; overflow: hidden; background: #07150d; }
.su-hero__image { position: absolute; inset: 0; background-position: center 43%; background-size: cover; }
.su-hero__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.48) 36%, rgba(0,0,0,.04) 62%); }
.su-hero__content { position: relative; padding-top: 50px; padding-bottom: 48px; color: #fff; }
.su-eyebrow { display: inline-block; padding-bottom: 6px; border-bottom: 3px solid #208e44; color: #45bd60; font-family: "Arial Narrow", Arial, sans-serif; font-weight: 900; font-size: 23px; line-height: 1; text-transform: uppercase; }
.su-hero h1 { max-width: 690px; margin-top: 14px; font-size: clamp(40px, 4.55vw, 68px); line-height: .96; font-weight: 900; letter-spacing: -.9px; }
.su-hero h1 span { color: #ffcf00; }
.su-hero__lead { margin-top: 26px; color: #ffe000; font-size: 18px; line-height: 1.4; font-weight: 800; }
.su-hero__copy { margin-top: 22px; font-size: 15px; line-height: 1.5; }
.su-emergency { min-height: 96px; position: relative; z-index: 2; display: grid; grid-template-columns: 66px 1fr auto; gap: 16px; align-items: center; margin-top: -45px; padding: 20px 30px; border-radius: 7px; background: linear-gradient(100deg,#f4f7f3,#fff 70%,#eef2ef); box-shadow: 0 3px 12px rgba(0,0,0,.05); }
.su-emergency__round { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: #075c31; color: #fff; }
.su-emergency svg { width: 34px; height: 34px; fill: currentColor; stroke: currentColor; stroke-width: 1.7; }
.su-emergency p { color: #111; font-size: 12.5px; line-height: 1.52; }
.su-emergency p strong { color: #073c24; font-size: 13.5px; }
.su-emergency__actions { display: flex; gap: 9px; }
.su-call { width: 138px; height: 57px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 5px; color: #fff; }
.su-call--999 { background: linear-gradient(135deg,#d52026,#bd1117); }
.su-call--111 { background: linear-gradient(135deg,#1671d2,#0750af); }
.su-call svg { width: 30px; height: 30px; }
.su-call span { display: flex; flex-direction: column; line-height: 1.05; }
.su-call b { font-size: 13px; }
.su-call small { margin-top: 4px; font-size: 10px; }
.su-triangle { width: 35px; height: 29px; display: grid; place-items: end center; position: relative; z-index: 1; font-size: 11px !important; color: #1559aa; }
.su-triangle::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #fff; clip-path: polygon(50% 0,100% 100%,0 100%); }
.su-content { padding-top: 58px; padding-bottom: 54px; }
.su-heading { text-align: center; }
.su-heading h2, .su-section-title, .su-goal h2, .su-thanks h2, .su-final h2 { color: #064322; font-size: 22px; line-height: 1; font-weight: 900; }
.su-heading p { margin-top: 15px; font-size: 13.5px; line-height: 1.45; }
.su-impact { display: grid; grid-template-columns: repeat(5,1fr); margin-top: 36px; }
.su-impact article { min-width: 0; padding: 0 26px; text-align: center; border-right: 1px solid #dce3de; }
.su-impact article:last-child { border-right: 0; }
.su-icon { width: 69px; height: 69px; display: grid; place-items: center; margin: 0 auto 10px; border-radius: 50%; background: radial-gradient(circle at 35% 28%,#08743b,#004523 72%); color: #fff; }
.su-icon svg { width: 43px; height: 43px; fill: currentColor; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.su-icon--yellow svg { color: #ffd400; }
.su-impact h3, .su-ways h3 { color: #064322; font-family: "Arial Narrow",Arial,sans-serif; font-size: 13px; line-height: 1.1; font-weight: 900; text-transform: uppercase; }
.su-impact p { margin: 9px auto 0; max-width: 170px; font-size: 12px; line-height: 1.45; }
.su-section-title { margin-top: 62px; text-align: center; }
.su-ways { display: grid; grid-template-columns: repeat(4,1fr); gap: 17px; margin-top: 24px; }
.su-ways article { min-height: 250px; display: flex; flex-direction: column; align-items: center; padding: 14px 24px 16px; border: 1px solid #dfe5e0; border-radius: 7px; text-align: center; box-shadow: 0 1px 4px rgba(0,0,0,.04); }
.su-ways .su-icon { margin-bottom: 12px; }
.su-icon--outline { background: #fff; border: 1px solid #ffc900; color: #ffc900; }
.su-icon--solid-yellow { background: #ffc900; }
.su-ways h3 { min-height: 29px; display: grid; align-items: center; font-size: 15px; }
.su-ways p { margin: 8px auto 13px; max-width: 210px; font-size: 13px; line-height: 1.4; }
.su-button { width: 100%; min-height: 32px; display: grid; place-items: center; margin-top: auto; border-radius: 4px; background: linear-gradient(#087039,#004b27); color: #fff; font-size: 12px; font-weight: 800; }
.su-button--yellow { background: #ffcb00; color: #082c18; }
.su-goal { height: 155px; display: grid; grid-template-columns: 260px 1fr 250px; margin-top: 48px; overflow: hidden; border-radius: 7px; color: #fff; background: linear-gradient(110deg,#07582d,#006232 45%,#004823); }
.su-goal > img { width: 260px; height: 155px; object-fit: cover; object-position: center 55%; }
.su-goal__main { position: relative; padding: 22px 16px; }
.su-goal h2 { color: #fff; font-size: 16px; }
.su-goal__main > p { margin-top: 3px; font-size: 12px; }
.su-goal__number { display: flex; align-items: baseline; gap: 10px; margin-top: 7px; }
.su-goal__number strong { font-family: "Arial Narrow",Arial,sans-serif; font-size: 34px; line-height: 1; }
.su-goal__number span { color: #cbd9d0; font-size: 12px; }
.su-progress { width: calc(100% - 50px); height: 16px; margin-top: 10px; overflow: hidden; border-radius: 7px; background: rgba(255,255,255,.22); }
.su-progress i { width: 62%; height: 100%; display: block; border-radius: inherit; background: #ffc900; }
.su-percent { position: absolute; right: 8px; bottom: 19px; font-size: 12px; }
.su-goal__action { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.su-goal__action a { padding: 11px 24px; border-radius: 5px; background: #fff; color: #073c24; font-size: 14px; font-weight: 800; }
.su-goal__action span { margin-top: 8px; font-family: cursive; font-size: 17px; line-height: 1.1; text-align: center; transform: rotate(-4deg); }
.su-thanks { display: grid; grid-template-columns: 1.7fr repeat(3,1fr); gap: 12px; align-items: stretch; margin-top: 55px; }
.su-thanks__intro { padding: 20px 28px 10px 17px; text-align: center; }
.su-thanks__intro p { margin-top: 17px; font-size: 12px; line-height: 1.45; }
.su-thanks blockquote { min-height: 132px; margin: 0; padding: 14px 17px; border-radius: 6px; background: linear-gradient(135deg,#f2f5f1,#eef2ef); }
.su-thanks blockquote b { color: #07522d; font-size: 29px; line-height: .65; }
.su-thanks blockquote p { margin-top: 4px; font-size: 12px; line-height: 1.45; }
.su-thanks cite { display: block; margin-top: 10px; font-size: 11px; font-style: normal; font-weight: 800; }
.su-final { min-height: 110px; display: grid; grid-template-columns: 130px 1fr 250px; align-items: center; margin-top: 42px; padding: 0 57px 0 35px; border-radius: 7px; background: linear-gradient(90deg,#f2f5f1,#f9faf8,#eef2ee); }
.su-final__mark { width: 88px; height: 88px; position: relative; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 35% 28%,#08743b,#004523 72%); color: #ffcf00; }
.su-final__mark svg { width: 59px; height: 59px; fill: currentColor; }
.su-final__mark i { width: 65px; height: 22px; position: absolute; background: #004c28; clip-path: polygon(0 45%,26% 45%,35% 10%,48% 88%,59% 28%,68% 45%,100% 45%,100% 55%,65% 55%,60% 72%,49% 100%,35% 34%,31% 55%,0 55%); }
.su-final h2 { font-size: 20px; }
.su-final p { margin-top: 7px; font-size: 13px; line-height: 1.35; }
.su-final > a { display: flex; justify-content: center; align-items: center; gap: 35px; padding: 14px 20px; border-radius: 5px; background: #00512d; color: #fff; font-size: 14px; font-weight: 800; }
.su-final > a b { font-size: 25px; line-height: .5; }

@media (max-width: 900px) {
	.su-emergency { grid-template-columns: 60px 1fr; }
	.su-emergency__actions { grid-column: 1 / -1; justify-content: center; }
	.su-impact article { padding: 0 10px; }
	.su-ways article { padding-left: 13px; padding-right: 13px; }
	.su-goal { grid-template-columns: 190px 1fr 180px; }
	.su-goal > img { width: 190px; }
	.su-final { grid-template-columns: 100px 1fr; padding-right: 28px; }
	.su-final > a { grid-column: 2; margin-bottom: 18px; }
}

@media (max-width: 620px) {
	.primary-navigation a.is-active::after { display: none; }
	.su-hero { min-height: 500px; }
	.su-hero__image { background-position: 63% center; }
	.su-hero__image::after { background: rgba(0,0,0,.48); }
	.su-hero__content { padding-top: 38px; }
	.su-hero h1 { font-size: 37px; }
	.su-emergency { grid-template-columns: 1fr; margin-top: -30px; padding: 18px; text-align: center; }
	.su-emergency__round { margin: auto; }
	.su-emergency__actions { flex-wrap: wrap; }
	.su-heading p br, .su-final p br { display: none; }
	.su-impact { grid-template-columns: 1fr 1fr; gap: 25px 0; }
	.su-impact article:nth-child(even) { border-right: 0; }
	.su-impact article:last-child { grid-column: 1 / -1; }
	.su-ways { grid-template-columns: 1fr; }
	.su-goal { height: auto; grid-template-columns: 1fr; }
	.su-goal > img { width: 100%; height: 175px; }
	.su-goal__action { padding: 5px 20px 20px; }
	.su-thanks { grid-template-columns: 1fr; }
	.su-final { grid-template-columns: 1fr; gap: 14px; padding: 18px; text-align: center; }
	.su-final__mark { margin: auto; }
	.su-final > a { grid-column: auto; margin: 0; }
}

@media (max-width: 1100px) {
	.page-shell { width: min(100% - 40px, 1000px); }
	.site-header__inner { gap: 16px; }
	.primary-navigation ul { gap: 13px; }
	.primary-navigation a { font-size: 11px; }
	.hero { min-height: 470px; }
	.hero h1 { font-size: clamp(40px, 5.1vw, 57px); }
	.process-list { gap: 7px; }
	.process-step__icon { width: 67px; height: 67px; border-width: 5px; }
	.process-step__icon svg { width: 40px; height: 40px; }
	.process-step h3 { font-size: 10px; }
	.process-step p { font-size: 11px; }
	.process-arrow { font-size: 23px; }
	.news-card { grid-template-columns: 110px 1fr; }
	.news-card img { width: 110px; }
	.news-card > div { padding-left: 12px; }
}

@media (max-width: 800px) {
	.site-header { height: 64px; }
	.site-header__inner { gap: 13px; }
	.brand__mark { width: 37px; height: 35px; }
	.brand__name { font-size: 12px; }
	.primary-navigation { position: absolute; inset: 64px 0 auto; display: none; padding: 8px 20px 17px; background: #fff; box-shadow: 0 6px 10px rgba(0,0,0,.08); }
	.primary-navigation.is-open { display: block; }
	.primary-navigation ul { display: grid; gap: 0; }
	.primary-navigation li { border-bottom: 1px solid var(--rule); }
	.primary-navigation a { display: block; padding: 11px 0; font-size: 13px; }
	.menu-toggle { width: 37px; height: 32px; display: grid; align-content: center; gap: 5px; margin-left: auto; border: 0; background: transparent; cursor: pointer; }
	.menu-toggle span { display: block; width: 25px; height: 2px; margin: auto; background: var(--green); transition: transform .2s ease; }
	.header-contact { padding: 10px 12px; font-size: 11px; }
	.hero { min-height: 440px; }
	.hero__image { background-position: 61% center; }
	.hero__veil { background: linear-gradient(90deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.11) 100%); }
	.hero__content { padding-top: 38px; }
	.hero p { max-width: 430px; font-size: 14px; }
	.urgent-notice > div { gap: 12px; min-height: 84px; }
	.urgent-notice p { font-size: 12px; }
	.process-list { grid-template-columns: repeat(4, 1fr); gap: 22px 12px; }
	.process-arrow { display: none; }
	.process-step:nth-of-type(n+9) { grid-column: span 1; }
	.stats__inner { min-height: auto; }
	.stats strong { font-size: 32px; }
	.stats span { font-size: 12px; }
	.about__grid { grid-template-columns: .85fr 1.45fr; gap: 24px; }
	.about__copy { padding-left: 0; }
	.about__copy p { font-size: 13px; }
	.about__photo, .about__photo img { min-height: 280px; height: 280px; }
	.support-card { grid-template-columns: 58px 1fr; padding: 17px 15px; }
	.support-card > svg { width: 50px; height: 50px; }
	.support-card h2 { font-size: 20px; }
	.support-card p { font-size: 12px; }
	.support-card .button { padding: 8px 9px; font-size: 10px; }
	.news-card { grid-template-columns: 90px 1fr; }
	.news-card img { width: 90px; }
	.news-card h3 { font-size: 13px; }
	.news-card p { font-size: 10px; }
	.footer-main { grid-template-columns: 1.25fr 1fr 1.3fr; }
	.footer-donate { grid-column: span 2; }
}

@media (max-width: 560px) {
	.page-shell { width: min(100% - 32px, 500px); }
	.header-contact { display: none; }
	.hero { min-height: 475px; }
	.hero h1 { font-size: 40px; }
	.hero h1 span { margin-top: 6px; }
	.button-row { gap: 9px; }
	.button { padding: 11px 12px; font-size: 11px; }
	.urgent-notice > div { align-items: flex-start; padding: 14px 0; }
	.urgent-notice svg { width: 27px; height: 27px; margin-top: 3px; }
	.urgent-notice p { font-size: 11px; }
	.callout-process { padding-top: 32px; }
	.process-list { grid-template-columns: repeat(2, 1fr); }
	.process-step__icon { width: 64px; height: 64px; }
	.stats__inner { grid-template-columns: repeat(2, 1fr); }
	.stats article { padding: 20px 10px; border-bottom: 1px solid rgba(255,255,255,.12); }
	.stats article:nth-child(2) { border-right: 0; }
	.stats article:nth-child(3), .stats article:nth-child(4) { border-bottom: 0; }
	.about__grid { grid-template-columns: 1fr; }
	.about__copy { text-align: center; }
	.about__copy p { max-width: 420px; margin-left: auto; margin-right: auto; }
	.about__photo, .about__photo img { height: 270px; min-height: 270px; }
	.capability-grid { grid-template-columns: repeat(3, 1fr); row-gap: 24px; }
	.capability-grid article:nth-child(4) { grid-column: 1 / 3; }
	.support-grid, .news-grid { grid-template-columns: 1fr; }
	.support-card { min-height: 180px; grid-template-columns: 74px 1fr; padding: 20px; }
	.support-card > svg { width: 60px; height: 60px; }
	.support-card h2 { font-size: 25px; }
	.news-card { grid-template-columns: 130px 1fr; min-height: 150px; }
	.news-card img { width: 130px; height: 150px; }
	.news-card h3 { font-size: 15px; }
	.news-card p { font-size: 12px; }
	.footer-main { grid-template-columns: repeat(2, 1fr); gap: 28px 20px; }
	.footer-brand { grid-column: span 2; }
	.footer-donate { grid-column: span 2; }
	.footer-bottom .page-shell { min-height: 65px; flex-direction: column; justify-content: center; text-align: center; }
}

/* The supplied reference was captured at a compact desktop width.  This range
 * preserves the complete desktop navigation while matching its tighter rhythm. */
@media (min-width: 801px) and (max-width: 900px) {
	.site-header { height: 58px; }
	.site-header__inner, .hero__content { width: min(100% - 80px, 756px); }
	.site-header__inner { gap: 16px; }
	.brand__mark { width: 36px; height: 34px; }
	.brand__name { font-size: 12px; }
	.primary-navigation ul { gap: 14px; }
	.primary-navigation a { font-size: 9px; }
	.header-contact { padding: 9px 14px; font-size: 10px; }

	.hero { min-height: 320px; align-items: flex-start; }
	.hero__content { padding-top: 36px; padding-bottom: 0; }
	.hero h1 { max-width: 500px; font-size: 35px; letter-spacing: -.5px; transform: scaleX(.72); transform-origin: left top; }
	.hero p { max-width: 307px; margin-top: 16px; font-size: 12px; line-height: 1.42; }
	.button-row { gap: 9px; margin-top: 18px; }
	.button { min-height: 33px; padding: 8px 13px; font-size: 10px; }
	.button svg { width: 14px; height: 14px; }

	.urgent-notice > div { width: min(100% - 180px, 660px); min-height: 73px; padding: 12px 0; gap: 12px; }
	.urgent-notice svg { width: 27px; height: 27px; }
	.urgent-notice p { font-size: 10px; line-height: 1.35; }

	.callout-process { padding: 22px 0 50px; }
	.callout-process h2, .capabilities h2, .news h2 { font-size: 18px; }
	.process-list { margin-top: 18px; gap: 7px; }
	.process-step__icon { width: 57px; height: 57px; margin-bottom: 8px; border-width: 4px; }
	.process-step__icon svg { width: 34px; height: 34px; stroke-width: 3.2; }
	.process-step__icon b { font-size: 15px; }
	.process-step h3 { font-size: 8px; }
	.process-step p { margin-top: 8px; font-size: 9px; line-height: 1.18; }
	.process-arrow { padding-top: 18px; font-size: 18px; }

	.stats__inner { min-height: 151px; }
	.stats article { padding: 16px 12px; }
	.stats svg { width: 42px; height: 42px; margin-bottom: 5px; }
	.stats strong { font-size: 31px; }
	.stats span { margin-top: 6px; font-size: 11px; }

	.about { padding: 20px 0; }
	.about .page-shell { width: min(100% - 108px, 728px); }
	.about__grid { grid-template-columns: 215px 1fr; gap: 29px; }
	.about__copy { padding-left: 10px; }
	.about__copy h2 { font-size: 22px; }
	.about__copy p { margin-top: 14px; font-size: 10px; line-height: 1.38; }
	.about__copy .button { margin-top: 15px; }
	.about__photo, .about__photo img { min-height: 255px; height: 255px; }

	.capabilities { padding: 20px 0 17px; }
	.capability-grid { margin-top: 17px; }
	.capability-grid svg { width: 42px; height: 42px; }
	.capability-grid h3 { margin-top: 4px; font-size: 9px; }
	.capability-intro { margin-top: 16px; font-size: 10px; }
	.capability-close { margin-top: 4px; font-size: 11px; }

	.support-card { min-height: 133px; grid-template-columns: 50px 1fr; gap: 9px; padding: 13px 15px; }
	.support-card > svg { width: 44px; height: 44px; }
	.support-card h2 { font-size: 18px; }
	.support-card p { min-height: 34px; margin: 7px 0; font-size: 9px; line-height: 1.2; }
	.support-card .button { min-height: 26px; padding: 6px 9px; font-size: 8px; }

	.news { padding: 20px 0 18px; }
	.news-grid { margin-top: 13px; }
	.news-card { min-height: 114px; grid-template-columns: 100px 1fr; }
	.news-card img { width: 100px; height: 114px; }
	.news-card > div { padding: 9px 19px 9px 10px; }
	.news-card h3 { font-size: 10px; }
	.news-card p { margin-top: 6px; font-size: 8px; line-height: 1.18; }
	.news-card a { margin-top: 5px; font-size: 8px; }
	.news-card a b { font-size: 11px; }
	.card-close { right: 7px; top: 4px; font-size: 13px; }
	.news .align-center { margin-top: 13px; }

	.footer-main { gap: 17px; padding: 21px 0 15px; }
	.brand--footer .brand__name { font-size: 12px; }
	.footer-brand p { margin-top: 9px; font-size: 9px; line-height: 1.27; }
	.site-footer h3 { margin-bottom: 8px; font-size: 10px; }
	.site-footer li, .site-footer p { font-size: 9px; line-height: 1.38; }
	.social-links { gap: 7px; margin-top: 10px; }
	.social-links a { width: 18px; height: 18px; font-size: 11px; }
	.contact-list { margin-bottom: 7px !important; }
	.nhs-credit strong { font-size: 9px; }
	.nhs-wordmark { margin-top: 3px; font-size: 16px; line-height: 16px; }
	.footer-donate .button { margin-top: 9px; }
	.footer-bottom .page-shell { min-height: 33px; font-size: 7px; }
	.footer-bottom span:last-child { gap: 9px; }
}

/* Become a first responder page */
.become-responder-page{--bfr-green:#004a29;--bfr-yellow:#ffd100;background:#fff;color:#090f0b;font-size:12px}.become-responder-page h2,.become-responder-page h3{font-family:"Arial Narrow",Arial,sans-serif;font-weight:900;text-transform:uppercase}.bfr-hero{height:359px;position:relative;overflow:hidden;background:#07120b;color:#fff}.bfr-hero__image,.bfr-hero__shade{position:absolute;inset:0}.bfr-hero__image{background:url('assets/images/responder-hero.png') center 54%/cover no-repeat}.bfr-hero__shade{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.68) 37%,rgba(0,0,0,.05) 70%)}.bfr-hero__inner{height:100%;position:relative;display:flex;justify-content:space-between;align-items:center}.bfr-hero__copy{padding-left:1px}.bfr-hero h1{font-size:43px;line-height:.98;font-weight:900;letter-spacing:-1.4px}.bfr-hero h1 span{display:block;margin-top:7px;color:var(--bfr-yellow)}.bfr-hero__copy h2{margin-top:15px;color:#fff;font-size:18px;line-height:1.35;text-transform:none}.bfr-hero__copy>p{margin-top:13px;font-size:13px;line-height:1.55}.bfr-hero__copy>div{display:grid;grid-template-columns:145px 165px;gap:8px 16px;margin-top:18px}.bfr-btn{height:40px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-family:"Arial Narrow",Arial,sans-serif;font-weight:900;text-transform:uppercase}.bfr-btn svg{width:20px;height:20px;margin-right:8px;fill:currentColor;stroke:currentColor}.bfr-btn--yellow{background:var(--bfr-yellow);color:#082c19}.bfr-btn--ghost{border:1px solid #fff;color:#fff}.bfr-hero__copy small{grid-column:2;text-align:center;margin-top:-7px;font-size:10px;font-weight:700}.bfr-benefits{width:208px;margin-right:0;padding:21px 20px 19px;border-radius:9px;background:linear-gradient(145deg,rgba(0,79,43,.97),rgba(0,61,34,.97))}.bfr-benefits h2{color:#fff;font-size:17px;line-height:1.15}.bfr-benefits>i{display:block;width:65px;height:1px;margin:14px 0 18px;background:linear-gradient(90deg,var(--bfr-yellow),transparent)}.bfr-benefits article{display:grid;grid-template-columns:44px 1fr;gap:12px;margin-top:17px}.bfr-benefits article:first-of-type{margin-top:0}.bfr-benefits article>span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#064428}.bfr-benefits svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.6}.bfr-benefits p{font-size:9px;line-height:1.5}.bfr-benefits b{display:block;margin-bottom:4px;font-size:9px}.bfr-trust{height:108px;position:relative;z-index:2;display:grid;grid-template-columns:80px 1fr 280px;align-items:center;margin-top:-47px;padding:13px 36px;border-radius:10px;background:linear-gradient(110deg,#f8faf7,#fff,#f4f6f3);box-shadow:0 3px 11px rgba(0,0,0,.04)}.bfr-trust>span{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#08743e,#003d22);color:#fff}.bfr-trust>span svg{width:43px;height:43px;fill:currentColor;stroke:currentColor}.bfr-trust h2{color:#083d25;font-size:14px}.bfr-trust p{margin-top:5px;font-size:10px;line-height:1.55}.bfr-trust__logos{display:flex;align-items:center;justify-content:flex-end;gap:18px;text-align:right}.bfr-trust__logos b{font-size:11px;line-height:1.15}.bfr-trust__logos em{padding:2px 5px;background:#2165ad;color:#fff;font-size:23px;font-weight:900}.bfr-trust__logos strong{font-size:48px;color:#937414}.bfr-body{padding-top:17px;padding-bottom:0}.bfr-body>header{text-align:center}.bfr-body>header h2{color:#063d23;font-size:21px}.bfr-body>header p{margin-top:5px;font-size:11px}.bfr-requirements{display:grid;grid-template-columns:repeat(6,1fr);margin-top:11px}.bfr-requirements article{text-align:center}.bfr-requirements span{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 28%,#08743e,#003d22);color:#fff}.bfr-requirements svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.5}.bfr-requirements b{font-size:17px}.bfr-requirements p{margin-top:8px;font-size:10px;font-weight:700;line-height:1.45}.bfr-involve{min-height:239px;display:grid;grid-template-columns:1.45fr .95fr 1.15fr;gap:18px;margin-top:20px;padding:11px 19px 11px 24px;border-radius:9px;background:linear-gradient(110deg,#f1f4ef,#f7f9f6)}.bfr-involve>div:first-child{padding-top:7px}.bfr-involve h2{color:#063d23;font-size:18px}.bfr-involve i{display:block;width:28px;height:2px;margin-top:8px;background:var(--bfr-yellow)}.bfr-involve ul{padding:0;margin:10px 0 0;list-style:none}.bfr-involve li{position:relative;margin:0 0 10px 25px;font-size:10px;line-height:1.45}.bfr-involve li:before{content:'✓';width:13px;height:13px;position:absolute;left:-24px;top:1px;display:grid;place-items:center;border-radius:50%;background:#07552e;color:#fff;font-size:9px;font-weight:900}.bfr-portrait{border-radius:8px;background:url('assets/images/fundraising-goal.png') 23% center/cover no-repeat}.bfr-involve blockquote{margin:0;padding:11px 21px;border-radius:8px;background:#fff}.bfr-involve blockquote>b{color:#00522d;font-size:51px;line-height:.6}.bfr-involve blockquote p{font-size:12px;line-height:1.45}.bfr-involve cite{display:block;margin-top:8px;font-size:9px;font-style:normal;font-weight:700}.bfr-involve blockquote strong{display:block;margin-top:7px;color:#ffc400;font-size:15px;letter-spacing:2px}.bfr-journey-grid{display:grid;grid-template-columns:1fr 260px;gap:12px;margin-top:12px}.bfr-journey{text-align:center;padding-top:4px}.bfr-journey>h2{color:#063d23;font-size:18px}.bfr-journey>i{display:block;width:29px;height:2px;margin:8px auto 12px;background:var(--bfr-yellow)}.bfr-journey>div{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:start}.bfr-journey article span{width:62px;height:62px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#edf1ed;color:#06472a}.bfr-journey svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:2.5}.bfr-journey article h3{margin-top:9px;color:#063d23;font-size:9px}.bfr-journey article p{margin-top:7px;font-size:9px;line-height:1.5}.bfr-journey>div>b{padding-top:22px;color:#83aa92;font-size:25px}.bfr-apply{padding:13px 23px;border-radius:9px;background:linear-gradient(145deg,#005b32,#003c22);color:#fff}.bfr-apply h2{color:var(--bfr-yellow);font-size:17px}.bfr-apply p{margin-top:8px;font-size:10px;line-height:1.45}.bfr-apply a{display:block;margin-top:11px;padding:8px;border-radius:4px;background:var(--bfr-yellow);color:#082e1a;font-size:10px;line-height:1.15;font-weight:900;text-align:center;text-transform:uppercase}.bfr-difference{height:105px;display:grid;grid-template-columns:85px 1.2fr 1.7fr;align-items:center;margin-top:9px;overflow:hidden;border-radius:8px;background:linear-gradient(100deg,#00512d,#003e24);color:#fff}.bfr-difference>span{width:66px;height:66px;display:grid;place-items:center;margin-left:27px;border-radius:50%;background:#fff;color:#07542f}.bfr-difference svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:2.4}.bfr-difference h2{color:#fff;font-size:19px}.bfr-difference p{margin-top:5px;font-size:11px;line-height:1.45}.bfr-team-strip{height:105px;background:url('assets/images/team.jpg') center 39%/cover no-repeat}.bfr-emergency{min-height:80px;display:grid;grid-template-columns:58px 1fr 160px 160px;gap:12px;align-items:center;margin-top:5px;padding:8px 14px 8px 20px;border-radius:8px;background:linear-gradient(90deg,#bd1119,#d51a20);color:#fff}.bfr-emergency>svg{width:50px;height:50px;fill:none;stroke:#fff;stroke-width:3}.bfr-emergency h2{color:#fff;font-size:15px;text-transform:none}.bfr-emergency p{margin-top:4px;font-size:10px;line-height:1.4}.bfr-emergency>a{height:56px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;background:#b91118;font-size:27px}.bfr-emergency>a:last-child{background:#0759b7}.bfr-emergency a span{display:flex;flex-direction:column;font-size:12px}.bfr-emergency small{margin-top:2px;font-size:10px}

@media (min-width:901px) and (max-width:1100px){.become-responder-page .page-shell{width:min(100% - 78px,944px)}.bfr-hero__inner{width:min(100% - 78px,944px)}}
@media (max-width:800px){.bfr-hero{height:auto;min-height:560px}.bfr-hero__inner{align-items:flex-start;padding:42px 0}.bfr-benefits{display:none}.bfr-trust{height:auto;grid-template-columns:65px 1fr;margin-top:-30px;padding:18px}.bfr-trust__logos{grid-column:1/-1;justify-content:center;margin-top:12px}.bfr-requirements{grid-template-columns:repeat(3,1fr);gap:24px 0}.bfr-involve{grid-template-columns:1fr 1fr}.bfr-involve blockquote{grid-column:1/-1}.bfr-journey-grid{grid-template-columns:1fr}.bfr-difference{grid-template-columns:80px 1fr}.bfr-team-strip{display:none}.bfr-emergency{grid-template-columns:48px 1fr 140px}.bfr-emergency>a:last-child{grid-column:3}}@media (max-width:560px){.bfr-hero h1{font-size:37px}.bfr-hero__copy h2{font-size:15px}.bfr-hero__copy>div{grid-template-columns:1fr 1fr}.bfr-requirements{grid-template-columns:repeat(2,1fr)}.bfr-involve{grid-template-columns:1fr}.bfr-portrait{height:220px}.bfr-journey>div{grid-template-columns:1fr 1fr;gap:22px}.bfr-journey>div>b{display:none}.bfr-difference{height:auto;padding:18px;grid-template-columns:1fr;text-align:center}.bfr-difference>span{margin:auto auto 12px}.bfr-emergency{grid-template-columns:40px 1fr;padding:14px}.bfr-emergency>a,.bfr-emergency>a:last-child{grid-column:auto;height:50px}}

/* Community CPR page */
.cpr-page{--cpr-green:#00512c;--cpr-yellow:#ffcc00;color:#0b130e;font-size:12px}.cpr-page h1,.cpr-page h2,.cpr-page h3,.cpr-btn{font-family:"Arial Narrow",Arial,sans-serif;font-weight:900;text-transform:uppercase}.cpr-hero{height:358px;position:relative;overflow:hidden;background:#082719;color:#fff}.cpr-hero__photo{position:absolute;inset:0;background:url('assets/images/cpr-hero.png') right center/auto 100% no-repeat}.cpr-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,#072317 0%,rgba(4,31,20,.96) 27%,rgba(2,24,16,.2) 61%,rgba(1,12,9,.15))}.cpr-hero__content{position:relative;padding-top:61px}.cpr-hero h1{font-size:48px;line-height:.98;letter-spacing:-1.5px}.cpr-hero h1 span{display:block;margin-top:8px;color:var(--cpr-yellow)}.cpr-hero p{margin-top:15px;font-size:15px;line-height:1.45}.cpr-hero p+p{margin-top:12px}.cpr-actions{display:flex;gap:12px;margin-top:19px}.cpr-btn{min-width:177px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px}.cpr-btn--green{background:#07823d;color:#fff}.cpr-btn--ghost{border:1px solid #fff;color:#fff}.cpr-benefits{height:102px;background:linear-gradient(90deg,#004326,#006133,#004828);color:#fff}.cpr-benefits>.page-shell{height:100%;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.cpr-benefits article{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding-left:30px}.cpr-benefits i{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#d1ae00;font-size:26px;font-style:normal}.cpr-benefits h3{font-size:14px}.cpr-benefits p{margin-top:8px;font-size:12px;line-height:1.35}.cpr-content{padding-top:17px}.cpr-learn{text-align:center}.cpr-learn h2,.cpr-request h2{color:#07502c;font-size:22px}.cpr-rule{display:block;width:47px;height:2px;margin:8px auto 11px;background:var(--cpr-yellow)}.cpr-learn__grid{display:grid;grid-template-columns:repeat(5,1fr)}.cpr-learn article{min-height:160px;padding:0 15px;border-right:1px solid #e1e5e0}.cpr-learn article:last-child{border:0}.cpr-learn span{width:74px;height:74px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#e9eee8;color:#00502b;font-size:35px}.cpr-learn h3{margin-top:9px;color:#07472a;font-size:11px}.cpr-learn p{margin-top:7px;line-height:1.45}.cpr-request{min-height:211px;display:grid;grid-template-columns:42% 58%;border-radius:7px;overflow:hidden;background:linear-gradient(105deg,#f2f4f0,#fafbf8)}.cpr-request>img{width:100%;height:211px;object-fit:cover}.cpr-request>div{padding:13px 26px}.cpr-request h2{font-size:19px}.cpr-request p{margin-top:4px;line-height:1.4}.cpr-request ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;padding:0;margin:12px 0 0;list-style:none}.cpr-request li:before{content:'✓';display:inline-grid;place-items:center;width:14px;height:14px;margin-right:10px;border-radius:50%;background:#07572f;color:#fff;font-size:9px;font-weight:900}.cpr-request__foot{display:flex;align-items:center;gap:24px;margin-top:12px}.cpr-request__foot .cpr-btn{min-width:200px;height:39px}.cpr-request__foot p{font-size:11px}.cpr-trust{display:grid;grid-template-columns:repeat(3,1fr) 1.42fr;gap:7px;margin-top:14px}.cpr-trust article{height:190px;padding:12px 8px;text-align:center;background:linear-gradient(140deg,#fafbf9,#f2f4f0)}.cpr-trust article i{width:46px;height:46px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#00502b;color:#fff;font-size:22px;font-style:normal}.cpr-trust h3{margin-top:9px;color:#07502c;font-size:11px}.cpr-trust article p{margin-top:9px;font-size:10px;line-height:1.55}.cpr-trust article b{display:block;margin-top:8px;color:#076233;font-size:29px}.cpr-trust blockquote{height:190px;margin:0;padding:12px 32px;border-radius:7px;background:linear-gradient(145deg,#006238,#003c23);color:#fff}.cpr-trust blockquote strong{color:var(--cpr-yellow);font-size:48px;line-height:.6}.cpr-trust blockquote p{font-size:14px;line-height:1.45}.cpr-trust cite{display:block;margin-top:9px;font-size:10px;font-style:normal}.cpr-trust em{display:block;margin-top:11px;color:var(--cpr-yellow);font-size:17px;font-style:normal;letter-spacing:2px}.cpr-info{display:grid;grid-template-columns:1.28fr 1.23fr .55fr;gap:10px;margin-top:14px}.cpr-info>article{height:106px;display:grid;grid-template-columns:58px 1fr;align-items:center;padding:12px 16px;border-radius:7px}.cpr-info i{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--cpr-yellow);color:#fff;font-size:27px;font-style:normal}.cpr-info h3{font-size:15px}.cpr-info p{margin-top:5px;font-size:10px;line-height:1.45}.cpr-fact{background:#fff8df}.cpr-emergency{border:1px solid #f0c400}.cpr-numbers{display:grid;gap:7px}.cpr-numbers a{display:flex;align-items:center;gap:11px;padding:8px 13px;border-radius:5px;background:#c70d18;color:#fff}.cpr-numbers a:last-child{background:#075ab7}.cpr-numbers b{font-size:24px}.cpr-numbers span{display:flex;flex-direction:column}.cpr-numbers strong{font-size:12px}.cpr-numbers small{font-size:9px}.cpr-final{height:86px;display:grid;grid-template-columns:95px 1fr 220px;align-items:center;margin:14px 0 19px;padding:0 59px 0 43px;border-radius:7px;background:linear-gradient(90deg,#006039,#004322);color:#fff}.cpr-final>i{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0a6138;font-size:30px;font-style:normal}.cpr-final h2{font-size:22px;color:#fff}.cpr-final h2 span{color:var(--cpr-yellow)}.cpr-final p{margin-top:7px;font-size:13px}.cpr-final>a{padding:13px;border-radius:5px;background:var(--cpr-yellow);color:#073b22;font-size:12px;font-weight:900;text-align:center;text-transform:uppercase}
@media (min-width:901px) and (max-width:1100px){.cpr-page .page-shell{width:min(100% - 112px,912px)}}@media (max-width:800px){.cpr-hero__photo{background-position:65% center}.cpr-benefits{height:auto}.cpr-benefits>.page-shell{grid-template-columns:1fr;padding:15px 0;gap:15px}.cpr-learn__grid{grid-template-columns:repeat(2,1fr)}.cpr-learn article{border:0}.cpr-request{grid-template-columns:1fr}.cpr-request>img{height:250px}.cpr-trust{grid-template-columns:1fr 1fr}.cpr-info{grid-template-columns:1fr}.cpr-final{grid-template-columns:70px 1fr;height:auto;padding:16px}.cpr-final>a{grid-column:2;margin-top:10px}}@media(max-width:560px){.cpr-hero h1{font-size:38px}.cpr-hero p{font-size:13px}.cpr-actions{flex-wrap:wrap}.cpr-learn__grid,.cpr-trust{grid-template-columns:1fr}.cpr-request ul{grid-template-columns:1fr}.cpr-request__foot{align-items:flex-start;flex-direction:column}.cpr-final{grid-template-columns:1fr;text-align:center}.cpr-final>i{margin:auto}.cpr-final>a{grid-column:auto}}

/* News and events page */
.news-page{--news-green:#004c2b;--news-yellow:#ffd400;background:#fff;color:#101511;font-size:12px}.news-page h1,.news-page h2,.news-page h3{font-family:"Arial Narrow",Arial,sans-serif;font-weight:900}.news-hero{height:323px;position:relative;overflow:hidden;background:#06160d url('assets/images/responder-hero.png') center 51%/cover no-repeat;color:#fff}.news-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,16,8,.98),rgba(0,22,11,.72) 38%,rgba(0,0,0,.06) 71%)}.news-hero__content{height:100%;position:relative;padding-top:45px}.news-hero h1{font-size:43px;line-height:1;text-transform:uppercase;letter-spacing:-1px}.news-hero h2{margin-top:8px;color:var(--news-yellow);font-size:29px;line-height:1}.news-hero p{margin-top:18px;font-size:14px;font-weight:700;line-height:1.65}.news-hero__tabs{position:absolute;left:0;bottom:20px;display:flex;gap:65px}.news-hero__tabs a{min-width:67px;display:flex;flex-direction:column;align-items:center;padding-bottom:9px;font-size:11px;font-weight:700}.news-hero__tabs a span{height:34px;margin-bottom:8px;color:#fff;font-size:31px;line-height:1}.news-hero__tabs a.is-current{border-bottom:3px solid var(--news-yellow)}.news-content{padding-top:17px;padding-bottom:5px}.news-content h2{color:#06452a;font-size:21px;text-transform:uppercase}.news-feature__grid{display:grid;grid-template-columns:3fr 1.09fr;gap:14px;margin-top:11px}.featured-story{height:221px;display:grid;grid-template-columns:58% 42%;overflow:hidden;border-radius:7px;background:linear-gradient(120deg,#fff,#f4f5f3)}.featured-story__photo{position:relative;background:url('assets/images/fundraising-goal.png') center/cover no-repeat}.featured-story__photo span{position:absolute;left:12px;top:12px;padding:5px 8px;border-radius:3px;background:#07502e;color:#fff;font-size:8px;font-weight:800;text-transform:uppercase}.featured-story__copy{padding:24px 20px}.featured-story small,.latest-card small{font-size:8px;text-transform:uppercase}.featured-story h3{margin-top:10px;font-size:18px;line-height:1.13;text-transform:none}.featured-story p{margin-top:12px;font-size:11px;line-height:1.55}.featured-story a,.stay-informed>a{display:inline-flex;margin-top:13px;padding:10px 19px;border-radius:4px;background:linear-gradient(120deg,#076037,#004526);color:#fff;font-size:11px;font-weight:800}.stay-informed{height:221px;display:grid;grid-template-columns:45px 1fr;align-content:center;column-gap:13px;padding:25px 22px;border-radius:7px;background:linear-gradient(135deg,#f7faf7,#eef4ef)}.stay-informed>span{color:#09532f;font-size:40px}.stay-informed h3{color:#063f27;font-size:15px;text-transform:uppercase}.stay-informed p{margin-top:12px;font-size:11px;line-height:1.65}.stay-informed>a{grid-column:1/-1;display:flex;justify-content:center;margin-top:20px}.news-list-section{margin-top:20px}.news-list-section>header{display:flex;align-items:center;justify-content:space-between}.news-list-section>header>a{color:#07512f;font-size:10px;font-weight:800}.event-grid,.latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px}.event-card,.latest-card{overflow:hidden;border:1px solid #dce2dd;border-radius:7px;background:#fff}.event-card__photo{height:108px;position:relative;background-position:center;background-size:cover}.event-card__photo time{width:57px;height:76px;position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#073e27;text-transform:uppercase}.event-card__photo time span{font-size:10px;font-weight:800}.event-card__photo time b{color:#07130b;font-size:22px;line-height:1.1}.event-card__photo time small{font-size:9px;font-weight:700}.event-card__body{min-height:159px;padding:11px 13px}.event-card h3,.latest-card h3{color:#122018;font-size:11px;line-height:1.2;text-transform:none}.event-card p{margin-top:7px;font-size:10px;line-height:1.5}.event-card a{display:inline-block;margin-top:10px;padding:6px 12px;border:1px solid #789184;border-radius:3px;font-size:10px;font-weight:800}.latest-card{height:234px}.latest-card img{width:100%;height:87px;object-fit:cover}.latest-card>div{padding:10px 13px}.latest-card h3{margin-top:6px;font-size:15px;line-height:1.08}.latest-card p{margin-top:6px;font-size:10px;line-height:1.45}.latest-card a{display:inline-block;margin-top:7px;color:#07512f;font-size:10px;font-weight:800}.news-support{height:81px;display:grid;grid-template-columns:78px 1fr 214px;align-items:center;margin-top:14px;padding:0 52px 0 44px;border-radius:8px;background:linear-gradient(110deg,#005431,#003f25);color:#fff}.news-support>span{width:57px;height:57px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#07512f;font-size:32px}.news-support h2{color:#fff;font-size:18px}.news-support p{margin-top:4px;font-size:11px;line-height:1.3}.news-support>a{padding:12px;border-radius:5px;background:var(--news-yellow);color:#082d1b;font-size:11px;font-weight:900;text-align:center;text-transform:uppercase}
@media (min-width:901px) and (max-width:1100px){.news-page .page-shell{width:min(100% - 96px,928px)}}
@media(max-width:800px){.news-hero{height:400px}.news-hero__content{padding-top:55px}.news-hero__tabs{left:0;right:0;gap:10px;justify-content:space-between}.news-feature__grid{grid-template-columns:1fr}.stay-informed{height:auto}.event-grid,.latest-grid{grid-template-columns:1fr 1fr}.news-support{height:auto;grid-template-columns:65px 1fr;padding:18px}.news-support>a{grid-column:2;margin-top:12px}.featured-story{grid-template-columns:1fr;height:auto}.featured-story__photo{min-height:170px}}
@media(max-width:560px){.news-hero h1{font-size:37px}.news-hero h2{font-size:24px}.news-hero p{font-size:12px}.news-hero__tabs a{font-size:9px}.event-grid,.latest-grid{grid-template-columns:1fr}.latest-card{height:auto}.news-support{grid-template-columns:1fr;text-align:center}.news-support>span{margin:auto}.news-support>a{grid-column:auto}.featured-story__copy{padding:20px}}

/* Single news article */
.single-news-page{--sn-green:#004a2a;--sn-dark:#063a24;--sn-yellow:#ffd400;background:#fff;color:#101511;font-size:14px}.single-news-page h1,.single-news-page h2,.single-news-page h3{font-family:"Arial Narrow",Arial,sans-serif;font-weight:900;text-transform:none}.single-news-crumb{height:91px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,28,16,.96),rgba(0,49,28,.62)),url('assets/images/responder-hero.png') center 45%/cover no-repeat;color:#fff}.single-news-crumb>.page-shell{display:flex;align-items:center;gap:14px;padding-left:24px;font-size:11px}.single-news-crumb b{color:#9eb2a7;font-size:20px}.single-news-crumb span{font-weight:700}.single-news-layout{display:grid;grid-template-columns:minmax(0,850px) 365px;gap:44px;padding:41px 0 0}.single-news-meta{display:flex;align-items:center;gap:20px;color:#18251e;font-size:9px;text-transform:uppercase}.single-news-meta strong{padding:4px 8px;border-radius:4px;background:#07502e;color:#fff}.single-news-article>h1{max-width:740px;margin-top:21px;color:#043d24;font-size:46px;line-height:1.08;letter-spacing:-1.4px}.single-news-lede{max-width:820px;margin-top:15px;font-size:16px;line-height:1.55}.single-news-hero{width:100%;height:420px;margin-top:25px;border-radius:7px;object-fit:cover;object-position:center 48%}.single-news-copy-grid{display:grid;grid-template-columns:105px 1fr;gap:29px;margin-top:27px}.single-news-share{display:flex;flex-direction:column;align-items:flex-start;gap:18px;color:#064126}.single-news-share>b{font-size:9px;text-transform:uppercase}.single-news-share>a{width:31px;height:31px;display:grid;place-items:center;margin-left:19px;border-radius:4px;background:#07502e;color:#fff;font-size:18px;font-weight:800}.single-news-body{font-size:14px;line-height:1.55}.single-news-body>p:first-child{margin-bottom:23px}.single-news-body section{padding:21px 0;border-bottom:1px solid #d8dfda}.single-news-body section:last-of-type{border-bottom:0}.single-news-body h2{display:flex;align-items:center;gap:11px;color:#12251a;font-size:15px}.single-news-body h2 i{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#07502e;color:#fff;font-size:15px;font-style:normal}.single-news-body section p{margin-top:8px}.single-news-body ul{padding:0;margin:8px 0 0;list-style:none}.single-news-body li{position:relative;padding-left:24px;line-height:1.55}.single-news-body li:before{content:'✓';width:14px;height:14px;position:absolute;left:2px;top:4px;display:grid;place-items:center;border-radius:50%;background:#07502e;color:#fff;font-size:9px;font-weight:900}.single-outline-button{min-width:267px;height:37px;display:inline-flex;align-items:center;justify-content:space-around;margin-top:14px;border:1px solid #39765a;border-radius:4px;color:#064128;font-size:11px;font-weight:900}.single-news-thanks{min-height:67px;display:flex;align-items:center;gap:24px;margin-top:0;padding:13px 22px;border-radius:7px;background:linear-gradient(110deg,#edf3ee,#f6f8f5);color:#073e25}.single-news-thanks>span{font-size:42px}.single-news-thanks p{font-size:11px;line-height:1.5}.single-news-thanks strong{font-size:14px}.single-news-sidebar section{border-radius:8px}.session-cta{min-height:281px;display:grid;grid-template-columns:72px 1fr;align-content:start;gap:0 16px;padding:30px 25px;background:linear-gradient(140deg,#006238,#004426);color:#fff}.round-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#07502e;font-size:30px}.session-cta h2{font-size:20px;color:#fff}.session-cta p{margin-top:14px;font-size:13px;line-height:1.7}.session-cta>a{height:52px;grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:22px;margin-top:24px;border-radius:6px;background:var(--sn-yellow);color:#072d1b;font-size:15px;font-weight:900}.emergency-card,.single-latest,.single-categories{margin-top:27px;padding:27px 25px;background:linear-gradient(135deg,#f7f9f7,#f0f2f0)}.emergency-card h2,.single-latest h2,.single-categories h2{color:#064126;font-size:20px}.emergency-card>p{margin-top:10px;font-size:13px;line-height:1.6}.emergency-card>a{height:78px;display:flex;align-items:center;gap:20px;margin-top:17px;padding:0 20px;border-radius:6px;color:#fff}.emergency-card__999{background:linear-gradient(120deg,#bd1018,#d10e14)}.emergency-card__111{background:linear-gradient(120deg,#075bb8,#064da2)}.emergency-card>a>b{font-size:33px}.emergency-card>a>span{display:flex;flex-direction:column}.emergency-card strong{font-size:15px}.emergency-card small{margin-top:3px;font-size:12px}.single-latest article{display:grid;grid-template-columns:106px 1fr;gap:14px;align-items:center;margin-top:17px}.single-latest article img{width:106px;height:66px;border-radius:5px;object-fit:cover}.single-latest article small,.related-news small{display:block;font-size:9px;text-transform:uppercase}.single-latest article b{display:block;margin-top:6px;font-size:13px;line-height:1.3}.single-latest>a{height:44px;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:21px;border-radius:5px;background:#07502e;color:#fff;font-size:12px;font-weight:900}.single-categories p{display:flex;justify-content:space-between;margin-top:15px;font-size:12px}.single-categories p b{font-weight:400}.single-categories>a{display:block;margin-top:18px;padding-top:15px;border-top:1px solid #d6dcda;color:#07502e;font-size:10px;font-weight:900;text-align:center}.related-news{padding:44px 0 23px}.related-news>h2{color:#064126;font-size:16px}.related-news>div{width:985px;display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:15px}.related-news article{height:221px;overflow:hidden;border:1px solid #d7dfda;border-radius:6px;background:#fff}.related-news img{width:100%;height:102px;object-fit:cover}.related-news article:nth-child(2) img{object-position:center 30%}.related-news article small{margin:11px 16px 0}.related-news h3{margin:7px 16px 0;font-size:14px;line-height:1.25}.related-news a{display:block;margin:10px 16px;color:#07502e;font-size:11px;font-weight:900}
@media(max-width:900px){.single-news-layout{grid-template-columns:1fr}.single-news-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.single-news-sidebar section{margin-top:0}.single-news-hero{height:auto}.related-news>div{width:100%}}@media(max-width:620px){.single-news-layout{padding-top:28px}.single-news-article>h1{font-size:37px}.single-news-copy-grid{grid-template-columns:1fr}.single-news-share{flex-direction:row;align-items:center}.single-news-share>a{margin-left:0}.single-news-sidebar,.related-news>div{grid-template-columns:1fr}.related-news article{height:auto;padding-bottom:6px}.single-news-crumb{height:auto;min-height:80px}.single-news-crumb span{display:none}}
.cpr-hero__photo{background-image:url('assets/images/cpr-hero-v2.png');background-position:center;background-size:cover}