:root { --colour-black: #000;
--colour-white: #fff;
--colour-purple600: #401B57;
--colour-purple500: #582c83;
--colour-purple400: #8645c5;
--colour-purple80: rgba(88,44,131,0.8);
--colour-purple60: rgba(88,44,131,0.6);
--colour-purple40: rgba(88,44,131,0.4);
--colour-purple20: rgba(88,44,131,0.2);
--colour-purple10: rgba(88,44,131,0.1);
--colour-blue400: #40bbf2;
--colour-blue500: #0098dc;
--colour-blue600: #007bb2;
--colour-blue700: #006d9e;
--colour-blue80: rgba(0,152,220,0.8);
--colour-blue60: rgba(0,152,220,0.6);
--colour-blue40: rgba(0,152,220,0.4);
--colour-blue20: rgba(0,152,220,0.2);
--colour-blue10: rgba(0,152,220,0.1);
--colour-yellow400: #ffb70f;
--colour-yellow500: #f2a900;
--colour-yellow600: #ba8736;
--colour-dark-blue400: #005797;
--colour-dark-blue500: #00365d;
--colour-dark-blue600: #00233d;
--colour-grey100: #f2f2f2;
--colour-grey200: #e6e6e6;
--colour-grey300: #d9d9d9;
--colour-grey400: #bfbfbf;
--colour-grey500: #a6a6a6;
--colour-grey600: #8c8c8c;
--colour-grey700: #737373;
--colour-grey800: #595959;
--colour-grey900: #404040;
--colour-grey-dark: #191919;
--grad-horiz: linear-gradient(to right, #582c83, #543187, #4b4293, #3c5da8, #2783c4, #1d97d4);
--grad-vert: linear-gradient(to bottom, #582c83, #543187, #4b4293, #3c5da8, #2783c4, #1d97d4);
--grad-amb: linear-gradient(to right, #582C83, #0098DC); --body-font: 'Roboto', sans-serif;
--headline-font: 'Roboto', sans-serif;
--font-code: 'Roboto Mono', sans-serif;
--fontSize: 1.6rem; --fontSizeSmall: 1.4rem; --fontSizeXS: 1.2rem;  --theWidth: 1360px; --block-medium: 1124px; --block-narrow: 658px; --expander-max-height: 1100px; --gridGap: 8px; --marginVert: 8px; --marginHoriz: 8px; --animSpeed: 0.5s; --gap-big: 80px; 
--gap-mid: 40px;
--gap-sml: 20px; 
--blockSpace: var(--gap-mid);
--blockSpace-XL: var(--gap-big);        
}  @font-face {
font-display: swap;
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(//ambassadors.meningitis.org/wp-content/themes/meningitis-ambassador-hub/fonts/roboto/roboto-v30-latin-300.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//ambassadors.meningitis.org/wp-content/themes/meningitis-ambassador-hub/fonts/roboto/roboto-v30-latin-regular.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(//ambassadors.meningitis.org/wp-content/themes/meningitis-ambassador-hub/fonts/roboto/roboto-v30-latin-500.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//ambassadors.meningitis.org/wp-content/themes/meningitis-ambassador-hub/fonts/roboto/roboto-v30-latin-700.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src: url(//ambassadors.meningitis.org/wp-content/themes/meningitis-ambassador-hub/fonts/roboto/roboto-mono-v23-latin-regular.woff2) format('woff2');
} .has-black-color,
.c-black { color: var(--colour-black); }
.has-white-color,
.c-white { color: var(--colour-white); }
.c-purple600 { color: var(--colour-purple600); }
.has-purple-color,
.c-purple500 { color: var(--colour-purple500); }
.c-purple400 { color: var(--colour-purple400); }
.c-purple80 { color: var(--colour-purple80); }
.c-purple60 { color: var(--colour-purple60); }
.c-purple40 { color: var(--colour-purple40); }
.has-light-purple-color,
.c-purple20 { color: var(--colour-purple20); }
.c-purple10 { color: var(--colour-purple10); }
.c-blue400 { color: var(--colour-blue400); }
.has-blue-color,
.c-blue500 { color: var(--colour-blue500); }
.c-blue600 { color: var(--colour-blue600); }
.c-blue700 { color: var(--colour-blue700); }
.c-blue80 { color: var(--colour-blue80); }
.c-blue60 { color: var(--colour-blue60); }
.c-blue40 { color: var(--colour-blue40); }
.c-blue20 { color: var(--colour-blue20); }
.c-blue10 { color: var(--colour-blue10); }
.c-yellow400 { color: var(--colour-yellow400); }
.has-yellow-color,
.c-yellow500 { color: var(--colour-yellow500); }
.c-yellow600 { color: var(--colour-yellow600); }
.c-dark-blue400 { color: var(--colour-dark-blue400); }
.c-dark-blue500 { color: var(--colour-dark-blue500); }
.c-dark-blue600 { color: var(--colour-dark-blue600); }
.c-grey100 { color: var(--colour-grey100); }
.c-grey200 { color: var(--colour-grey200); }
.c-grey300 { color: var(--colour-grey300); }
.has-light-grey-color,
.c-grey400 { color: var(--colour-grey400); }
.c-grey500 { color: var(--colour-grey500); }
.c-grey600 { color: var(--colour-grey600); }
.has-dark-grey-color,
.c-grey700 { color: var(--colour-grey700); }
.c-grey800 { color: var(--colour-grey800); }
.c-grey900 { color: var(--colour-grey900); }
.c-grey-dark { color: var(--colour-grey-dark); }
.has-black-background-color,
.bg-black, .bull-black li:before { background-color: var(--colour-black); }
.has-white-background-color,
.bg-white, .bull-white li:before { background-color: var(--colour-white); }
.bg-purple600, .bull-purple600 li:before { background-color: var(--colour-purple600); }
.has-purple-background-color,    
.bg-purple500, .bull-purple500 li:before { background-color: var(--colour-purple500); }
.bg-purple400, .bull-purple400 li:before { background-color: var(--colour-purple400); }
.bg-purple80, .bull-purple80 li:before { background-color: var(--colour-purple80); }
.bg-purple60, .bull-purple60 li:before { background-color: var(--colour-purple60); }
.bg-purple40, .bull-purple40 li:before { background-color: var(--colour-purple40); }
.has-light-purple-background-color,
.bg-purple20, .bull-purple20 li:before { background-color: var(--colour-purple20); }
.bg-purple10, .bull-purple10 li:before { background-color: var(--colour-purple10); }
.bg-blue400, .bull-blue400 li:before { background-color: var(--colour-blue400); }
.has-blue-background-color,
.bg-blue500, .bull-blue500 li:before { background-color: var(--colour-blue500); }
.bg-blue600, .bull-blue600 li:before { background-color: var(--colour-blue600); }
.bg-blue700, .bull-blue700 li:before { background-color: var(--colour-blue700); }
.bg-blue80, .bull-blue80 li:before { background-color: var(--colour-blue80); }
.bg-blue60, .bull-blue60 li:before { background-color: var(--colour-blue60); }
.bg-blue40, .bull-blue40 li:before { background-color: var(--colour-blue40); }
.bg-blue20, .bull-blue20 li:before { background-color: var(--colour-blue20); }
.bg-blue10, .bull-blue10 li:before { background-color: var(--colour-blue10); }
.bg-yellow400, .bull-yellow400 li:before { background-color: var(--colour-yellow400); }
.has-yellow-background-color,
.bg-yellow500, .bull-yellow500 li:before { background-color: var(--colour-yellow500); }
.bg-yellow600, .bull-yellow600 li:before { background-color: var(--colour-yellow600); }
.bg-dark-blue400, .bull-dark-blue400 li:before { background-color: var(--colour-dark-blue400); }
.bg-dark-blue500, .bull-dark-blue500 li:before { background-color: var(--colour-dark-blue500); }
.bg-dark-blue600, .bull-dark-blue600 li:before { background-color: var(--colour-dark-blue600); }
.bg-grey100, .bull-grey100 li:before { background-color: var(--colour-grey100); }
.bg-grey200, .bull-grey200 li:before { background-color: var(--colour-grey200); }
.bg-grey300, .bull-grey300 li:before { background-color: var(--colour-grey300); }
.has-light-grey-background-color,
.bg-grey400, .bull-grey400 li:before { background-color: var(--colour-grey400); }
.bg-grey500, .bull-grey500 li:before { background-color: var(--colour-grey500); }
.bg-grey600, .bull-grey600 li:before { background-color: var(--colour-grey600); }
.has-dark-grey-background-color,
.bg-grey700, .bull-grey700 li:before { background-color: var(--colour-grey700); }
.bg-grey800, .bull-grey800 li:before { background-color: var(--colour-grey800); }
.bg-grey900, .bull-grey900 li:before { background-color: var(--colour-grey900); }
.bg-grey-dark, .bull-grey-dark li:before { background-color: var(--colour-grey-dark); }
.border-black { border-color: var(--colour-black); }
.border-white { border-color: var(--colour-white); }
.border-purple600 { border-color: var(--colour-purple600); }
.border-purple500 { border-color: var(--colour-purple500); }
.border-purple400 { border-color: var(--colour-purple400); }
.border-purple80 { border-color: var(--colour-purple80); }
.border-purple60 { border-color: var(--colour-purple60); }
.border-purple40 { border-color: var(--colour-purple40); }
.border-purple20 { border-color: var(--colour-purple20); }
.border-purple10 { border-color: var(--colour-purple10); }
.border-blue400 { border-color: var(--colour-blue400); }
.border-blue500 { border-color: var(--colour-blue500); }
.border-blue600 { border-color: var(--colour-blue600); }
.border-blue700 { border-color: var(--colour-blue700); }
.border-blue80 { border-color: var(--colour-blue80); }
.border-blue60 { border-color: var(--colour-blue60); }
.border-blue40 { border-color: var(--colour-blue40); }
.border-blue20 { border-color: var(--colour-blue20); }
.border-blue10 { border-color: var(--colour-blue10); }
.border-yellow400 { border-color: var(--colour-yellow400); }
.border-yellow500 { border-color: var(--colour-yellow500); }
.border-yellow600 { border-color: var(--colour-yellow600); }
.border-dark-blue400 { border-color: var(--colour-dark-blue400); }
.border-dark-blue500 { border-color: var(--colour-dark-blue500); }
.border-dark-blue600 { border-color: var(--colour-dark-blue600); }
.border-grey100 { border-color: var(--colour-grey100); }
.border-grey200 { border-color: var(--colour-grey200); }
.border-grey300 { border-color: var(--colour-grey300); }
.border-grey400 { border-color: var(--colour-grey400); }
.border-grey500 { border-color: var(--colour-grey500); }
.border-grey600 { border-color: var(--colour-grey600); }
.border-grey700 { border-color: var(--colour-grey700); }
.border-grey800 { border-color: var(--colour-grey800); }
.border-grey900 { border-color: var(--colour-grey900); }
.border-grey-dark { border-color: var(--colour-grey-dark); } header,
.wide-block:after,
.clearfix:after { content: ""; display: table; clear: both; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
} audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
} html, body { height: 100%; }
body { min-height: 100vh; overflow-x: hidden; display: flex; flex-direction: column; -webkit-text-size-adjust: none; }
html { font-size: 62.5%; color: var(--colour-black); }
* { margin: 0px; padding: 0px; } html, select, input { font-weight: 400; font-family: var(--body-font); }
body, select, input { font-size: var(--fontSize); }
a img { border: none; }
a { outline: none; }
img { display: block; height: auto; } header { padding-bottom: calc(var(--marginVert) * 3); position: relative; }
header.hide { }
header ul,
header li { list-style: none; padding: 0; margin: 0; }
header ul li { display: inline-block; }
.logo-header { background-position: top left; background-size: cover; background-repeat: no-repeat; width: 176px; height: 64px; position: relative; }
.logo-header.mono { display: none; width: 130px; height: 45px; }
.logo-header a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
header .inner-wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; position: relative; }
.header-row-1 { padding: 26px 0; }
.header-row-2 { padding: 16px 0; width: 100%; }
.links-mobile { display: none; }
.links-mobile li:first-child a { text-indent: -9999px; display: block; }
header ul { display: flex; gap: calc(var(--marginHoriz) * 3); align-items: center; }
.menu-top li { font-size: var(--fontSizeSmall); }
.icon-user a { position: relative; padding-left: 32px; }
.icon-user a:after { content: ""; position: absolute; left: 0; width: 24px; height: 24px; background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/06/icon-user.svg) center left no-repeat; background-size: cover; }
header li a { font-weight: 700; }
header li a:hover {  }
.icon { cursor: pointer; }
.search-form { position: absolute; z-index: 100; top: -4px; right: 118px; display: none; }
.search-form input { border: 1px solid var(--colour-grey800); }
.search-field  { padding: 4px; box-sizing: border-box; }
.search-submit { padding: 4px var(--marginHoriz); background: var(--colour-yellow400); }
.search-form.show { display: flex; gap: var(--marginHoriz); }
#menu-menu-sub { display: none; } .logo-header.mono,
.home .logo-header { background-image: url(//ambassadors.meningitis.org/wp-content/uploads/2024/06/logo-header-mobile.png); } .home header { position: relative; z-index: 200; }
.home:not(.section-amb) .page-wrapper { position: relative; transform: translateY(-121px); margin-bottom: -121px; width: 100%; }
.home header li a { color: var(--colour-white); }
.home .page-content { margin: 0 auto; } .section-amb header .header-row-2 { background: url(//ambassadors.meningitis.org/wp-content/uploads/2025/06/ambassadors-header.webp), var(--grad-amb); padding: 40px 0 50px; background-position: left top; background-size: cover; }
.section-amb .logo-header { width: 251px; height: 92px; }
.ambassadors-title { display: flex; flex-flow: column; width: 100%; gap: calc(var(--gridGap) * 2); }
.ambassadors-title h1,
.ambassadors-title p.page-title { font-size: 4.5rem; line-height: 100%; margin: var(--blockSpace-XL) 0 0; font-weight: 700; }
.ambassadors-title p { font-size: 2.8rem; margin: 0; line-height: 140%; font-weight: 300; }
.section-amb header { padding-bottom: 0; margin-bottom: var(--gap-big); } footer { background: var(--colour-grey200); padding: var(--blockSpace); color: var(--colour-purple500); display: flex; flex-flow: column wrap; justify-content: center; align-items: center; text-align: center;     margin-top: auto; }
footer *:last-of-type { margin-bottom: 0; }
footer .footer-wrap ul,
footer .footer-wrap ul li { list-style: none; padding: 0; margin: 0; display: flex; }
footer .footer-wrap .list-footer { justify-content: center; flex-flow: row wrap; }
footer .footer-wrap .list-footer li { padding: 0 0 0 var(--marginHoriz); border-left: 1px solid var(--colour-purple500); margin-left: var(--marginHoriz); line-height: 1; }
footer .footer-wrap .list-footer li:first-child { padding-left: 0; margin-left: 0; border: none; }
footer .footer-wrap .list-footer li { margin-bottom: calc(var(--marginVert) * 1.5) !important; }
footer .footer-wrap .list-socials { gap: calc(var(--marginHoriz) * 2.5); margin: var(--blockSpace) 0; justify-content: center; }
footer .footer-wrap .list-socials li a:hover { opacity: 0.5; }
footer .footer-wrap .list-socials li a img { aspect-ratio: 1 / 1; }
footer p,
footer li { font-size: var(--fontSizeSmall); }
footer p { margin-bottom: calc(var(--marginVert) * 1.5); } @media only screen and (min-width : 1921px) {
header .inner-wrapper,
.page-wrapper { margin: 0 auto; }
}
@media only screen and (max-width : 1919px) {
.search-form { right: 77px; }
.wrapper-1-in-5 img { max-width: 27.3vw; }
}
@media only screen and (max-width : 1299px) {
.menu-phones { display: none; }
.links-mobile { display: flex; gap: calc(var(--marginHoriz) * 2); }
.logo-header.mono,
.logo-mobile { display: block; }
body:not(.section-amb) .header-row-2 .logo-header { display: none; } 
.section-amb .logo-header { width: 130px; height: 45px; }  
.menu-top li,
header li { font-size: var(--fontSize); }
.header-row-1 { padding: 10px 0; }
.section-amb .header-row-2 { padding: 10px 0; }
.menu-top,
.menu-ambassadors,
.menu-sub { flex-flow: column; align-items: flex-end; flex: 1 1 100%; gap: var(--marginVert); max-height: 0;
overflow: hidden; transition: max-height var(--animSpeed) ease; }
.mobile-menu-show .menu-top,
.mobile-menu-show .menu-ambassadors,
.mobile-menu-show .menu-sub { max-height: 300px; }
.menu-top,
.mobile-menu-show .menu-ambassadors,
.mobile-menu-show .menu-sub { transition-delay: calc(var(--animSpeed) / 3); }
.menu-ambassadors li:nth-last-child(2),
.menu-sub li:nth-last-child(2) { padding-bottom: calc(var(--marginHoriz) * 2); }
body:not(.section-amb) .header-row-2 .donate,
.menu-top .icon-search { display: none; }
.header-row-2 { background: var(--colour-purple500); color: var(--colour-white); padding: 0; }
.search-form { top: 7px; right: 114px; }
.icon-mobile { width: 24px; height: 24px; background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/06/icon-menu.svg) no-repeat top left; background-size: cover; }
.section-amb .icon-mobile { background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/12/icon-menu.svg); }
.mobile-menu-show .icon-mobile { background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/06/icon-close.svg) no-repeat top left; }
.section-amb.mobile-menu-show .icon-mobile { background-image: url(//ambassadors.meningitis.org/wp-content/uploads/2024/12/icon-close.svg); }
.ambassadors-title h1,
.ambassadors-title p.page-title { font-size: 4.0rem; margin-top: 60px; }
.ambassadors-title p { font-size: 2.5rem; }    
}
@media only screen and (max-width : 767px) {
.search-form { right: 94px; }
.section-amb header .header-row-2 { padding: 30px 0 40px; }
.ambassadors-title p.page-title,
.ambassadors-title h1 { font-size: 3.0rem; margin-top: 40px; }
.ambassadors-title p { font-size: 2.0rem; }     
} h1, h2, h3, h4 { font-family: var(--headline-font); font-weight: 700; margin-bottom: var(--gap-sml); -webkit-text-size-adjust: none; }
h1 { font-size: 3.2rem; line-height: 140%; margin-bottom: var(--gap-mid); }
h2 { font-size: 2.8rem; }
h3 { font-size: 2.6rem; }
h4 { font-size: 2.2rem; }
p, li, th, td, label, address, cite, select, figcaption { font-size: var(--fontSize); line-height: 2.4rem; }
p { margin-bottom: calc(var(--marginVert) * 3); }
.subheading { font-size: 2.1rem; line-height: 3.2rem; }
.light { font-weight: 300; }
.small { font-size: var(--fontSizeSmall); }
.xs { font-size: var(--fontSizeXS); line-height: 1.6rem; }
.gradient strong { background: var(--grad-horiz); -webkit-background-clip: text; color: transparent; }
.not-mobile { }
.not-desktop { display: none; }
h2.divider { display: flex; align-items: center; position: relative; margin-bottom: calc(var(--marginVert) * 4); }
h2.divider:after { content: ''; flex-grow: 1; height: 1px; background-color: var(--colour-grey400); margin-left: calc(var(--marginHoriz) * 2); } a { text-decoration: none; color: inherit; }
h4 a,
p:not(.button) a { color: var(--colour-blue600); text-decoration: none; }
h4 a:hover,
p:not(.button) a:hover { color: var(--colour-blue700); }
a img { border: none; }
p:empty { display: none; } ul { list-style-type: disc;	}
ul, ol { padding-bottom: calc(var(--marginVert) * 3); }
li { padding-left: 5px; margin-left: 25px; margin-bottom: 3px; }
ul li:last-child { margin-bottom: 0; }
ul ul { padding-top: 0; }
ul.bullet { list-style: none; }
.bullet li { list-style: none; padding-left: 22px; margin-left: 0; position: relative; }
.bullet li:before,
p.bullet:before { content: ""; position: absolute; left: 0; top: 11px;
width: 6px; height: 6px; display: block; background: var(--colour-highlight-dk); }
ul li ul { padding-bottom: 0; } figure img { width: 100%; height: auto; }
figure.auto img { width: auto; max-width: 100%; }  .page-wrapper { position: relative; padding-bottom: var(--gap-big); }
.inner-wrapper { width: 100%; max-width: 1488px; margin: auto; box-sizing: border-box; padding-left: calc(var(--marginHoriz) * 10); padding-right: calc(var(--marginHoriz) * 10); }
.home .page-content { padding: 0; }
body:not(.home) .page-content > .wp-block-group__inner-container { display: flex; flex-flow: row nowrap; }
.content-wrapper { flex: 1; padding-top: calc(var(--marginHoriz) * 5); width: 50%; }
.home .content-wrapper { width: 100%; }
.blockspace-bot { margin-bottom: var(--blockSpace); }
.blockspace-xl-bot { margin-bottom: calc(var(--blockSpace) * 2); }
.blockspace-xl-top { margin-top: calc(var(--blockSpace) * 2); }
.blockspace-xl-bot-pad { padding-bottom: calc(var(--blockSpace) * 2); }
.blockspace-xl-top-pad { padding-top: calc(var(--blockSpace) * 2); }
.blockspace-pad-all { padding: var(--blockSpace); }
.blockspace-xl-pad-all { padding: calc(var(--blockSpace) * 2); }
.mb3x { padding-bottom: calc(var(--marginVert) * 2); }
.padded .grid.is-layout-grid:not(.grid-post-resources) { margin-bottom: 0; }
.padded.pad-big { padding: var(--gap-big); }
.padded.pad-mid { padding: var(--gap-mid); }
.padded.pad-sml { padding: calc(var(--marginVert) * 3); }
.padded.pad-big-v { padding: var(--gap-big) 0; }
.padded.pad-mid-v { padding: var(--gap-mid) 0; }
.padded.pad-sml-v { padding: calc(var(--marginVert) * 3) 0; }
.gap-top-mid { margin-top: var(--gap-mid); }
.gap-top-big { margin-top: var(--gap-big); }
.gap-top-sml { margin-top: calc(var(--marginVert) * 3); }
.gap-bot-mid { margin-bottom: var(--gap-mid); }
.gap-bot-big { margin-bottom: var(--gap-big); }
.gap-bot-sml { margin-bottom: calc(var(--marginVert) * 3); }
.gap-mid,
.two-columns.gap-mid { gap: var(--gap-mid); }
.gap-big { gap: var(--gap-big); }
.gap-sml { gap: calc(var(--marginVert) * 3); }
.mb0 { margin-bottom: 0; }  .button { display: inline-block; }
.button a { padding: calc(var(--marginVert) * 1.5) calc(var(--marginHoriz) * 3); border-radius: 2px; display: inline-block; font-weight: 700; }
.button.yellow a { background: var(--colour-yellow500); color: var(--colour-black); }
.button.yellow a:hover { background: var(--colour-yellow400); color: var(--colour-black); }
.menu-mpt .button.current-menu-item a,
.button.blue a { background: var(--colour-blue600); color: var(--colour-white); }
.section-amb .button.blue a:hover,
.button.blue a:hover { background: var(--colour-blue700); color: var(--colour-white); }
@media (hover: hover) {
.menu-mpt li a:hover { background: var(--colour-blue700); color: var(--colour-white); }
}
.section-amb .button.blue a { background: var(--colour-blue500); color: var(--colour-white); background: var(--colour-blue400); color: var(--colour-black); }
.button.white a { background: var(--colour-white); color: var(--colour-black); }
.button.white a:hover { background: var(--colour-grey200); color: var(--colour-black); }    
.button.tertiary a { background: var(--colour-white); border: 1px solid var(--colour-grey400); color: var(--colour-black); padding: calc((var(--marginVert) * 1.5) - 3px) calc(var(--marginHoriz) * 3); }
.button.tertiary a:hover { border: 1px solid var(--colour-grey600); color: var(--colour-black); }
.button.icon-copy,
.button.text a { color: var(--colour-blue600); }
.button.text a:hover { text-decoration: underline; color: var(--colour-blue600); }
.button.with-icon a { position: relative; }
.button.with-icon.icon-left a:before,
.button.with-icon.icon-right a:after { content: ""; display: inline-block; background-size: cover; width: 24px; height: 21px;  top: 4px;  position: relative; }
.button.icon-left.icon-arrow a:before { background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/06/icon-arrow-left.svg) no-repeat top left; margin-right: var(--marginHoriz); }
.button.icon-right.icon-arrow a:after { background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/06/icon-arrow-right.svg) no-repeat top left; margin-left: var(--marginHoriz); }
.button.chart-text { border: none; display: block; }
.button.chart-text a { padding: 0; position: relative; color: var(--colour-blue600); font-weight: 700; display: inline-flex; flex-flow: row nowrap; align-items: center; gap: 10px; }
.button.chart-text a:after { content: ""; display: inline-block; background-size: cover; width: 25px; height: 22px;   position: relative; background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/06/icon-arrow-right-blue.svg) no-repeat center left; margin: 0; }
.button.no-text a { text-indent: -9999px; min-height: 24px; }
.button.no-text a:after { position: absolute !important; left: 4px; top: 13px !important; }
.button.icon-copy { position: relative; color: var(--colour-blue600); min-width: 100px; text-align: right; }
.button.icon-copy:not(.icon-copied) { cursor: pointer; }
.button.icon-left.icon-copy:before { background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/06/icon-copy-blue.svg) no-repeat top left; margin-right: var(--marginHoriz); height: 24px; width: 24px; top: 7px; content: ""; display: inline-block; background-size: cover;  position: relative; }
.button.icon-copy.icon-copied:before { background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/06/icon-check-blue.svg) no-repeat top left; }
.button.icon-copy:hover:not(.icon-copied) { text-decoration: underline; } .button-row .wp-block-group__inner-container { display: flex; flex-flow: row wrap; gap: 25px; margin: var(--gap-mid) 0; }
.button-row .button { margin-bottom: 0; } .heading-with-button > .wp-block-group__inner-container { position: relative; }
.heading-with-button h3 { margin-bottom: calc(var(--marginVert)* 4); }  .with-image.full-height { align-self: stretch; } .with-image.full-height figure,
.with-image.full-height figure img { height: 100%; }
.with-image.full-height figure img { height: 100%; object-fit: cover; min-height: 320px; } .block.text-only { margin-bottom: var(--blockSpace); } .overlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0;
left: 0; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; display: none; z-index: 999; }
.overlay.show { display: block; }
#formModal { background: var(--colour-grey100); padding: var(--gap-mid); } nav.breadcrumbs { margin: 0 0 var(--gap-mid); border-bottom: 1px dotted; padding-bottom: 10px; }
nav.breadcrumbs a:hover { color: var(--colour-blue500); }
.breadcrumbs-bottom { border-top: 1px dotted; margin-top: var(--gap-mid) !important; } .grid.is-layout-grid { display: grid; gap: var(--gap-mid); }
.grid.is-layout-grid:not(.media-links) { margin-bottom: var(--gap-big); }
.wp-block-group.has-background .grid.is-layout-grid { margin-bottom: 0; }
.grid-2.is-layout-grid { grid-template-columns: repeat(2, 1fr); }
.grid-3.is-layout-grid { grid-template-columns: repeat(3, 1fr); }
.grid-4.is-layout-grid { grid-template-columns: repeat(4, 1fr); gap: calc(var(--gap-mid) + var(--gap-sml)) var(--gap-mid); }
.pagination { margin-bottom: var(--gap-big); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 15px; }
.pagination .page-numbers { font-weight: 500; flex-grow: 0; padding: 10px; width: 20px; height: 20px; background: var(--colour-grey200); text-align: center; border-radius: 50%; }
.pagination .page-numbers:hover { background: var(--colour-grey300); }
.pagination .page-numbers.current { font-weight: 700; background: var(--colour-blue500); color: var(--colour-white); }
.card h3 { margin: var(--gap-mid) 0 var(--gap-sml); line-height: 120%; }
.card .button { margin: 0; }
.card .button a { font-weight: 500; font-size: 1.4rem; }
.card > .wp-block-group__inner-container { display: flex; flex-flow: column; height: 100%; justify-content: center; } .grid:not(#people-grid) .card figure { width: 100%; flex-shrink: 0; }
.grid:not(#people-grid) .card figure img { object-fit: cover; margin-top: 0; margin-bottom: auto; aspect-ratio: 16 / 9; }
body.home .grid:not(#people-grid) .card .block-text { align-items: center; }
.grid:not(#people-grid) .card .block-text { flex: 1; display: flex; }
.grid:not(#people-grid) .card .block-text .wp-block-group__inner-container { display: flex; flex-flow: column nowrap; }
.grid:not(#people-grid) .card .block-text .wp-block-group__inner-container .button { margin-top: auto; }
.grid.bordered .card .block-text { border: 1px solid #000; }
.grid-post-policies .card { background-color: var(--colour-purple20); }
.grid-post-training .card,
.grid-post-resources .card { background-color: var(--colour-white); }
.grid-post-training .card .block-text { border: 1px solid var(--colour-black); }
.grid-post-training .card .block-text:not(.noImage) { border-top: none; }
#people-grid .card > .wp-block-group__inner-container { justify-content: flex-start; }
#people-grid .card figure { flex: 0; }
#people-grid .card p.button { margin-top :auto; }
.welcome-ambassadors { background: linear-gradient(to right, rgba(222,213,230,1) 20%, rgba(222,213,230,0) 75%), url(//ambassadors.meningitis.org/wp-content/uploads/2025/01/map-dots.webp) no-repeat center right, var(--colour-purple20); margin-bottom: calc(var(--gap-mid) + var(--gap-sml)); display: flex; align-items: center; flex-flow: row nowrap; gap: var(--gap-mid); padding: calc(var(--gap-big) + var(--gap-mid)) var(--gap-big) calc(var(--gap-big) + var(--gap-mid)); }
.welcome-ambassadors .wp-block-column p:last-child { margin-bottom: 0; }
.banner-questions { background: url(//ambassadors.meningitis.org/wp-content/uploads/2025/05/get-in-touch-gradient2.webp) no-repeat top right; background-size: cover; padding: calc(var(--gap-big) + var(--gap-mid)) var(--gap-big); }
.welcome-text,
.banner-questions h2+p { width: 624px; }
.block-text { padding: var(--gap-big); }
.grid-3 .block-text { padding: calc(var(--gap-mid) + var(--gap-sml)); }
.block-text h3 { margin-top: 0; }
.block-text:not(.extLink) .wp-block-group__inner-container > *:last-child { margin-bottom: 0; } .media-links { margin-bottom: calc(var(--marginVert) * 3); padding: calc(var(--marginVert) * 3); }
.media-link figure img { margin: 0; border: 1px solid var(--colour-grey400); padding: var(--gap-sml);     box-sizing: border-box; background: var(--colour-white); }
.media-links .media-link p { margin-bottom: 0; }
.checklist { background: var(--colour-white); border: var(--colour-purple80) 3px solid; }
.progress-completed {}
.progress-completed label { text-align: right; width: 100%; display: inline-block; font-weight: 500; margin-bottom: var(--gap-sml); }
.progress-completed progress { -webkit-appearance: none; appearance: none; border: none; background: none; margin-bottom: var(--gap-mid); }
.progress-completed progress {
width: 100%; height: 20px; background-color: var(--colour-blue10); border-radius: 50px; overflow: hidden; }
.progress-completed progress::-webkit-progress-bar {
background-color: var(--colour-blue10); }
.progress-completed progress::-webkit-progress-value {
background-color: var(--colour-blue500); border-radius: 50px; }
.progress-completed progress::-moz-progress-bar {
background-color: #4caf50; }
.list-progress { margin: 0; padding: 0; list-style: none; display: grid; flex-flow: row wrap; grid-gap: var(--gap-sml); grid-template-columns: repeat(2, 1fr); }
.list-progress li { list-style: none; position: relative; margin: 0; padding: 0; display: inline; cursor: pointer; padding-left: 55px; }
.list-progress li:before { content: ""; height: 40px; width: 40px; background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/12/progress-empty.svg) no-repeat center center; display: block; flex: 0 0 40px; background-size: cover; position: absolute; left: 0; }
.list-progress li a { text-decoration: underline; }
.list-progress li a:hover { color: var(--colour-blue500); }
.list-progress li.done:before { background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/12/progress-full.svg) no-repeat center center;  }
.list-progress li.done { font-weight: 500; } #checklist-submit { margin-top: var(--gap-sml); }
#checklist-form-notice { margin-top: var(--gap-mid); display: none; }
#checklist-form-notice.show { display: block; } .banner-questions .button-row .wp-block-group__inner-container,
.two-columns-text .button-row .wp-block-group__inner-container { margin-bottom: 0; }
.block-narrow { max-width: 730px; margin: 0 auto; }
.two-columns { display: flex; flex-flow: row nowrap; gap: var(--gap-big); }
.two-columns.padded { margin-bottom: var(--gap-big); }
.two-columns .wp-block-column { flex: 1 1 50%; }
.two-columns .wp-block-column:first-child { max-width: 700px; }
.two-columns-text:not(.no-centre) { align-self: center; }
.two-columns-text .subhead { font-weight: 500; }
.two-columns-text > p:last-of-type { margin-bottom: 0; }
.two-columns-image figure { height: 100%; }
.two-columns-image figure img { height: 100%; object-fit: cover; } .expandable-wrapper { clear: both; margin-bottom: var(--gap-big); }
.expandable { padding: 0; width: 100%; box-sizing: border-box; margin-bottom: var(--gap-mid); }
.expandable-wrapper .expandable:last-child { margin-bottom: 0; }
.expandable .expandable-content-outer { max-height: 0; overflow: hidden; padding: 0; transition: max-height 0.5s ease; }
.expandable .expandable-content-outer p,
.expandable .expandable-content-outer ul { padding-bottom: 0; }
.expandable.show .expandable-content-outer { max-height: var(--expander-max-height); }
.expandable .expandable-content-outer *:first-child { margin-top: 0; }
.expandable .expandable-content-outer *:last-child { margin-bottom: 0; }
.expandable .expandable-content-inner { padding: var(--gap-mid) var(--gap-big) 0 var(--gap-big); }
.expandable-link { margin-bottom: 0; cursor: pointer; padding: var(--gap-mid) calc(var(--gap-big) *2) var(--gap-mid) var(--gap-big); position: relative; font-weight: 500; transition: background 0.5s ease; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.expandable.show .expandable-link { background: var(--colour-purple500); color: var(--colour-white); }
.expandable .expandable-link:after { content: ""; width: 32px; height: 32px; background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/12/icon-plus.svg) no-repeat center center; background-size: cover; position: absolute; right: var(--gap-big); }
.expandable.show .expandable-link:after { background: url(//ambassadors.meningitis.org/wp-content/uploads/2024/12/icon-minus.svg) no-repeat center center; }
.related-items { margin-bottom: var(--gap-big); padding-top: var(--gap-big); border-top: 3px solid var(--colour-purple20); }
.chk-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.5); flex-flow: row wrap; justify-content: center; align-items: center; }
.chk-overlay.show { display: flex; }
.section-amb #formModal { background: var(--colour-white); padding: var(--gap-sml); max-width: 450px; box-sizing: border-box;     display: flex; flex-flow: column; }
.closeChecklist { cursor: pointer; align-self: flex-end; }
#formModal .wpforms-container { margin: var(--gap-sml) 0 0; }
.section-amb .wpforms-field-container { text-align: left; }
.section-amb #formModal input,
.section-amb #formModal .wpforms-field-row-block { width: 100%; padding: 10px; max-width: none; box-sizing: border-box; }
.section-amb #formModal label { margin: 0 0 var(--gap-sml); }
.section-amb #formModal .wpforms-field { padding: 0; }
.section-amb #formModal .wpforms-field-container { display: flex; flex-flow: column; gap: var(--gap-mid); }
.section-amb #formModal .wpforms-submit-container { margin: var(--gap-mid) 0 0; }
.section-amb #formModal .wpforms-confirmation-container-full { background: var(--colour-grey100); margin: 0; }
.section-amb #formModal .closeChecklist { margin: 0 0 var(--gap-sml); }
#menu-menu-ambassadors:hover li:not(.button.yellow) { opacity: 0.5; }
#menu-menu-ambassadors li:hover { opacity: 1 !important; }
.wp-block-group.block-narrow figure + h2,
.wp-block-group.block-narrow figure + h3,
.wp-block-group.block-narrow figure + p { margin-top: var(--gap-mid); }
.wp-block-group.block-narrow figcaption { margin-top: 10px; opacity: 0.8; }
}  @media only screen and (max-width : 1919px) {
header { padding-bottom: var(--marginVert); }
.inner-wrapper { width: 100%; padding-left: calc(var(--marginHoriz) * 5); padding-right: calc(var(--marginHoriz) * 5); }
.logo-header { width: 158px; height: 56px; }
.home-header-wrapper { background: linear-gradient(to right, var(--colour-purple20) calc((100vw - var(--marginHoriz) * 45) / 4 + var(--marginHoriz) * 15), var(--colour-purple10) calc((100vw - var(--marginHoriz) * 45) / 4 + var(--marginHoriz) * 15)); padding-bottom: calc(var(--marginHoriz) * 15); }
.home .block-goals,
.home .block-resources,
.home-columns { padding-left: calc(var(--marginHoriz) * 15); padding-right: calc(var(--marginHoriz) * 15); }
.home-columns:not(.home-hero) { gap: calc(var(--marginHoriz) * 15); }
.home-columns:not(.home-hero) > .wp-block-column:first-child { flex: 1 1 100%; max-width: 41vw; }
.boxes-cols-columns .wp-block-column { align-content: center; padding: var(--blockSpace) calc(var(--marginVert) * 2.5); } .special-image { width: 100%; align-self: center; }
.special-image img { max-width: 550px; margin: 0 0 0 auto; }
.block-special > .wp-block-group__inner-container { grid-template-columns: 27.6vw 1fr; }
.block-special .chart,
.special-image { width: 100%; }
.block-special.text-right > .wp-block-group__inner-container { grid-template-columns: 1fr 27.6vw; }
}
@media only screen and (max-width : 1439px) {
:root {
--gap-big: 60px; 
--gap-mid: 30px;
--gap-sml: 15px;        
}    
header { padding-bottom: 0; }
.content-wrapper { flex: 1 1 100%; }
.inner-wrapper { width: 100%; padding-left: calc(var(--marginHoriz)* 7); padding-right: calc(var(--marginHoriz)* 7); }
body:not(.home) .page-content > .wp-block-group__inner-container { flex-flow: row wrap; }
.home-hero h1 { font-size: 5.0rem; }
.home-columns { padding-left: calc(var(--marginHoriz) * 8); padding-right: calc(var(--marginHoriz) * 8); }
.home-columns:not(.home-hero) { gap: calc(var(--marginHoriz) * 8); }
.home-header-wrapper { background: linear-gradient(to right, var(--colour-purple20) calc((100vw - var(--marginHoriz) * 24) / 4 + var(--marginHoriz) * 8), var(--colour-purple10) calc((100vw - var(--marginHoriz) * 24) / 4 + var(--marginHoriz) * 8)); padding-bottom: calc(var(--marginHoriz) * 8); }
.home .page-content { padding: 0; }
.block-charts-only .block-2cols { flex-flow: column wrap; }
.block-charts-only .block-2cols .chart { flex: 1 1 100% !important; width: 100%; max-width: none; }
.block-2cols .chart { flex: 0 0 42.36vw !important; }
.overview > .wp-block-column h2 { font-size: 3.2rem; }
.overview.cols4 { display: grid; grid-template-columns: repeat(2, 1fr); }
.block-special > .wp-block-group__inner-container { grid-template-columns: 42vw 1fr; }
.block-special.text-right > .wp-block-group__inner-container { grid-template-columns: 1fr 42vw; }
.panel-3cols { flex-flow: column wrap; }
.home .goals .wp-block-column figure { padding: 6vw; width: 23.6vw; height: 23.6vw; }
.about-column { flex: 0 0 100%; }
.expandable .expandable-link:after { width: 28px; height: 28px; }
}
@media only screen and (max-width : 1299px) {
.breadcrumbs { margin-top: calc(var(--marginVert)* 2); }
.overview > .wp-block-column h2 { font-size: 2.8rem; }
.boxes-cols-columns .wp-block-column { padding: var(--blockSpace) calc(var(--marginVert) * 2); }
.home-hero-wrapper { position: relative; transform: translateY(-48px);
padding-top: 48px; margin-bottom: 0px; }
.home-hero-wrapper:before { padding-top: 12px; }
.hero-overlay .wp-block-column:first-child { padding-top: 19%; }
.hero-overlay p { line-height: 1.2; }
.block-resources .wp-block-columns { grid-gap: calc(var(--marginVert) * 3); }
.block-text { padding: var(--gap-mid); }
.list-progress { grid-template-columns: repeat(1, 1fr); }
.list-progress li:before { height: 30px; width: 30px; flex: 0 0 30px; }
.list-progress li { padding-left: 55px; }
.expandable .expandable-link:after { width: 26px; height: 26px; }    
}
@media only screen and (max-width : 1023px) {
:root {
--gap-big: 40px; 
--gap-mid: 20px;
--gap-sml: 10px;        
}     
.welcome-ambassadors { flex-flow: column wrap; background: linear-gradient(to bottom, rgba(222,213,230,1) 20%, rgba(222,213,230,0) 75%), url(//ambassadors.meningitis.org/wp-content/uploads/2025/01/map-dots.webp) no-repeat center right, var(--colour-purple20); align-items: normal; }
.welcome-ambassadors iframe { width: 100%; aspect-ratio: 16 / 9; height: 100%; }
.header-row-1 .button.white a { background: none; padding: 10px 0 0 0; color: white; }
.grid-4.is-layout-grid { grid-template-columns: repeat(3, 1fr); }
.grid-3.is-layout-grid { grid-template-columns: repeat(2, 1fr); }
.list-progress { columns: 1; }
.two-columns { flex-flow: row wrap !important; }
.two-columns .wp-block-column { flex: 1 1 100%; }
.two-columns .wp-block-column:first-child { max-width: none; }
.expandable .expandable-link:after { width: 24px; height: 24px; }     
}
@media only screen and (max-width : 767px) {
:root {
--fontSize: 1.6rem;
--blockSpace: calc(var(--marginVert) * 3); --gap-big: 32px; 
--gap-mid: 16px;
--gap-sml: 8px;         
}
.inner-wrapper { width: 100%; padding-left: calc(var(--marginHoriz) * 2); padding-right: calc(var(--marginHoriz) * 2); padding-left: 0; padding-right: 0; }
.section-amb .inner-wrapper { padding-left: var(--gap-mid); padding-right: var(--gap-mid); }
.page-content { padding: 0; }
.page-content .toc-column,
.content-wrapper > .wp-block-group__inner-container > *:not(.block-2cols) { padding-left: calc(var(--marginHoriz) * 2); padding-right: calc(var(--marginHoriz) * 2); }
h1 { font-size: 2.8rem; }
h2 { font-size: 2.6rem; }
h3 { font-size: 2.4rem; }
h4 { font-size: 2.0rem; }
p, li, th, td, label, address, cite, select, figcaption { line-height: 2.0rem; }
.subheading { font-size: 1.8rem; }
body:not(.home) .breadcrumbs li:first-child { display: none; }
.home .page-content { padding: 0; }
.welcome-text,
.banner-questions h2+p { width: 100%; }
.expandable .expandable-link:after { width: 20px; height: 20px; }  
.section-amb #formModal { max-width: 350px; }
.list-progress li { margin: 0 0 10px; }    
}
@media only screen and (max-width : 639px) {
.grid-2.is-layout-grid,
.grid-3.is-layout-grid,
.grid-4.is-layout-grid { grid-template-columns: repeat(1, 1fr); }
}