: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); --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; --blockSpace: calc(var(--marginVert) * 5); --animSpeed: 0.5s;
}  @font-face {
font-display: swap;
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(//tracker.meningitis.org/wp-content/themes/meningitis-progress-tracker/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(//tracker.meningitis.org/wp-content/themes/meningitis-progress-tracker/fonts/roboto/roboto-v30-latin-regular.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//tracker.meningitis.org/wp-content/themes/meningitis-progress-tracker/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(//tracker.meningitis.org/wp-content/themes/meningitis-progress-tracker/fonts/roboto/roboto-mono-v23-latin-regular.woff2) format('woff2');
} .c-black { color: var(--colour-black); }
.c-white { color: var(--colour-white); }
.c-purple600 { color: var(--colour-purple600); }
.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); }
.c-purple20 { color: var(--colour-purple20); }
.c-purple10 { color: var(--colour-purple10); }
.c-blue400 { color: var(--colour-blue400); }
.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); }
.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); }
.c-grey400 { color: var(--colour-grey400); }
.c-grey500 { color: var(--colour-grey500); }
.c-grey600 { color: var(--colour-grey600); }
.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); }
.bg-black, .bull-black li:before { background-color: var(--colour-black); }
.bg-white, .bull-white li:before { background-color: var(--colour-white); }
.bg-purple600, .bull-purple600 li:before { background-color: var(--colour-purple600); }
.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); }
.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); }
.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); }
.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); }
.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); }
.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; } 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: url(//tracker.meningitis.org/wp-content/uploads/2024/06/logo-header.png) top left no-repeat; background-size: cover; background-repeat: no-repeat; width: 176px; height: 64px; position: relative; }
.section-amb .logo-header { background-image: url(//tracker.meningitis.org/wp-content/uploads/logo-header.png); width: 279px; height: 102px; }
.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: 6px 0; }
.header-row-2 { padding: 16px 0; width: 100%; }
.links-mobile { display: none; }
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(//tracker.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(//tracker.meningitis.org/wp-content/uploads/2024/06/logo-header-mobile.png); } .home.section-amb .logo-header { background-image: url(//tracker.meningitis.org/wp-content/uploads/logo-header-mobile.png); }
.home header { position: relative; z-index: 200; }
.home .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; } 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 ul,
footer ul li { list-style: none; padding: 0; margin: 0; display: flex; }
footer .list-footer { justify-content: center; flex-flow: row wrap; }
footer .list-footer li { padding: 0 0 0 var(--marginHoriz); border-left: 1px solid var(--colour-purple500); margin-left: var(--marginHoriz); line-height: 1; }
footer .list-footer li:first-child { padding-left: 0; margin-left: 0; border: none; }
footer .list-footer li { margin-bottom: calc(var(--marginVert) * 1.5) !important; }
footer .list-socials { gap: calc(var(--marginHoriz) * 2.5); margin: var(--blockSpace) 0; }
footer .list-socials li a:hover { opacity: 0.5; }
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 : 1279px) {
.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(//tracker.meningitis.org/wp-content/uploads/2024/06/icon-menu.svg) no-repeat top left; background-size: cover; }
.section-amb .icon-mobile { background: url(//tracker.meningitis.org/wp-content/uploads/icon-menu.svg); }
.mobile-menu-show .icon-mobile { background: url(//tracker.meningitis.org/wp-content/uploads/2024/06/icon-close.svg) no-repeat top left; }
.section-amb.mobile-menu-show .icon-mobile { background-image: url(//tracker.meningitis.org/wp-content/uploads/icon-close.svg); }
}
@media only screen and (max-width : 767px) {
.search-form { right: 94px; }
} .xl,
h1, h2, h3, h4 { font-family: var(--headline-font); font-weight: 700; -webkit-text-size-adjust: none; }
.xl { font-size: 10.0rem; line-height: 12.0rem; }
h1 { font-size: 7.0rem; line-height: 8.0rem; }
h2 { font-size: 4.0rem; line-height: 4.8rem; }
h3 { font-size: 3.2rem; line-height: 4.0rem; }
h4 { font-size: 2.8rem; line-height: 3.2rem; }
p, li, th, td, label, address, cite, select { 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; }
p:not(.button) a { color: var(--colour-blue600); text-decoration: none; }
p:not(.button) a:hover { color: var(--colour-blue700); }
a img { border: none; } ul { list-style-type: disc;	}
ul, ol { padding-bottom: var(--marginVert); }
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; }  .page404 .breadcrumbs { display: none; } .home-header-wrapper { position: relative; background: linear-gradient(to right, var(--colour-purple20) calc((100vw - 1600px) / 2 + 350px), var(--colour-purple10) calc((100vw - 1600px) / 2 + 350px)); padding: calc(var(--marginVert) * 15) 0 calc(var(--marginVert) * 25); }
.home-header-wrapper .inner-wrapper { margin: 0 auto; position: relative; z-index: 100; }
.home-columns { display: flex; flex-flow: row nowrap; padding: 0 calc(var(--marginHoriz) * 20);     align-items: center; gap: calc(var(--marginHoriz) * 4); position: relative; max-width: 1600px; margin: 0 auto; }
.home-columns > .wp-block-column { flex: 1; position: relative; }
.home-columns > .wp-block-column *:last-child { margin-bottom: 0; }
.home-columns > .wp-block-column:last-child { position: relative; }
.home-columns h2 { margin-bottom: calc(var(--marginVert) * 3); }
.home-columns:not(.home-hero) { gap: calc(var(--marginHoriz) * 20); }
.home-columns:not(.home-hero) > .wp-block-column:first-child { flex: 1 1 100%; max-width: 787px; }
.home-hero-wrapper { position: relative; transform: translateY(-160px); padding-top: 160px; margin-bottom: -130px; }
.home-hero-wrapper:before { content: ''; padding-top: 42px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--grad-horiz); clip-path: polygon(0 0, 100% 0, 100% 63%, 0 89%); }
.home-hero { align-items: flex-start; position: relative;   }
.home-hero > .wp-block-column:first-child { margin: 14% 0 auto; }
.home-hero h1 { margin-bottom: calc(var(--marginVert) * 3); }
.home-hero p {  margin: 0; }
.home-hero .button { margin: var(--blockSpace) 0 0; }
.button.icon-right.icon-arrow.arrow-white a:after { background: url(//tracker.meningitis.org/wp-content/uploads/2024/07/icon-arrow-right-white.svg) no-repeat top left; }
.wrapper-1-in-5 { background: var(--colour-white); }
.wrapper-1-in-5 .wp-block-group__inner-container { padding: var(--blockSpace)  calc(var(--marginVert) * 15); border-radius: 4px;  display: flex; flex-flow: column wrap; gap: calc(var(--marginVert) * 3); align-items: center; }
.wrapper-1-in-5 figure { border-top: 1px solid var(--colour-grey200); border-bottom: 1px solid var(--colour-grey200); width: 100%; }
.wrapper-1-in-5 img { height: 100%; padding: var(--blockSpace) 0; box-sizing: border-box; margin: 0 auto; }
.wrapper-1-in-5 p { margin: 0;  }
.home-hero h1,
.wrapper-1-in-5 p:first-of-type { font-size: clamp(2.0rem, 3.65vw, 7.0rem); font-weight: 700; line-height: 100%; }
.wrapper-1-in-5 p:last-of-type { font-size: clamp(1.6rem, 1.1vw, 2.1rem); text-align: center; }
.hero-overlay { display: flex; flex-flow: column wrap; align-items: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: var(--colour-white); padding: 0 calc(var(--marginHoriz)* 4); box-sizing: border-box; }
.hero-overlay .wp-block-column:first-child { display: flex; flex-flow: column wrap; justify-content: center;
padding-top: 20%; }
.hero-overlay .wp-block-column { flex: 1; }
.hero-overlay .xl { font-size: clamp(8.0rem, 6vw, 10.0rem); line-height: 1.3; text-align: center; }
.home-special-width { padding-left: calc(var(--marginHoriz) * 37); padding-right: calc(var(--marginHoriz) * 37); }
.home .block-goals .columns-group { columns: 2; text-align: left; column-gap: calc(var(--marginHoriz)* 2); margin-bottom: var(--blockSpace); }
.home .goals .wp-block-column figure { max-width: 340px; max-height: 340px; padding: 5vw; width: 17.7vw; height: 17.7vw; }
.block-resources { padding-top: calc(var(--blockSpace) * 2); padding-bottom: calc(var(--blockSpace) * 2); }
.block-resources h2 { text-align: center; margin-bottom: var(--blockSpace); }
.block-resources .wp-block-columns { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--blockSpace); }
.block-resources .wp-block-column { background: var(--colour-white); color: var(--colour-black); box-sizing: border-box; padding: var(--blockSpace); }
.block-resources .wp-block-columns .wp-block-column { display: flex; flex-flow: column; }
.block-resources .wp-block-columns .wp-block-column *:last-child { margin-top: auto; }
.block-resources .wp-block-column *:last-child { margin-bottom: 0; }
.block-resources .wp-block-column img { width: auto; height: 80px; }
.block-resources .wp-block-column figure { margin-bottom: calc(var(--marginVert) * 3); } .search .page-wrapper { margin: calc(var(--marginVert) * 3) 0; }
.search #footer > p { display: none; }
.search hr { display: none; }
.search-results h3 { margin-bottom: calc(var(--marginVert) * 4); }
.search-results h4 { font-size: 2.4rem; margin-bottom: var(--marginVert); }
.search-results h4 a { color: var(--colour-dark-blue400); }
.search-results h4 a:hover { color: var(--colour-blue500); } .search-results { max-width: 800px; }
.search-result { margin: var(--marginVert) 0 calc(var(--marginVert) * 2); padding-bottom: calc(var(--marginVert) * 2); border-bottom: 1px dotted #000; }
.search-result .excerpt p { margin-bottom: 0; }
.search-result:last-child { margin-bottom: 0; border-bottom: none; } #pdf-header { display: none; }
.hide-country-content .country-header-wrapper,
.hide-country-content .page-content { display: none; }
.country-select-panel p { margin-bottom: var(--marginVert); }
.country-list,
.country-list li { list-style: none; }
.country-list.hide { display: none; }
.country-list { margin: 0; position: absolute; z-index: 10; background: var(--colour-white); padding: calc(var(--marginVert) * 1.5); border: 1px solid var(--colour-grey400); width: 260px; box-sizing: border-box;max-height: 300px; overflow-y: auto; }
.country-list li { margin: 0; padding: calc(var(--marginVert) / 2) 0; }
.country-list li a:hover { color: var(--colour-blue400); }
.choose-country { padding: calc(var(--marginVert) * 1.5); width: 280px; box-sizing: border-box; }
.country-choices { display: flex; flex-flow: row nowrap; }
.dropdown-wrap { border: 1px solid var(--colour-grey600); border-left: none; box-sizing: border-box; background: var(--colour-white); display: flex; align-items: center; width: calc(var(--marginHoriz)* 5);
justify-content: center; cursor: pointer; }
.country-all { transform: rotate(90deg); height: 24px; }
.data-tab span { animation: waiting 1s ease infinite alternate; padding-right: 5px; }
.data-tab span:nth-child(2) { animation-delay: 0.25s; }
.data-tab span:nth-child(3) { animation-delay: 0.5s; }
@keyframes waiting {
0% { opacity: 1; }
100% { opacity: 0; }
}
.country-select-panel { padding-top: calc(var(--marginHoriz)* 3); padding-bottom: calc(var(--marginHoriz)* 3); }
.country-select-panel label { display: block; margin-bottom: var(--marginVert); }
#country-list { background: var(--colour-white); padding: calc(var(--marginVert) * 1.5) calc(var(--marginHoriz)* 2); }
.country-header-wrapper { background: var(--grad-horiz); clip-path: polygon(0 0, 100% 0, 100% 76%, 0 100%); }
.country-header { display: flex; flex-flow: row nowrap; }
.country-header .wp-block-column { flex: 1; position: relative; }
.country-header .wp-block-column:first-child { padding: calc(var(--marginHoriz) * 16) calc(var(--marginHoriz) * 2) calc(var(--marginHoriz) * 16) calc(var(--marginHoriz) * 10); align-self: center; }
.country-header .belt { display: none; background: var(--colour-purple600); padding: calc(var(--marginVert) * 1.5); }
.country-header .belt.show { display: inline-block; }
.country-header .wp-block-column:first-child h1 { margin-bottom: calc(var(--marginVert) * 4.5); }
.country-header:not(.home-header) .wp-block-column:first-child p { max-width: 568px; margin-bottom: var(--blockSpace); }
.country-header .wp-block-column:first-child .button { margin-bottom: 0; }
.country-header .wp-block-column:first-child .button a:after { background: url(//tracker.meningitis.org/wp-content/uploads/2024/07/icon-arrow-right-white.svg) no-repeat top left; }
.country-header .wp-block-column:last-child { display: flex; justify-content: center; align-items: center; }
#country-image { height: 100%; }
#country-image img { height: 100%; object-fit: cover; }
#country-outline { position: absolute; display: flex; flex-flow: row nowrap;  justify-content: center; align-items: center; height: 76%; width: 100%; max-width: 375px; max-height: 375px; transform: translateY(-13%); }
#country-outline img { width: 100%; height: 100%; object-fit: contain; }
#country-flag { position: absolute; width: 175px; display: flex; flex-flow: row nowrap;
justify-content: center; align-items: center; transform: translateY(-29%); }
#country-flag img { width: 100%; height: auto; object-fit: cover; border-radius: 50%;
aspect-ratio: 1 / 1; border: 40px solid var(--colour-purple600); }
.country-identity { position: relative; }
.vaccine-plan { display: none; }
.vaccine-plan.show { display: block; } .block-hexagons { overflow: hidden; }
.hexagons { width: 100%; height: auto; }
.hexagons-mobile { display: none; }
.hexagons-desktop path { transition: stroke-dashoffset 1s ease-in; }
.hexagons-mobile rect.bar { transition: width 1s ease-out; }
.death-value { display: none; }
.hexagon-group { position: relative; transform: scale(1.25) translateX(30px); }
.hexagon-group p { position: absolute; font-weight: 700; font-size: 3.0rem; color: var(--colour-black); text-align: center; }
.hexagon-group p span { display: block; margin-top: calc(var(--marginVert) * 2); }
.hexagon-group p.text-meningitis { color: var(--colour-white); }
.text-tetanus { top: 34%; left: 14.5%; }
.text-measles { top: 34%; left: 45%; }
.text-diarrhoea { top: 57%; left: 28%; }
.text-meningitis { top: 57%; left: 58%; } .goals { display: flex; flex-flow: row nowrap; gap: calc(var(--marginHoriz) * 5); }
.goals .wp-block-column { flex: 1; text-align: center; }
.goals .wp-block-column figure { padding: calc(var(--marginVert) * 8); box-sizing: border-box; background: var(--colour-white); border-radius: 50%; max-width: 260px; margin: 0 auto calc(var(--marginVert) * 3); }
.goals .wp-block-column h3 { margin-bottom: calc(var(--marginVert) * 2); }
.block-goals { display: flex; flex-flow: column wrap; gap: var(--blockSpace); position: relative; }
.block-goals .wp-block-column:nth-child(1n) *:last-child { margin-bottom: 0; }
.block-goals .wp-block-column:first-child { text-align: center; }
.block-goals .wp-block-column:first-child .button { margin: 0; }
.block-goals > .wp-block-column:first-child h3 { margin-bottom: calc(var(--marginVert) * 4); } .block-data-explorer { background: var(--colour-grey100); padding: var(--blockSpace) 0; }
.block-data-explorer p { padding: var(--blockSpace) 0; margin-bottom: 0; }
.data-exp-about .block-special,
.data-exp-about .wp-block-column { display: flex; } .page-wrapper { position: relative; }
.inner-wrapper { width: 100%; max-width: 1920px; 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); }  .mpt-wrapper { position: relative; z-index: 500; background: var(--colour-white); }
.mpt-wrapper.hide { transform: translateY(-100px); }
.mpt-wrapper.sticky { position: sticky; top: 0; }
.menu-mpt,
.menu-mpt li { list-style: none; padding: 0; margin: 0; }
.menu-mpt li { display: inline-block; margin-right: calc(var(--marginHoriz) * 1.5); }
.menu-mpt li.button a { padding: calc(var(--marginVert) * 1) calc(var(--marginHoriz) * 2); border-radius: 4px; }
.menu-mpt { padding: calc(var(--marginVert) * 3) 0; border-top: 1px solid var(--colour-grey200); border-bottom: 1px solid var(--colour-grey200); white-space: nowrap; box-sizing: border-box; font-size: 0; }
.mpt-wrapper .swiper-button { position: absolute; top: 0; width: 32px; height: 100%; cursor: pointer; box-sizing: border-box; background-size: 10px; background-position: center center; background-repeat: no-repeat; background-color: var(--colour-white); }
.mpt-wrapper .swiper-button-prev { left: 0; border-right: 1px solid var(--colour-grey200); background-image: url(//tracker.meningitis.org/wp-content/uploads/2024/06/icon-chevron-left.svg); }
.mpt-wrapper .swiper-button-next { right: 0; border-left: 1px solid var(--colour-grey200); background-image: url(//tracker.meningitis.org/wp-content/uploads/2024/06/icon-chevron-right.svg); }
.hidden { display: none; } .breadcrumbs,
.breadcrumbs li { list-style: none; padding: 0; margin: 0; font-size: var(--fontSizeSmall); }
.breadcrumbs li { display: inline; position: relative; line-height: 1; }
.breadcrumbs li:not(.breadcrumbs li:last-child):after { content: ""; width: 6px; height: 6px; background: var(--colour-black); margin: 0 calc(var(--marginHoriz) * 1.5);  display: inline-block; border-radius: 50%; top: -3px; position: relative; }
.home .breadcrumbs li:not(.breadcrumbs li:last-child):after { background: var(--colour-white); }
.breadcrumbs li a { color: var(--colour-purple500); text-decoration: underline; }
.breadcrumbs { margin-bottom: calc(var(--marginVert) * 3); }
.home .breadcrumbs li a,
.home .breadcrumbs li { color: var(--colour-white); } .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); }
.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); }
}
.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(//tracker.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(//tracker.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-blue700); 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(//tracker.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-blue700); min-width: 100px; text-align: right; }
.button.icon-copy:not(.icon-copied) { cursor: pointer; }
.button.icon-left.icon-copy:before { background: url(//tracker.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(//tracker.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; } .heading-with-button > .wp-block-group__inner-container { position: relative; }
.heading-with-button h3 { margin-bottom: calc(var(--marginVert)* 4); }  .toc-column { position: relative; padding: calc(var(--marginHoriz) * 5) calc(var(--marginHoriz) * 3) 0 0; border-right: 1px solid var(--colour-grey200); margin-right: calc(var(--marginHoriz) * 3); width: 397px; }
.toc-wrapper { flex: 0 20.67%;  position: sticky; top: 100px; }
.toc-wrapper .subheading { margin-bottom: calc(var(--marginVert) * 2); }
.toc-close { display: none; }
.toc-inner { top: 80px; height: 100%; overflow-y: auto; } .toc-list,
.toc-list li { list-style: none; padding: 0; margin: 0; }
.toc-list li a { padding: calc(var(--marginVert) *1.5); margin: 0 0 calc(var(--marginVert) *1.5); display: block; }
.toc-list li a.active,
.toc-list li a:hover { background: var(--colour-grey100); color: var(--colour-blue700); }
.toc-toggle { display: none; font-size: var(--fontSizeXS); font-weight: 700; position: relative; padding: calc(var(--marginVert) * 1.5) var(--marginHoriz); padding-left: calc(var(--marginHoriz) * 5); cursor: pointer;
background: var(--colour-blue600); color: var(--colour-white); border-radius: 2px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15); }
.toc-list li a.sub-item { border-left: 1px solid var(--colour-grey300); padding-left: calc(var(--marginHoriz) *3); }
.toc-list li a.active:hover.sub-item,
.toc-list li a:hover.sub-item {  margin-left: calc(var(--marginHoriz) *2); }
.toc-toggle:after { content: ""; position: absolute; left: var(--marginHoriz); top: calc(var(--marginVert) *2); width: 23px; height: 13px; background: url(//tracker.meningitis.org/wp-content/uploads/2024/06/icon-menu.svg) center center no-repeat; }
.toc-toggle:hover { background: var(--colour-blue700); } .block-2cols { display: flex; flex-flow: row nowrap; gap: calc(var(--marginVert) *3); align-items: center !important; margin-bottom: var(--blockSpace); }
.block-2cols[class*="bg-"] { padding: calc(var(--marginVert) *5); }
.block-2cols .chart { flex: 0 0 35.36vw !important; max-width: 679px; }
.block-2cols.full-width .chart { flex: 1 1 100% !important; max-width: none !important; } tableau-viz { display: flex; height: 100%; }
tableau-viz + img { display: none; }
.block-data-explorer [id^="tabchart-"] { border: none !important; }  .chart [id^="tabchart-"] { height: auto !important; border-radius: 4px; border: 1px solid var(--colour-grey400); position: relative; height: calc(100vh - 120px) !important; }
.short-height .chart [id^="tabchart-"] { max-height: 580px !important; }
.expand { position: absolute; bottom: 0; right: 0; cursor: pointer; z-index: 10; width: calc(var(--marginVert) * 2.5); height: calc(var(--marginVert) * 2.5); padding: var(--marginVert); background: var(--colour-grey100) url(//tracker.meningitis.org/wp-content/uploads/2024/08/icon-fullscreen.svg) no-repeat center center; } .reset { position: absolute; cursor: pointer; z-index: 10; left: 202px; top: 23px; width: auto; height: auto; padding: var(--marginVert); background: var(--colour-grey100); } 
.reset:after { content: "Reset"; }
.expandHide .expand { display: none; }
.fullscreen tableau-viz { height: 100%; max-height: none; }
.short-height .chart [id^="tabchart-"].fullscreen { max-height: none !important; }
.fullscreen .expand { background-image: url(//tracker.meningitis.org/wp-content/uploads/2024/06/icon-close-black.svg); }
.block-charts-only { padding: calc(var(--marginVert) *5); margin-bottom: var(--blockSpace); }
.block-charts-only h3 { margin-bottom: calc(var(--marginVert) *3); }
.block-charts-only .block-2cols { justify-content: space-between; padding: 0; margin: 0; }
.block-charts-only .block-2cols .chart { flex: 1 1 50% !important; max-width: 605px; }
.block h3 { padding-bottom: calc(var(--marginVert) * 2); }
.block.block-2cols h3.underline { border-bottom: 1px solid var(--colour-grey200); margin-bottom: calc(var(--marginVert) * 3); }
.block .subheading { margin-bottom: calc(var(--marginVert) * 2); }
.block .small { margin-bottom: calc(var(--marginVert) * 2); }
.block .text > :last-child { margin-bottom: 0; } .chart.fullscreen [id^="tabchart-"] { width: 100%; height: 100%; position: fixed; top: 0; left: 0; height: 100% !important; z-index: 999; }
.chart.fullscreen [id^="tabchart-"] tableau-viz { height: 100% !important; } .block-special > .wp-block-group__inner-container { display: grid; grid-template-columns: 530px 1fr; column-gap: var(--blockSpace); padding: calc(var(--marginHoriz)* 5); box-sizing: border-box; background: var(--colour-grey100); margin-bottom: var(--blockSpace); }
.special-header { grid-column: 1 / 2; grid-row: 1 / 2; align-content: flex-end; }
.special-header h3 { padding-bottom: calc(var(--marginVert)* 2);  }
.special-header h3.underline { border-bottom: 1px solid var(--colour-grey200); margin-bottom: calc(var(--marginVert)* 3); }
.special-text { grid-column: 1 / 2; grid-row: 2 / 3; }
.special-text *:last-child { margin-bottom: 0; }
.block-special .chart,
.special-image { grid-column: 2 / 3; grid-row: 1 / 3; margin: 0 0 0 auto; width: 100%; } .block-special .chart { display: flex; align-items: center; align-self: center; }
.block-special .chart .wp-block-group__inner-container { width: 100%; }
.block-special.text-right > .wp-block-group__inner-container { grid-template-columns: 1fr 530px; }
.block-special.text-right .special-header { grid-column: 2 / 3; }
.block-special.text-right .special-text { grid-column: 2 / 3; }
.block-special.text-right .chart,
.block-special.text-right .special-image { grid-column: 1 / 2; margin: 0; }
.block-special .chart .wp-block-group__inner-container,
.block-special .chart.with-image figure { height: 100%; }
.block-special .chart.with-image img { height: 100%; object-fit: cover; } .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); } .overview { display: flex; flex-flow: row nowrap; gap: calc(var(--marginHoriz)* 3); margin: calc(var(--marginVert)* 4) 0 calc(var(--marginVert)* 5); }
.overview > .wp-block-column { border: 1px solid var(--colour-grey400); border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; flex: 1; display: grid; grid-template-rows: auto 1fr auto; }
.overview > .wp-block-column h2 { border-top: 8px solid;  border-image: var(--grad-horiz) 1;  padding: calc(var(--marginVert) * 5) calc(var(--marginVert) * 3) calc(var(--marginVert) * 4); line-height: 120%; }
.overview > .wp-block-column p { margin: 0; padding: 0 calc(var(--marginVert) * 3) calc(var(--marginVert) * 3); }
.overview > .wp-block-column .small { margin: 0; padding: calc(var(--marginVert) * 3); border-top: 1px solid var(--colour-grey400); }
.overview.cols4 > .wp-block-column h2 { border-top: none; }
.overview.cols2 { } .citation { padding: calc(var(--marginVert)* 3); display: flex; justify-content: space-between; align-items: center; gap: calc(var(--marginHoriz) * 2); }
.citation p { margin-bottom: 0; }
.citation .wp-block-column:first-child { font-family: var(--font-code); }
.citation .button.icon-copied { display: none; }
.citation.copied .button.icon-copy { display: none; }
.citation.copied .button.icon-copy.icon-copied { display: block; } .donate-block { display: flex; flex-flow: row nowrap; justify-content: space-between; gap: calc(var(--marginVert) * 9); padding: calc(var(--marginVert) * 10); background: var(--grad-horiz); box-sizing: border-box; margin-bottom: calc(var(--blockSpace) * 2); align-items: center; }
.donate-block h2 { margin-bottom: calc(var(--marginVert) * 3); }
.donate-block h2 + p { margin-bottom: calc(var(--marginVert) * 4); }
.donate-block .wp-block-column:first-child { color: var(--colour-white); flex: 1 1 22vw; max-width: 430px; }
body:not(.has-toc) .donate-block .wp-block-column:first-child { flex: 1 1 50vw; max-width: 800px; }
.donate-block .wp-block-column:last-child { display: grid; grid-template-columns: repeat(2, 1fr); gap: calc(var(--marginVert) * 3); align-content: flex-start; }
.donate-block .wp-block-column:last-child figure { position: relative; object-fit: cover; display: flex; justify-content: center; align-items: center; font-size: 7.0rem; font-weight: 700; color: var(--colour-white); }
.donate-block .wp-block-column:last-child figure img { width: 100%; object-fit: cover; height: 100%; }
.donate-block .wp-block-column:last-child figure figcaption { position: absolute; }
.donate-block .button { margin-bottom: 0; } .banner { padding: calc(var(--marginVert) * 6); display: flex; flex-flow: row nowrap; border-radius: 4px; gap: calc(var(--marginVert) * 4); margin-bottom: var(--blockSpace); align-items: center; justify-content: center; } .banner .wp-block-column *:last-child { margin-bottom: 0; }
.banner .wp-block-column:nth-child(2) { flex: 1; }
.banner:not(.text-only) .wp-block-column:first-child { min-width:105px;  }
.banner h3 { margin: 0 0 calc(var(--marginVert) * 1.5); } .banner-with-title { text-align: center; padding: calc(var(--marginVert) * 6); margin-bottom: var(--blockSpace); }
.banner-with-title .banner { margin-bottom: 0; }
.banner-with-title h3.gradient { margin-bottom: calc(var(--marginVert) * 3); }
.banner.cols3 .wp-block-column:last-child { width: 340px; max-width: 340px; margin: 0 0 0 auto; display: flex;   justify-content: flex-end; gap: calc(var(--marginHoriz)* 3); }
.banner.cols3 .wp-block-column:last-child .button { margin-bottom: 0; } .boxes-cols { padding: var(--blockSpace); margin-bottom: var(--blockSpace); }
.boxes-cols-columns { display: flex; flex-flow: row nowrap; margin-top: calc(var(--marginVert) * 3); gap: calc(var(--marginVert) * 3); }
.boxes-cols-columns .wp-block-column { padding: var(--blockSpace); border: 1px solid var(--colour-grey400); background: var(--colour-white); text-align: center; flex: 1; }
.boxes-cols-columns .wp-block-column > *:last-child { margin-bottom: 0; margin-top: calc(var(--marginVert) * 2); } .banner-info { display: flex; flex-flow: row wrap; gap: calc(var(--marginVert) * 2); padding: calc(var(--marginVert) * 2); background: var(--colour-blue10); margin-bottom: var(--blockSpace);   align-items: center; }
.banner-info img { display: block; width: 24px; height: auto; }
.banner-info:not(.with-spacing) p { font-size: var(--fontSizeSmall); margin-bottom: 0; }
.banner-info p:last-child { margin-bottom: 0; } .column-cards { display: flex; flex-flow: row wrap; gap: calc(var(--marginVert) * 2.5); margin: calc(var(--marginVert) * 3) 0 var(--blockSpace); }
.column-cards .wp-block-column { flex: 1; border: 1px solid var(--colour-grey400); border-radius: 4px; position: relative; display: flex; flex-flow: column wrap; } .column-cards:not(.with-link-button) .wp-block-column a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.column-cards:not(.with-link-button) .wp-block-column:hover { box-shadow: 0px 0px 7px 5px rgba(0,0,0,.1);}
.column-cards .wp-block-column .text-inner { padding: calc(var(--marginVert) * 3); flex: 1; }
.column-cards .wp-block-column .text-inner h4 { margin-bottom: calc(var(--marginVert) * 2); }
.column-cards .wp-block-column .text-inner *:last-child { margin-bottom: 0; }
.pre-title { display: inline-block; background: var(--colour-blue10); font-size: var(--fontSizeSmall); padding: calc(var(--marginVert) * 0.5) calc(var(--marginHoriz) * 1.5); margin: 0 auto calc(var(--marginVert) * 2) 0; }
.column-cards.with-link-button .text-inner .wp-block-group__inner-container { display: flex;
flex-flow: column wrap; height: 100%; }
.column-cards.with-link-button .text-inner .button { margin: auto 0 0 0; }  .cards-wrapper { max-width: 1600px; margin-left: auto; margin-right: auto; }
.cards-wrapper .wp-block-columns { display: flex; flex-flow: row nowrap; gap: calc(var(--marginHoriz) * 3); }
.cards-columns > .wp-block-column { border: 1px solid var(--colour-grey400); display: flex; flex-flow: row nowrap;  }
.cards-columns .a-card { align-items: center; }
.cards-columns .a-card h4 { margin-bottom: calc(var(--marginHoriz)* 2); }
.cards-columns .a-card *:last-child { margin-bottom: 0; }
.cards-columns .wp-block-column { flex: 1; }
.cards-columns .wp-block-columns .wp-block-column:last-child { padding: var(--blockSpace); padding-left: 0; } .panel-3cols { display: flex; gap: calc(var(--marginHoriz)* 3); margin-bottom: var(--blockSpace); }
.panel-3cols .block-special > .wp-block-group__inner-container { margin-bottom: 0; }
.about-column { background: var(--colour-purple500); color: var(--colour-white); padding: calc(var(--marginVert) * 3); flex: 0 0 22vw; box-sizing: border-box; display: flex; flex-flow: column wrap;
justify-content: center; flex-direction: column; }
.about-column figure { max-width: 96px; margin-bottom: calc(var(--marginHoriz) * 1.5); }
.about-column h3 { margin-bottom: calc(var(--marginVert) * 3); }
.about-column .button { margin-bottom: 0; } .list-check-purple { list-style-type: none; padding: 0; margin: 0 0 calc(var(--marginVert) * 3); }
.list-check-purple li { position: relative; display: flex; align-items: center; padding:  var(--marginVert) 0; margin: 0; border-bottom: 1px solid var(--colour-grey300); }
.list-check-purple li:before { content: url(//tracker.meningitis.org/wp-content/uploads/2024/07/check-circle-purple.svg); display: inline-block; margin: 0 calc(var(--marginVert) * 2) 0 2px; height: 24px; }
.list-check-purple li:last-child { border-bottom: none; }
.list-check-purple li a { color: var(--colour-blue600); }
.list-check-purple li a:hover { color: var(--colour-black); } .with-icon-info img { display: inline-block; vertical-align: bottom; position: relative; cursor: pointer; }
.info-panel { padding: calc(var(--marginVert) * 2); background: var(--colour-white); position: absolute; display: none; width: 400px; box-sizing: border-box; z-index: 1; left: calc((100% - 400px) / 2); }
.info-panel.show { display: block; }  .swiper { overflow: hidden; padding-right: 12px; } .carousel .swiper-slide { position: relative; flex-shrink: 0; display: flex; align-items: flex-start; align-content: flex-start; flex-basis: unset !important; flex-grow: 1; display: none; }
.column-cards.swiper-wrapper {gap: 0; }
.carousel .swiper-slide figure { width: 100%; }
.carousel .swiper.swiper-initialized .swiper-slide { display: flex; }
.carousel .column-cards  {margin-top: 0; }
.carousel .swiper-buttons { display: flex; flex-flow: row nowrap; justify-content: flex-end; gap: var(--marginHoriz);position: relative; right: -6px; top: -16px; } .no-shadow.carousel .swiper-buttons { right: -12px; }
.carousel .swiper-button { position: relative; width: 48px; height: 48px; border: 1px solid var(--colour-grey400); box-sizing: border-box; cursor: pointer; }
.carousel .swiper-button:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.carousel .swiper-button.swiper-prev:after { background: url(//tracker.meningitis.org/wp-content/uploads/2024/06/icon-arrow-left.svg) no-repeat center center; }
.carousel .swiper-button.swiper-next:after { content: ""; background: url(//tracker.meningitis.org/wp-content/uploads/2024/06/icon-arrow-right.svg) no-repeat center center; }
.carousel .swiper-button.inactive { opacity: 0.5; cursor: default; }
.carousel .swiper-counter { float: left; width: 50%; flex-flow: row nowrap; gap: var(--marginHoriz); align-items: center; display: none !important; }
.carousel .swiper-counter p { margin-bottom: 0; }
.carousel .swiper-counter .divider { width: calc(var(--marginHoriz) * 8); height: 1px; background: var(--colour-grey400); }  @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; }
.breadcrumbs { margin-bottom: calc(var(--marginVert) * 2); }
.toc-column {  padding-right: calc(var(--marginHoriz) * 1.5); width: 309px; }
.donate-block { gap: calc(var(--marginVert)* 8); }
.donate-block .wp-block-column:first-child { flex: 1 1 28vw; max-width: 550px; }
.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); }
.wrapper-1-in-5 .wp-block-group__inner-container { padding: var(--blockSpace) 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); }
.country-header .wp-block-column:first-child { padding: calc(var(--marginHoriz) * 16) calc(var(--marginHoriz) * 2) calc(var(--marginHoriz) * 16) calc(var(--marginHoriz) * 5); }
.country-header-wrapper { clip-path: polygon(0 0, 100% 0, 100% 81%, 0 100%); }
.hexagon-group p span { margin-top: var(--marginVert); }
.hexagon-group p { font-size: 1.6vw; }
.text-tet,
.text-meas { top: 14vw; }
.text-diar,
.text-men { top: 23.5vw; } .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) {
header { padding-bottom: 0; }
.content-wrapper { flex: 1 1 100%; }
.inner-wrapper { width: 100%; }
.menu-mpt { border: none; }
.mpt-wrapper { padding-left: 36px; padding-right: 0; overflow: hidden; border-bottom: 1px solid var(--colour-grey200); }
body:not(.home) .page-content > .wp-block-group__inner-container { flex-flow: row wrap; }
.toc-column { display: flex; flex: 0; width: auto; margin: 0; border: none; position: sticky; top: 100px; z-index: 600; }
.home-hero h1 { font-size: 5.0rem; }
.wrapper-1-in-5 .wp-block-group__inner-container { padding: var(--blockSpace) calc(var(--marginHoriz) * 8); }
.home .block-resources,
.home .block-goals,
.home .page-content,
.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; } .toc-wrapper { display: none; position: fixed; background: var(--colour-white); margin: 0; padding: calc(var(--marginVert)* 3); left: 0; }
.toc-show .toc-wrapper { display: block; z-index: 999; width: 357px; border: 1px solid var(--colour-grey200); box-sizing: border-box; height: calc(100% - 89px); top: 88px; }
.toc-toggle { display: inline-block; }
.toc-show .toc-toggle { display: inline-block; }
.toc-inner .subheading { display: flex; justify-content: space-between; align-items: center; }
.toc-close { width: 16px; height: 16px; display: block; cursor: pointer; }
.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; }
.donate-block { gap: calc(var(--marginVert)* 5); padding: calc(var(--marginVert)* 6); }
.donate-block .wp-block-column:first-child { flex: 1 1 40vw; }
.overview.cols4 { display: grid; grid-template-columns: repeat(2, 1fr); }
.country-header-wrapper { clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); }
.hexagon-group p { font-size: 1.9vw; }
.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%; }
}
@media only screen and (max-width : 1279px) {
.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); }
.country-header .wp-block-column:first-child { padding: calc(var(--marginHoriz) * 10) calc(var(--marginHoriz) * 2) calc(var(--marginHoriz) * 10) calc(var(--marginHoriz) * 5); }
#country-outline > .wp-block-group__inner-container { border: 32px solid var(--colour-purple600);
max-width: 64px; }
#country-flag { width: 145px; }
#country-flag img { border: 30px solid var(--colour-purple600); }
.country-header-wrapper { clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); }
.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); }
}
@media only screen and (max-width : 1023px) { .block-special > .wp-block-group__inner-container,
.block-charts-only,
.block-2cols[class*="bg-"] { padding: calc(var(--marginVert)* 2); }
.donate-block { flex-wrap: wrap !important; }
.donate-block > .wp-block-column:first-child { text-align: center; }
.donate-block > .wp-block-column:first-child .button { width: 100%; }
.donate-block > .wp-block-column:nth-child(1n) { flex: 1 1 100%; max-width: none; }
.donate-block .wp-block-column:last-child figure { font-size: 4.0rem; }
.home-hero-wrapper:before { background: var(--grad-vert); clip-path: polygon(0 0, 100% 0, 100% 69%, 0 84%); }
.wrapper-1-in-5 .wp-block-group__inner-container { padding: var(--blockSpace) var(--blockSpace); }
.home .block-resources,
.home .block-goals,
.home-columns { padding-left: var(--blockSpace); padding-right: var(--blockSpace); flex-flow: column wrap; }
.home-columns:not(.home-hero) { gap: var(--blockSpace); }
.home .page-content { padding: 0; }
.home-header-wrapper { background: linear-gradient(to right, var(--colour-purple10), var(--colour-purple10)); padding-bottom: var(--blockSpace); }
.wrapper-1-in-5 figure { max-width: 600px; }
.wrapper-1-in-5 img,
.home-columns:not(.home-hero) .wp-block-column:first-child { max-width: none; width: 100%; }
.home-hero .wp-block-column:first-child { text-align: center; margin-top: calc(var(--marginVert) * 2); }
.home-hero .wp-block-column:last-child { max-width: 700px; margin: 0 auto; }
.home-hero-wrapper { margin-bottom: -20px; }
.home-hero .wp-block-column:first-child { margin: 0 auto; }
.boxes-cols h3 { font-size: 2.8rem; }
.boxes-cols h4 { font-size: 2.1rem; }
.country-header-wrapper { clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%); }
#country-flag { width: 135px; }
#country-outline { max-width: 300px; }
.block-hexagons .text { padding-right: calc(var(--marginVert) *2); }
.banner-with-title { padding: calc(var(--marginVert) * 2); }
.column-cards { gap: calc(var(--marginVert)* 2); }
.column-cards .wp-block-column h4 { font-size: 1.8rem; line-height: 2.4rem; }
.column-cards .wp-block-column:not(.swiper-slide) { flex: 1 1 100%; display: block; }
.column-cards .wp-block-column .text-inner { padding: calc(var(--marginVert) * 2); }
.block-2cols { flex-flow: row wrap !important; }
.block-2cols .chart { flex: 1 1 100% !important; max-width: none; }
.hexagons-desktop { display: none; }
.hexagons-mobile { display: block; height: 100%; width: auto; max-width: 100%; margin: 0 auto; }
.block-hexagons { max-height: none; flex-flow: column wrap !important; }
.block-hexagons .text { padding-right: calc(var(--marginVert) *5); }
.block-hexagons .chart { flex: 0 !important; }
.hexagon-group { transform: scale(1); }
.hexagon-group p { font-size: 2.3rem; }
.hexagon-group p span { margin-top: calc(var(--marginVert) * 4.5); }
.text-meningitis { top: 52.5%; left: 53%; }
.text-diarrhoea { top: 52.5%; left: 23%; }
.text-measles { top: 13%; left: 40%; }
.text-tetanus { top: 13%; left: 9.5%; }
.block-special.text-right > .wp-block-group__inner-container,
.block-special > .wp-block-group__inner-container { grid-template-columns: 1fr; grid-row-gap: calc(var(--marginVert) * 3); column-gap: 0; }
.block-special.text-right .special-header,
.special-header { grid-column: 1 / 1; grid-row: 1 / 2; }
.block-special.text-right .special-text,
.special-text { grid-column: 1 / 1; grid-row: 3 / 4; }
.block-special .chart,
.block-special.text-right .chart,
.block-special.text-right .special-image,
.special-image { grid-column: 1 / 1; grid-row: 2 / 3; }
.special-image img { max-width: 80%; margin: 0 auto; }
.block-special .banner-info { margin-bottom: 0; }
.block-special .chart { width: 100%; }
.special-header h3.underline { border: none; padding-bottom: 0; margin: 0; }
.block-special.block-dalys > .wp-block-group__inner-container { background: none; padding: 0; }
.block-special.block-dalys .special-image { background: var(--colour-grey100); padding: calc(var(--marginVert) * 5) 0 calc(var(--marginVert) * 2); }
.block-hexagons { padding-bottom: 0 !important; }
.banner.cols3 { flex-flow: column wrap; text-align: center; }
.banner.cols3 .wp-block-column:last-child { width: 100%; max-width: none; justify-content: center; }
.banner.cols3 .wp-block-column:last-child .button:first-child { order: 2; }
.goals .wp-block-column figure { padding: 6.5vw; }
.panel-3cols .block-special .special-text { grid-row: 2 / 3; }
.panel-3cols .block-special h3 { padding-bottom: 0; }
.panel-3cols .block-special .chart { grid-row: 3 / 4; }
.cards-columns { flex-flow: column !important; }  .reverse-order,
.hows-life .chart { order: 2; }
.blockspace-xl-bot { margin-bottom: var(--blockSpace); }
.blockspace-xl-top { margin-top: var(--blockSpace); }
.blockspace-xl-bot-pad { padding-bottom: var(--blockSpace); }
.blockspace-xl-top-pad { padding-top: var(--blockSpace); }
.header-row-1 .button.white a { background: none; padding: 10px 0 0 0; color: white; }
}
@media only screen and (max-width : 767px) {
:root {
--fontSize: 1.6rem;
--blockSpace: calc(var(--marginVert) * 3); }
.icon-user a:after { top: -4px; }
.inner-wrapper:not(.mpt-wrapper) { width: 100%; padding-left: calc(var(--marginHoriz) * 2); padding-right: calc(var(--marginHoriz) * 2); padding-left: 0; padding-right: 0; }
.search-results { padding-left: calc(var(--marginHoriz) * 2); padding-right: calc(var(--marginHoriz) * 2); }
.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); }
.xl { font-size: 4.8rem; line-height: 3.0rem; }
h1 { font-size: 4.0rem; line-height: 4.8rem; }
h2 { font-size: 2.8rem; line-height: 3.2rem; }
h3,
h4 { font-size: 2.4rem; line-height: 2.8rem; }
p, li, th, td, label, address, cite, select { line-height: 2.0rem; }
.subheading { font-size: 1.8rem; }
.xs  { line-height: 1.6rem; }
.citation-text { font-size: 1.4rem; }
body:not(.home) .breadcrumbs li:first-child { display: none; }
.breadcrumbs li:not(.breadcrumbs li:last-child):after { margin: 0 6px; }
.mpt-wrapper { border-top: 1px solid var(--colour-grey200); }
.menu-mpt { padding: var(--marginVert) 0; }
.menu-mpt li { font-size: 1.6rem; }
.toc-column { justify-content: flex-end; padding: 0; display: none; top: 70px; }
.toc-column.show { display: flex; margin-left: auto; }
.toc-show .toc-wrapper { width: 66vw; top: 0; height: 100%; }
.toc-show .mpt-wrapper { display: none; }
.wrapper-1-in-5 .wp-block-group__inner-container { padding: var(--blockSpace) calc(var(--blockSpace) * 2); }
.home .page-content { padding: 0; }
.home .block-resources,
.home .block-goals,
.home-columns { padding-left: calc(var(--marginHoriz) * 2); padding-right: calc(var(--marginHoriz) * 2); }
.home-columns:not(.home-hero) { gap: calc(var(--marginHoriz) * 3); }
.home-header-wrapper { padding-bottom: calc(var(--marginHoriz) * 3); }
.home-hero-wrapper:before { clip-path: polygon(0 0, 100% 0, 100% 72%, 0 81.5%); }
.home-hero h1 { font-size: 4.0rem; }
.home-hero h1 { font-size: 4.0rem; }
.home-hero-wrapper + .home-columns .wp-block-column:first-child { order: 2; }
.hero-overlay .xl { font-size: clamp(4.8rem, 13vw, 10.0rem); }
.hero-overlay .subheading { font-size: 1.6rem; }
.overview { flex-flow: row wrap !important; gap: calc(var(--marginHoriz) * 1.5); margin: calc(var(--marginHoriz) * 3) 0; }
.overview .wp-block-column { flex: 1 1 100%; }
.overview > .wp-block-column p { padding: 0 calc(var(--marginVert) * 1.5) calc(var(--marginVert) * 2); }
.overview > .wp-block-column .small { padding: calc(var(--marginVert) * 2) calc(var(--marginVert) * 1.5); }
.overview .wp-block-column h2 { padding: calc(var(--marginVert) * 3) calc(var(--marginVert) * 1.5); }
.donate-block { padding: calc(var(--marginVert)* 4) calc(var(--marginVert)* 2) calc(var(--marginVert)* 2) !important; gap: calc(var(--marginVert)* 2); margin-left: calc(var(--marginHoriz)* 2); margin-right: calc(var(--marginHoriz)* 2); }
.donate-block > .wp-block-column:first-child .button a { width: 100%; box-sizing: border-box; }
.home .donate-block { margin-left: 0; margin-right: 0; }
.button.icon-copy { min-width: 0; }
.button.icon-copy strong { display: none; }
.button.icon-copy:before { margin-right: 0 !important; }
.button.chart-text a { width: 100%; justify-content: space-between; }
.button.no-text { width: 100%; }
.button.no-text a { text-indent: 0; font-size: 0; width: 100%; box-sizing: border-box; }
.button.icon-right.icon-arrow.no-text a:after { left: calc(50% - 12px); margin-left: auto; margin-right: auto; }
.citation { padding: calc(var(--marginVert)* 1.5); }
.overview.cols4 { grid-template-columns: 1fr; gap: calc(var(--marginVert)* 2); }
.banner { flex-flow: column wrap; margin-left: calc(var(--marginHoriz)* 2); margin-right: calc(var(--marginHoriz)* 2); padding: calc(var(--marginVert)* 2); text-align: center; }
.banner:not(.text-only) .wp-block-column { width: 100%; }
.banner:not(.text-only) .wp-block-column:first-child { max-width: 80px; min-width: 0; }
.banner-with-title .banner { margin: 0; }
.banner-with-title h3.gradient { text-align: left; }
.boxes-cols-columns { flex-flow: column wrap; padding: calc(var(--marginVert) * 2); }
.pad-lr,
.block-data-explorer,
.breadcrumbs,
header .inner-wrapper,
.inner-wrapper.country-select-panel { padding-left: calc(var(--marginVert) * 2) !important; padding-right: calc(var(--marginVert) * 2) !important; }
.country-header { flex-direction: column; background: var(--grad-vert); position: relative; margin-bottom: calc(var(--marginVert) * 6); }
.country-header-wrapper { background: none; clip-path: none; }
.country-header .wp-block-column:nth-child(1n) { padding: 0; width: 100%; }
.country-header .wp-block-column:nth-child(1) { padding: calc(var(--marginHoriz) * 10) calc(var(--marginHoriz) * 2); position: static; display: flex; flex-flow: column; }
.country-header .wp-block-column:nth-child(1) { background: none; padding: calc(var(--marginVert) * 3) calc(var(--marginHoriz) * 2) calc(var(--marginVert) * 10); box-sizing: border-box; }
.country-header .wp-block-column:nth-child(1) .button a { display: block; text-align: center; }
.country-header .wp-block-column:nth-child(1) p { max-width: none; }
.country-header .wp-block-column:nth-child(1) h1 { margin-bottom: calc(var(--marginVert)* 2); }
.belt { position: absolute; bottom: 0px; z-index: 100; margin: 0 auto; align-self: center; }
#country-image { clip-path: polygon(0 17%, 100% 0, 100% 100%, 0 100%); }
#country-image img { min-height: 300px; }
#country-outline { height: 100%; max-width: 280px; max-height: 280px; transform: translateY(-26%); }
#country-flag { width: 115px; transform: translateY(-61%); }
.block-hexagons { padding-right: 0; }
.block-hexagons .text { padding-right: calc(var(--marginVert) *2); }
.block-special { padding: 0 !important; }
.block-special > .wp-block-group__inner-container { grid-row-gap: calc(var(--marginVert) * 3);  padding: calc(var(--marginVert) * 3) 0 !important; }
.banner-info { flex-flow: column wrap; align-items: flex-start; }
.content-wrapper > .wp-block-group__inner-container > .banner-info,
.special-header,
.special-text { margin-left: calc(var(--marginHoriz) * 2); margin-right: calc(var(--marginHoriz) * 2); }
.block-special .chart { padding: 0 calc(var(--marginHoriz) * 2); box-sizing: border-box; }
.hows-life { background: var(--colour-grey100); padding: calc(var(--marginHoriz) * 3) calc(var(--marginHoriz) * 2); }
.banner.cols3 { gap: calc(var(--marginVert) * 1.5); }
.banner.cols3 .wp-block-column:last-child { flex-flow: column wrap; gap: calc(var(--marginVert)* 1.5); }
.banner.cols3 .wp-block-column:last-child .button { width:100%; display: block; }
.banner.cols3 .wp-block-column:last-child .button a { width: 100%; box-sizing: border-box; }
.goals { flex-flow: column wrap; }
.goals .wp-block-column figure { max-width: 220px; padding: calc(var(--marginVert)* 6); }
.home .block-goals .columns-group { columns: 1; text-align: center; }
.home .goals .wp-block-column figure { padding: calc(var(--marginVert) * 6); width: 216px; height: 216px; }
.column-cards:not(.swiper-wrapper) { flex-wrap: wrap !important; }
.about-column { align-items: center; text-align: center; }
.panel-3cols { padding: 0 !important; }
.panel-3cols .about-column { margin-left: calc(var(--marginHoriz) * 2); margin-right: calc(var(--marginHoriz) * 2);
}
.block-resources .wp-block-columns { grid-template-columns: repeat(1, 1fr); grid-gap: calc(var(--marginHoriz)* 2); }
.block-resources { padding: calc(var(--marginHoriz)* 3) calc(var(--marginVert)* 2); }
.block-resources .wp-block-column img { height: 55px; }
.cards-wrapper .wp-block-columns.a-card { flex-flow: column !important; gap: 0; }
.a-card .with-image.full-height figure img { max-height: 180px; min-height: 0; }
.cards-columns .wp-block-columns .wp-block-column:last-child { padding: calc(var(--marginHoriz)* 2); }
.with-icon-info img { display: none; }
.info-panel { position: static; display: block; width: 100%; max-width: 400px;  margin: 0 auto; transform: none; } .heading-with-button > .wp-block-group__inner-container { padding-bottom: calc(var(--marginVert)* 8.75); }
.heading-with-button h3 { margin-bottom: calc(var(--marginVert)* 2); } .heading-with-button .button a { width: 100%; box-sizing: border-box; }  
.carousel { margin-bottom: calc(var(--marginVert) * 2); }
.carousel .swiper-buttons { top: -12px; }
.carousel .swiper-counter { display: flex !important; }
.chart [id^="tabchart-"] { height: calc(100vh - 140px) flex !important; }
}
@media only screen and (max-width : 499px) {
.hexagon-group .wp-block-group__inner-container { height: 255px !important; max-height: 255px; transform: scale(1.2) translateX(30px); }
.hexagons-mobile { max-width: 340px; }
.hexagon-group p { font-size: 1.7rem; }
.text-measles,
.text-tetanus { top: 13.5%; }    
.text-diarrhoea,
.text-meningitis { top: 51.5%; }
.hexagon-group p span { margin-top: calc(var(--marginVert) * 3.0); }
.about-column .button { width: 100%; }
.about-column .button a { display: block; text-align: center; }
}
@media only screen and (max-height: 499px) and (orientation: landscape) {
.chart div[id^="tabchart-"]:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; content: "\21BB\0020\0020Please rotate your device"; font-size: 20px; font-weight: bold; display: flex; align-items: center; justify-content: center; }
.chart div[id^="tabchart-"] .expand,
tableau-viz { display: none !important; } }
@media print {
:root { 
--marginVert: 6px;
}
header, 
footer,
.breadcrumbs,
.mpt-wrapper,
.country-select-panel,
.toc-column,
.content-wrapper .block-2cols + div.banner,
.content-wrapper p.small:last-child,
#our-datasources .wp-block-column p:nth-last-child(-n+3),
#our-datasources figure,
.chart .expand,
.pdf-hide,
.country-header .button { display: none; }
#pdf-header { display: block; margin-bottom: 30px; }
.country-header { height: 405px; }
#block-country-header .wp-block-columns .wp-block-column:first-child { padding-left: 20px; }
.block-charts-only .block-2cols .chart { max-width: none; }
h1 { font-size: 3.0rem; line-height: 4.0rem; margin-bottom: 24px; }
h2 { font-size: 2.5rem; line-height: 3.0rem; }
h3 { font-size: 2.25rem; line-height: 2.75rem; }
.overview.cols4 { display: grid; grid-template-columns: repeat(2, 1fr); }
.overview.cols4 > .wp-block-column { width: auto; }
#our-datasources { gap: 0; display: block; }
#our-datasources h3+p { margin-bottom: 0; }
tableau-viz { display: none !important; }
.chart [id^="tabchart-"]  { height: auto !important; }
img.chartTemp { width: 100%; height: auto; display: block; }
.inner-wrapper { padding-left: 0; padding-right: 0; }
.block-special > .wp-block-group__inner-container,
.block-charts-only,
#block-prevent,
.block-2cols[class*="bg-"],
.banner,
.boxes-cols-columns .wp-block-column,
#toc-causes + .wp-block-columns .wp-block-column,
.overview > .wp-block-column h2,
#our-datasources { padding: 20px; }
#our-datasources .wp-block-column p:nth-of-type(2) { margin-bottom: 0; }
.overview.cols4 { display: flex; }
.chart [id^="tabchart-"] { overflow: hidden; }
#toc-causes + div h4 { font-size: 2.25rem; }
#block-dalys,
.block-special.text-right > .wp-block-group__inner-container { display: flex; flex-flow: row wrap; }
.block-special.text-right > .wp-block-group__inner-container .special-text,
.block-special.text-right > .wp-block-group__inner-container  .wp-block-group.chart { width: 47%; }
#block-daly { margin-bottom: 0; }
#block-dalys .chart { max-width: none; flex: 0 0 50% !important; overflow: hidden; }
#block-dalys img.chartTemp { transform: scale(1.4); position: relative; top: -42px; left: 65px; }
#block-dalys .text { width: 45%; }
#block-coverage.block-special.text-right > .wp-block-group__inner-container .subheading { position: relative; width: 800px; }
#block-prevent p.data-tab { margin-bottom: 0 }
#banner1 .wp-block-column:first-child { display: none; }
.boxes-cols-columns h4 { font-size: 2.5rem; }
#block-coverage .wp-block-group__inner-container { column-gap: 30px; }
#block-coverage .wp-block-group.special-text { width: 40%; }
#block-coverage .wp-block-group.chart { width: 55%; overflow: hidden; }
#block-coverage .chartTemp { width: 100%; height: auto; display: block; }
#block-coverage img.chartTemp { transform: scale(1.25); position: relative; top: -28px; left: 0; } #our-datasources,
#block-prevent,
#block-coverage,
#banner1 { page-break-after: always; }
}