:root{--menu-item-basis:12.5%; --menu-gap:20px; --link:#1F1346; --linkHover:#000; }
*::selection {
  background: #CCD9E4;
  color: #000;
}
*::-moz-selection {
  background:#CCD9E4;
  color: #000;
}
::-webkit-scrollbar {
  display: none;
}
::scrollbar {
  display: none;
}
::-moz-scrollbar {
  display: none;
}
*:not(.mega-menu):not(#pie1):not(#pie2):not(svg):not(path):not(.media-releases-tab):not(.accordion-container) {
  scroll-behavior: smooth;
  transition: .4s linear all;
  -moz-transition: .4s linear all;
  -webkit-transition: .4s linear all;
  -ms-transition: .4s linear all;
}
body::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* Disable scrollbar Chrome/Safari/Webkit */
}
@-moz-document url-prefix() {
  html {
    scrollbar-width: none;
  }
}
.clearfix:after, .clearfix:before {
  display: table;
  content: " "
}
.clearfix:after {
  clear: both
}
html {
  position: absolute;
  height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none; /* IE 11 */
  width: 100%;
  scroll-behavior: smooth;
  font-size: 62.5%;
}
body {font-family: "roboto",sans-serif;
  overflow: auto;
  line-height: 1.6;
  height: 100%;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
a, a:focus {
  color: #1F1346;
  text-decoration: none;
  outline: 0;
}
a:hover {
  text-decoration: none;
  color: #333;
}
body, input, select, textarea, button, tspan {
  font-family: "roboto",sans-serif;
}
hr {
  width: 100%
}
input, input:focus, select, select:focus {
  outline: none;
  border: 0;
}
.obj-c{text-align: center; margin:auto; display: block;}
.img-responsive{ max-width: 100%;}

h1 {
  text-transform: uppercase;
}
h1 span {
  color: #064181;
}
h2 {
  color: #064181; /*  text-transform: uppercase*/
}
h3 {
  color: #140444;
  font-size: 23px;
  font-weight: 400;
  margin: 76px 0 0 0; 
  position:relative;
}

h4 {
  color: #064181;
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 40px 0;
}
b, strong {
  font-weight: 600;
  /*line-height: 1;*/
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: 10px;
}
sub {
  top: 0.4em;
}



body {font-family: "roboto",sans-serif;font-weight: 300;color: #5E5B75;font-size: 62.5%;margin: 0;width: 100%;overflow: auto;}
p {font-size: clamp(1.2rem, 2vw + 1rem, 1.6rem);margin-bottom: 15px;line-height: 1.7;font-family: "roboto",sans-serif;font-style: normal;font-weight: 300;color: #4C4D4F;margin-top: 0px;}
h4 {color: #140444;
    font-size: clamp(1.8rem, 2vw + 1rem, 2rem);
    font-weight: 400;
	margin: 0 0 90px 0;
	font-family: "roboto",sans-serif;
	line-height:1.1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
article {max-width: 1660px;width: 100%;box-sizing: border-box;padding: 0px 60px;margin: 0 auto;}


.site-header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.header-inner{min-height:82px;display:flex;align-items:center;gap:34px}
.brand{width:145px;flex:0 0 auto}
.brand img{display: block; max-width: 100%;}
.main-nav{display:flex;gap:42px;align-items:center;margin-left:auto;font-size:14px}
.main-nav a{padding:30px 0;position:relative}
.main-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:#8CC63F}
.mode-switch{display:flex;border:1px solid #ddd;margin-left:12px;min-width: 450px;}
.mode-switch a{flex:1;padding:11px 16px;text-align:center;font-size:13px;background:#fff}
.mode-switch a.active{background:#24144f;color:#fff;font-weight:700}
.menu-toggle{display:none;border:0;background:#24144f;color:#fff;padding:10px 14px}
.section{padding: 90px 0;}
.section-title{font-size: 24px;margin:0 0 38px;font-weight:700;color:#24144f}



.top-stripe,.bottom-stripe{height:12px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;max-width:1640px;padding: 0 60px;margin-inline:auto}
.top-stripe span:nth-child(1),.bottom-stripe span:nth-child(1){background:#f47a5c}
.top-stripe span:nth-child(2),.bottom-stripe span:nth-child(2){background:#24144f}
.top-stripe span:nth-child(3),.bottom-stripe span:nth-child(3){background:#8CC63F}
.top-stripe span:nth-child(4),.bottom-stripe span:nth-child(4){background:#54a0b9}	
.site-footer{padding:28px 0;color:#777;font-size:12px}
	
.container{width: min(1660px,calc(100% - 64px));margin-inline:auto;padding: 0 60px;box-sizing: border-box;}
	

.hero-report{padding-top:34px;}
.hero-grid{display: flex;min-height:750px}
.hero-copy{background:#24144f;padding: 70px 56px;color:#fff;display:flex;flex-direction:column;justify-content:center;flex-basis: 35%;box-sizing: border-box;}
.hero-copy img{width:310px;margin-bottom:54px;/*filter:brightness(0) invert(1)*/}
.hero-copy h1 {
    font-size: 42px;
    line-height: 1.05;
    margin: 0 0 16px;
    font-weight: 400;
    text-transform: none;
}
.hero-copy h1 strong {
    color: #8DC63F;
}
.hero-copy p{font-size:18px;margin:0 0 42px;color: #fff;}
.hero-picture{background:url('../img/hero-chef.jpg') center/cover no-repeat;min-height:750px;flex-basis: 65%;}
.tag-strip{display:flex;margin-top:18px;background:#8CC63F;color:#24144f;padding:13px 18px;justify-content:space-between;align-items: center;}
.tag-strip span{font-size: 15px;}
img.small-pepper { width: 35px; margin: 0; filter: none;}
.operational-review article { width: 100%; max-width: 1640px; padding: 0 60px; margin: 0 auto;}
.map-row { display: flex;}
.map-row .operations-col { flex-basis: 38%;}
.map-row .map-col {margin-left: -20%;z-index: -1;position: relative;}
.map-row .map-col img {max-width: 100%;}
.map-row .operations-col .operation {padding: 15px 30px;}
.map-row .operations-col .operation .row .col-4 h4 {
    font-size: 22px;
    margin-bottom: 0px!important;
    color: #110541;
    font-weight: 400;
    line-height: 1;
}
.map-row .operations-col h4{
    margin-bottom: 0px!important;	
}
.map-row .operations-col .operation .row {display: flex; gap: 30px;}
.operation.dark-blue {background: #D0DBE7;}
.operation.green { background: #E4F2D9;}
.operation.blue { background: #DDE9EF;}
.operation.orange { background: #FAE3DE;}
section.operational-review { padding: 90px 0;}
.operation.dark-blue h4 { color: #184A87;}
.operation.green h4 { color: #79BF43;}
.operation.blue h4 { color: #5593AE;}
.operation.orange h4 { color: #E37659;}
.map-row .operations-col .operation .row .col-4 { flex-basis: 21%;}
.map-row .operations-col .operation .row .col-4 h4 { font-size: 26px;margin-bottom: 0; color: #110541; font-weight: 400; line-height: 1;}
.map-row .operations-col .operation .row .col-4 p {margin-top: 10px;color: #184A87;}
.map-row .operations-col .operation p {font-size: 13px; margin-bottom: 20px;}	
		
	

/*COMMENTARY SIDE BAR*/
.nav-side-comm {position:fixed;left:0px;top: 79px;height:665px;width:100%;max-width: 350px;box-sizing:border-box;padding: 20px 60px;color:#000;margin-left: -350px;background: #110541;transition: margin 200ms ease-in-out;z-index:9;}
.nav-side-comm.nav-open {margin-left:0px;} 
.nav-toggle-comm {position:absolute;right: -130px;background: #fff;top: 50%;line-height:40px;text-decoration:none;text-align:center;transform: rotate(-90deg);color: #064181;width: 170px;box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.16);height: 40px;font-size: clamp(1.2rem, 2vw + 1rem, 1.6rem);}
.nav-toggle-comm:after {content:'Jump to section';font-weight: 600;color: #110541;font-size: clamp(0.8rem, 2vw + 1rem, 1.2rem);position: absolute;top: -3%;right: 32%;} 
.nav-toggle-comm:before {} 
.nav-toggle-comm.active:before { content: 'X'; font-size: 13px;} 
.nav-side-comm p {font-size:22px; color:#fff; font-weight:600;}
.nav-side-comm ul {list-style:none; margin:0px; padding:0px;}
.nav-side-comm ul li {color:#fff; line-height:1.2; margin-bottom:15px; font-size:14px;}
.nav-side-comm ul li a {color:#fff;}
.nav-side-comm ul li a:hover {color:#fff;}
.nav-toggle-comm:before { content: '+'; position: absolute; right: 9px; top: 26%; border-radius: 100%; border: 1px solid; line-height: 1; padding: 2px 5px;}
.nav-toggle-comm.active { top: 2%; right: 6px; width: 40px; color: #fff; background: #110541;}
.nav-toggle-comm.active::after { content: '';}
.rgt {float:right;}
.commentary-box {}


/*COMMENTARY SIDE BAR*/
.nav-side-additional {position:fixed;left:0px;top: 79px;height:auto;width:100%;max-width: 350px;box-sizing:border-box;padding: 20px 60px;color:#000;margin-left: -350px;background: #110541;transition: margin 200ms ease-in-out;z-index:9;}
.nav-side-additional.nav-open {margin-left:0px;} 
.nav-toggle-additional {position:absolute;right: -120px;background: #fff;top: 50%;line-height:40px;text-decoration:none;text-align:center;transform: rotate(-90deg);color: #064181;width: 170px;box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.16);height: 40px;}
.nav-toggle-additional:after {content:'Jump to section';font-weight: 600;color: #110541;font-size: 11px;position: absolute;top: -3%;right: 32%;} 
.nav-toggle-additional:before {} 
.nav-toggle-additional.active:before { content: 'X'; font-size: 13px;} 
.nav-side-additional p {font-size:22px; color:#fff; font-weight:600;}
.nav-side-additional ul {list-style:none; margin:0px; padding:0px;}
.nav-side-additional ul li {color:#fff; line-height:1.2; margin-bottom:15px; font-size:14.2px;}
.nav-side-additional ul li a {color:#fff;}
.nav-side-additional ul li a:hover {color:#fff;}
.nav-toggle-additional:before { content: '+'; position: absolute; right: 9px; top: 26%; border-radius: 100%; border: 1px solid; line-height: 1; padding: 4px 5px;}
.nav-toggle-additional.active { top: 2%; right: 6px; width: 40px; color: #fff; background: #110541;}
.nav-toggle-additional.active::after { content: '';}

/*COMMENTARY SIDE BAR*/
.nav-side {position:fixed;left:0px;top: 79px;height:550px;width:100%;max-width: 350px;box-sizing:border-box;padding: 20px 60px;color:#000;margin-left: -350px;background: #110541;transition: margin 200ms ease-in-out;z-index:9;}
.nav-side.nav-open {margin-left:0px;} 
.nav-toggle {position:absolute;right: -130px;background: #fff;top: 50%;line-height:40px;text-decoration:none;text-align:center;transform: rotate(-90deg);color: #064181;width: 170px;box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.16);height: 40px;font-size: clamp(1.2rem, 2vw + 1rem, 1.6rem);}
.nav-toggle:after {content:'Jump to section';font-weight: 600;color: #110541;font-size: clamp(0.8rem, 2vw + 1rem, 1.2rem);position: absolute;top: -3%;right: 33%;} 
.nav-toggle:before {} 
.nav-toggle.active:before { content: 'X'; font-size: 13px;} 
.nav-side p {font-size: clamp(1.6rem, 2vw + 1rem, 2.2rem);color:#fff;font-weight:600;}
.nav-side ul {list-style:none; margin:0px; padding:0px;}
.nav-side ul li {color:#fff; line-height:1.2; margin-bottom:15px; font-size:14.2px;}
.nav-side ul li a {color:#fff;}
.nav-side ul li a:hover {color:#fff;}
.nav-toggle:before { content: '+'; position: absolute; right: 9px; top: 26%; border-radius: 100%; border: 1px solid; line-height: 1; padding: 2px 5px;}
.nav-toggle.active { top: 2%; right: 6px; width: 40px; color: #fff; background: #110541;}
.nav-toggle.active::after { content: '';}


.icon-table {display: flex;width:200px;content: '';}
.icon-table-cell {display: block;width:50%;text-align: center;}
.icon-table:before {content: '';}
.icon-table-cell a {width: 66px; height: 66px; text-align: center; background: #79BF43; display: inline-block; font-size: clamp(1.2rem, 2vw + 1rem, 2.4rem); border-radius: 50%; color: #fff;}
.icon-table-cell a i { line-height: 66px;}

h3 {display: block;position: relative;margin-bottom: 90px;font-size: 35px;}
.commentary-box h3 {font-size: 30px; margin-bottom: 35px;}

.row {display: flex;}

.vc-download {position: relative;height: 50px;display: flex;align-items: center;text-decoration: none;font-size: 14px;line-height: 1.05;gap: 15px;color: #fff;z-index: 5;}
.vc-download strong {display: block;font-size: 13px;font-weight: 700;}
.download-icon {width: 50px;height: 50px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #21174d;}
.vc-download-blue {background: #55a0bd;}
.vc-download-blue .download-icon {background: #77bd3f;}
.download-block { position: relative;}
.download-block img {width: auto;  margin-bottom: 0; filter: none}


ul.heading-list {list-style:none;padding:0px;margin:0px;margin-top:70px;display: flex;}
ul.heading-list li {float:left;}
ul.heading-list li:first-of-type {flex-basis: 80%;}
ul.heading-list li:last-of-type {flex-basis: 20%;text-align:right;display: flex;justify-content: right;}
ul.heading-list li p {position: relative;}
ul.heading-list li h3{font-size:30px; margin-top:0}
ul.heading-list li h3 span {font-size:16px; margin-top:0; font-weight:300;}





.download-row {
    display: flex;
    gap: 45px;
}

.download-row .pdf-col {
    display: flex;
    gap: 15px;
    flex-basis: 50%;
}

.download-row .pdf-col .pdf-block {
    background: #E5E5E6;
    padding: 30px;
    box-sizing: border-box;
}

.download-row .excl-download-block {
    flex-basis: 50%;
    background: #1F1346;
    padding: 30px;
    box-sizing: border-box;
}

.download-row .excl-download-block h4 {
    color: #fff;
    margin-bottom: 30px;
}

.download-row .excl-download-block .excel-container .vc-download {
    margin-bottom: 10px;
}

.download-row .pdf-col .pdf-block .vc-download {
    margin: 0 -30px -30px;
    border-top: 5px solid #FFF;
}

.download-row .pdf-col .pdf-block h4 {
    margin-bottom: 40px;
}





section.highlights .highlights-grid .highlight-block {background: #1F1346; padding: 30px; box-sizing: border-box; flex-basis: 35%;}
section.highlights {padding: 60px 0;}
section.highlights .highlights-grid .highlight-block h4 {color: #8DC63F;margin-bottom: 15px;font-size: clamp(2rem, 2vw + 1rem, 2.5rem);}
section.highlights .highlights-grid .highlight-block big {color: #fff; font-size: clamp(2.2rem, 2vw + 1rem, 4.6rem);}
section.highlights .highlights-grid .highlight-block p {color: #fff;}
section.highlights .highlights-grid .highlight-block span.change {display: block;color: #fff;font-size: clamp(1.7rem, 2vw + 1rem, 2.3rem);}
section.highlights .highlights-grid .highlight-block span.change i{color: #8DC63F;}
section.highlights .row .chart-block {flex-basis: 65%; padding: 30px; background: #F2F2F2; box-sizing: border-box;}
section.highlights .row {gap: 15px;margin-bottom: 15px;}
section.highlights .highlights-grid .highlight-block p i{color: #8DC63F;}


.highlights-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    align-items: stretch;
}


.highlights-grid .highlight-block {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


.highlight-block--double {
    grid-column: 4;
    grid-row: 1 / span 2;
	background-color: #FFF!important;
	padding: 0px!important;
}



@media screen and (max-width: 1200px) {

    .highlights-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .highlight-block--double {
        grid-column: auto;
        grid-row: auto;
    }

}


@media screen and (max-width: 650px) {

    .highlights-grid {
        grid-template-columns: 1fr;
    }

}












.switch-blue{ color: #224B84!important;}
.switch-white{ color: #FFFFFF!important;}
.switch-green{ color: #8DC63F!important;}
.switch-darkblu {color: #0C014B!important;}
.switch-grey {color: #58595B!important}
.switch-lightblu {color: #00528C!important}
.switch-turquise {color:#3B94AE!important;}
.switch-red {color:#E37559!important;}


/*FONT-WEIGHT RESETS*/
.B100 {font-weight: 100}
.B200 {font-weight: 200}
.B300 {font-weight: 300}
.B400 {font-weight: 400}
.B500 {font-weight: 500}	
.B600 {font-weight: 600}	


/*PADDING RESETS*/
.no-padding  {padding: 0 !important;}
.no-paddingT {padding-top: 0 !important;}
.no-paddingB {padding-bottom: 0 !important;}
.no-paddingL {padding-left: 0 !important;}
.no-paddingR {padding-right: 0 !important;}

.padding-60 {padding: 60px !important;}
.padding-60L {padding-left: 60px !important;}
.padding-60R {padding-right: 60px !important;}
.padding-60T {padding-top: 60px !important;}
.padding-60B {padding-bottom: 60px !important;} 
	
.padding-30  {padding: 30px !important;}
.padding-30L {padding-left: 30px !important;}
.padding-30R {padding-right: 30px !important;}
.padding-30T {padding-top: 30px !important;}
.padding-30B {padding-bottom: 30px !important;}

.padding-25  {padding: 25px !important;}
.padding-25L {padding-left: 25px !important;}
.padding-25R {padding-right: 25px !important;}
.padding-25T {padding-top: 25px !important;}
.padding-25B {padding-bottom: 25px !important;}

.padding-20  {padding: 20px !important;}
.padding-20L {padding-left: 20px !important;}
.padding-20R {padding-right: 20px !important;}
.padding-20T {padding-top: 20px !important;}
.padding-20B {padding-bottom: 20px !important;}

.padding-15  {padding: 15px !important;}
.padding-15L {padding-left: 15px !important;}
.padding-15R {padding-right: 15px !important;}
.padding-15T {padding-top: 15px !important;}
.padding-15B {padding-bottom: 15px !important;}

.padding-10  {padding: 10px !important;}
.padding-10L {padding-left: 10px !important;}
.padding-10R {padding-right: 10px !important;}
.padding-10T {padding-top: 10px !important;}
.padding-10B {padding-bottom: 10px !important;}

.padding-5  {padding: 5px !important;}
.padding-5L {padding-left: 5px !important;}
.padding-5R {padding-right: 5px !important;}
.padding-5T {padding-top: 5px !important;}
.padding-5B {padding-bottom: 5px !important;}

/*MARGIN RESETS*/
.no-margin  {margin: 0 !important;}
.no-marginT {margin-top: 0 !important;}
.no-marginB {margin-bottom: 0 !important;}
.no-marginL {margin-left: 0 !important;}
.no-marginR {margin-right: 0 !important;}

.margin-60  {margin: 60px !important;}
.margin-60L {margin-left: 60px !important;}
.margin-60R {margin-right: 60px !important;}
.margin-60T {margin-top: 60px !important;}
.margin-60B {margin-bottom: 60px !important;}

.margin-40  {margin: 40px !important;}
.margin-40L {margin-left: 40px !important;}
.margin-40R {margin-right: 40px !important;}
.margin-40T {margin-top: 40px !important;}
.margin-40B {margin-bottom: 40px !important;}

.margin-30  {margin: 30px !important;}
.margin-30L {margin-left: 30px !important;}
.margin-30R {margin-right: 30px !important;}
.margin-30T {margin-top: 30px !important;}
.margin-30B {margin-bottom: 30px !important;}

.margin-25  {margin: 25px !important;}
.margin-25L {margin-left: 25px !important;}
.margin-25R {margin-right: 25px !important;}
.margin-25T {margin-top: 25px !important;}
.margin-25B {margin-bottom: 25px !important;}

.margin-20  {margin: 20px !important;}
.margin-20L {margin-left: 20px !important;}
.margin-20R {margin-right: 20px !important;}
.margin-20T {margin-top: 20px !important;}
.margin-20B {margin-bottom: 20px !important;}

.margin-15  {margin: 15px !important;}
.margin-15L {margin-left: 15px !important;}
.margin-15R {margin-right: 15px !important;}
.margin-15T {margin-top: 15px !important;}
.margin-15B {margin-bottom: 15px !important;}

.margin-10  {margin: 10px !important;}
.margin-10L {margin-left: 10px !important;}
.margin-10R {margin-right: 10px !important;}
.margin-10T {margin-top: 10px !important;}
.margin-10B {margin-bottom: 10px !important;}

.margin-5  {margin: 5px !important;}
.margin-5L {margin-left: 5px !important;}
.margin-5R {margin-right: 5px !important;}
.margin-5T {margin-top: 5px !important;}
.margin-5B {margin-bottom: 5px !important;}







/*RESPONSIVE*/
.scrollable {position: relative; clear: both; overflow: auto;}



@media screen and (max-width: 1750px) {
section.home-top-row {min-height: 96vh;}	
section.home-top-row {min-height: 90vh;}
.home-top-right {margin-right: -50px;}

	
}


@media screen and (max-width: 1660px) {
.home-top-right { margin-right: 0px;}	
	
section.home-top-row { min-height: 108vh;}	
	
}
@media screen and (max-width: 1590px) {
header article .report-toggle .results, header article .report-toggle .report { padding: 5px 15px;}
	
	
	
	
	
	
	
}
@media screen and (max-width: 1440px) {
	
	
	  section.home-top-row {
        min-height: 90vh;
        background-size: contain;
    }	
	
	
	
	
header article a.logo {    flex-basis: 145px;}	
header article nav ul li {flex-basis: 110px;}	
.home-top-right > img {    width: 200px;}
}
@media screen and (max-width : 1380px) {
section.home-top-row {
    min-height: 95vh;
}	
.home-top-right {
   
    margin-right: -20px;
}	

}
@media screen and (max-width : 1370px) {
footer {}
	
	
	
	
}
@media screen and (max-width : 1290px) {	
footer {}	

section.downloads {background:none;}
.download-row {display: flex; gap: 50px; /* flex-direction: row-reverse; */ flex-wrap: wrap;}
.download-row .download-col {flex-basis: 100%; padding:0px;}
.download-row .download-col:first-of-type {display:none;}
.nav-toggle, .nav-toggle-comm { position: absolute; right: -115px;}

.header-inner { flex-wrap: wrap; padding: 14px 0}
.menu-toggle {display: block; margin-left: auto}
.main-nav { display: none; order: 3; width: 100%; flex-direction: column; align-items: flex-start; gap: 0 }
.main-nav.open {display: flex; align-items: center;}
.main-nav a {padding: 10px 0}	

	
.map-row { display: flex; flex-wrap: wrap;}	
.map-row .operations-col {flex-basis: 100%; display: flex; flex-wrap: wrap;}	
.map-row .map-col { margin-left: 0;}	
.map-row .operations-col .operation { padding: 15px 30px; flex-basis: 50%; box-sizing: border-box;}	
section.operational-review {padding: 0px 0 30px 0;}	
	
	
	
.container {padding: 0 0px;}
.top-stripe, .bottom-stripe {padding: 0 35px;}	
.commentary-box h3 { margin-top: 0px;}
	
.main-nav a:hover:after { bottom: 7px;}	
	
	
	
	
}
	

@media (max-width:1200px){
.track{display:none;}
.navs-toggle{display:inline-flex;align-items:center;justify-content:center;}
.pill.grey{margin-left: 0px;padding-left: 45px;}
.pill.green{padding-right: 50px;}


	
	
}
@media screen and (max-width:1080px) {

	.segmental-row {
    flex-wrap: wrap;
}
	
		.downloads-selector article { flex-wrap: wrap;}
.segmental-row .segment { margin-bottom: 30px; flex-basis: 47%;}	
	.report-selector {flex-basis: 100%;}
	
	
	.download-col {
    flex-basis: 100%;
   
}
	.report-col {
    display: flex;
    flex-wrap: wrap;
}

	.report-col .report-download{flex-basis: 46%;}
	
	.home-top-right .report-download {
    display: none;
}
	
	    .home-top-right {
        margin-right: 0px;
        width: 47%;
    }
	    section.home-top-row {
        min-height: 69vh;
        background-size: 102%;
    }
	.home-top-right .head {
    flex-basis: 100%;
    box-sizing: border-box;
    padding: 60px 30px;
    text-align: left;
    margin-top: 0px;
}

	
	
	
	
header article nav {flex-basis: 58%;    }
header article nav ul li {flex-basis: 65px;}
header article nav ul { gap: 15px;}
    footer {
    }	
.home-top-right .report-download p {font-size: clamp(1.0rem, 2vw + 1rem, 1.4rem);}	
	
    .map-row .operations-col .operation {
        padding: 15px 30px;
        flex-basis: 100%;
        box-sizing: border-box;
    }	
}
@media screen and (max-width : 980px) {	
header article nav ul li {font-size: clamp(1.0rem, 2vw + 1rem, 1.0rem);}
header article .report-toggle .results.active:after, header article .report-toggle .results:hover:after {
    border: 14px solid transparent;
    border-right: 14.5px solid #9AC041;
    left: -28px;
}	
header article .report-toggle .report, header article .report-toggle .results {font-size: clamp(1.0rem, 2vw + 1rem, 1.1rem);}	
header article .report-toggle .report.active:after, header article .report-toggle .report:hover:after {
    border: 14.1px solid transparent;
    border-right: 14.5px solid #9AC041;
    left: -28px;
}	
	
	
.highlight-row {    flex-wrap: wrap;}	
.highlight-row .highlight {    flex-basis: 50%;}	
a.next-page { font-size: clamp(1.2rem, 2vw + 1rem, 1.4rem);}	
a.next-page span { font-size: clamp(1.2rem, 2vw + 1rem, 1.6rem);}	
	
ul.heading-list li:last-of-type {
    flex-basis: 100%;
}
ul.heading-list li:first-of-type {
    flex-basis: 100%;
}	
	
ul.heading-list {flex-wrap: wrap;}	
	

section.downloads {background-position: -90px 0;}	
	
.download-row .download-col h3 {
    margin-bottom: 0px;

}	
	
    header article nav {
        position: absolute;
        background: #fff;
        left: 50%;
        top: 90px;
        transform: translateX(-50%);
        z-index: 9;
        width: 100%;
        padding: 0 90px;
        box-sizing: border-box;
     
    }	
	
	     header article nav ul {
        gap: 15px;
        flex-wrap: wrap;
        display: none;
    }
	    header article nav ul li {
        flex-basis: 100%;
    }
	
	
section.home-top-row {

    min-height: calc(100vh - 402px);

}	
	
.home-top-right .report-download {

    background: #fff;
}	
      footer {
    }	
	
	section.highlights {
    padding-bottom: 30px;
}
	
.download-row .pdf-col {
    display: flex;
    gap: 15px;
    flex-basis: 100%;
}	

	.download-row .pdf-col .pdf-block img{ max-width: 100%}	
	
	
	
.download-row .excl-download-block {
    flex-basis: 100%;
 
}	
	
	
.hero-grid {
    display: flex;
    min-height: auto;
    flex-wrap: wrap;
}	
	
.hero-copy {
    padding: 50px 30px;
    flex-basis: 100%;
}	
	
.hero-picture {
    min-height: auto;
    flex-basis: 65%;
}	
	
section.highlights .row {
    flex-wrap: wrap;
}	
section.highlights .row .chart-block {
    flex-basis: 100%;
    padding: 30px;

}	
	.download-block img{ max-width: 100%}
	
	
	.tag-strip span img{ display: none}	
	
	
	
	.mode-switch {
    display: flex;
    border: 1px solid #ddd;
    margin-left: 0;
    min-width: 100%;
    flex-wrap: wrap;
}
	
.operational-review article {
    padding: 0px 30px;

}	
	
.map-row .operations-col .operation .row .col-4 {
    flex-basis: 44%;
}	
	
.map-row .operations-col .operation .row {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}	
	
	
}
@media screen and (max-width : 768px) {
	.hero-copy img {
    width: 247px;
    margin-bottom: 54px;
}
	
		
	.nav-side,.nav-toggle-comm {
    display: none;
}	
	
	.menu-trigger{display: block;}
	
	    .segmental-row .segment {
        margin-bottom: 15px;
        flex-basis: 100%;
    }
	
	
	

.highlight-row .highlight h4 {
    font-size: clamp(1.4rem, 2vw + 1rem, 1.6rem);

}	
    .home-top-right {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
    }	
	
	    section.home-top-row {
        background: #fff;
    }
	
	
	
    footer {
    }	
	.commentary-box {
    padding: 15px;
    border: 1px solid #1F1346;
}
}
@media screen and (max-width : 600px) {
h3.heading-underline {
   
    font-size: 35px;
    margin-top: 30px;
}
    a.next-page {
        font-size: clamp(1.2rem, 2vw + 1rem, 1.4rem);
        display: none;
    }	
	ul.heading-list li p:after {
    display: none;
}
	h3.heading-underline:after {
    display: none;
}
h3.admin:after {
    display: none;
}	
	
.highlight
 {
    flex-basis: calc(100% - 0px);
    padding: 30px 0;
    border-bottom: 1px solid #79BF43;
}
	
	
	header article .report-toggle .report.active:before, header article .report-toggle .report:hover:before, header article .report-toggle .results.active:before, header article .report-toggle .results:hover:before {
    
    width: 40px;
    
}
	
	    section.downloads {
        background-position: -90px 0;
        background: #fff;
    }
	
	.download-row .download-col {
    flex-basis: 100%;
		padding-right: 10px;
        background: #fff;
}
		
	
}

@media screen and (max-width : 500px) {
article {
    padding: 0px 40px;

}
    .home-top-right .report-download p {
        font-size: clamp(1.0rem, 2vw + 1rem, 1.1rem);
    }	
	
	.home-top-right .report-download img {
    max-width: 100px;
    height: fit-content;
}
	
.menu-trigger {
   
    top: 70px;
   
}	
header article .report-toggle {
    padding-top: 60px;
    flex-basis: 100%;
}	
	
header article {
    
    padding: 0 40px;
    flex-wrap: wrap;
}	
	
    header article a.logo {
        flex-basis: 100%;
    }	
	
	header article a.logo img {
    max-width: 150px;
    text-align: center;
    margin: 0 auto;
    display: block;
}
	
    header article nav {
    
        top: 101px;
  
       
    }	
	    footer {
        background-position-x: -30px;
    }
	

	
    .highlight-row .highlight {
        flex-basis: 100%;
    }	
	
	
	    section.highlights .row .chart-block {
        flex-basis: 100%;
        padding: 10px;
    }
	
	ul.heading-list li h3 {
    font-size: 23px;
    margin-top: 0;
		margin-bottom: 15px;
}
	
.icon-table {
    display: flex;
    width: 200px;
    content: '';
    margin-bottom: 10px;
}	
    .download-row .pdf-col {
        display: flex;
        gap: 15px;
        flex-basis: 100%;
        flex-wrap: wrap;
    }	
	
}
@media screen and (max-width: 480px) {
 
.logo{flex-basis:132px;height:40px;}
.nav-wrap{padding:12px 14px;}
.mobile-inner{padding:12px 14px 16px;}
}

@media screen and (max-width : 390px) {
	
	
}