@font-face {
  font-family: 'CircularStd-Black';
  src: url("../fonts/SchrodersCircularWeb-Black.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SchrodersCircularWeb-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/SchrodersCircularWeb-Black.woff2") format("woff2"), url("../fonts/SchrodersCircularWeb-Black.woff") format("woff"), url("../fonts/SchrodersCircularTT-Black.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'CircularStd-Bold';
  src: url("../fonts/SchrodersCircularWeb-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SchrodersCircularWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SchrodersCircularTT-Bold.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'CircularStd-BoldItalic';
  src: url("../fonts/SchrodersCircularWeb-BoldItalic.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SchrodersCircularWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SchrodersCircularWeb-BoldItalic.woff2") format("woff2"), url("../fonts/SchrodersCircularWeb-BoldItalic.woff") format("woff"), url("../fonts/SchrodersCircularTT-BoldItalic.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'CircularStd-Book';
  src: url("../fonts/SchrodersCircularWeb-Book.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SchrodersCircularWeb-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/SchrodersCircularTT-Book.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'CircularStd-BookItalic';
  src: url("../fonts/SchrodersCircularWeb-BookItalic.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SchrodersCircularWeb-BookItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SchrodersCircularWeb-BookItalic.woff2") format("woff2"), url("../fonts/SchrodersCircularWeb-BookItalic.woff") format("woff"), url("../fonts/SchrodersCircularTT-BookItalic.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'CircularStd-Medium';
  src: url("../fonts/SchrodersCircularWeb-Medium.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SchrodersCircularWeb-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/SchrodersCircularWeb-Medium.woff2") format("woff2"), url("../fonts/SchrodersCircularWeb-Medium.woff") format("woff"), url("../fonts/SchrodersCircularTT-Medium.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'CircularStd-MediumItalic';
  src: url("../fonts/SchrodersCircularWeb-MediumItalic.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SchrodersCircularWeb-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SchrodersCircularWeb-MediumItalic.woff2") format("woff2"), url("../fonts/SchrodersCircularWeb-MediumItalic.woff") format("woff"), url("../fonts/SchrodersCircularTT-MediumItalic.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'CircularStd-Light';
  src: url("../fonts/SchrodersCircularWeb-Light.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SchrodersCircularWeb-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SchrodersCircularWeb-Light.woff2") format("woff2"), url("../fonts/SchrodersCircularWeb-Light.woff") format("woff"), url("../fonts/SchrodersCircularTT-Light.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NotoSans-Bold';
  src: url("../fonts/NotoSans-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Bold.ttf") format("truetype"), url("../fonts/NotoSans-Bold.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'NotoSans-Regular';
  src: url("../fonts/NotoSans-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Regular.woff2") format("woff2"), url("../fonts/NotoSans-Regular.woff") format("woff"), url("../fonts/NotoSans-Regular.ttf") format("truetype"), url("../fonts/NotoSans-Regular.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

:root {
  --colour-midnight-blue: #002A5E;
  --colour-orange-dark: #EA5204;
  --colour-grey: #F2F2F2;
  --colour-white: #FFF;
  --colour-dark-grey: #929292;
  --colour-blue: #2D55B2;
}


/* For Chrome & Safari */
::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}

::-webkit-scrollbar-thumb {
  background-color: #002A5E;
  outline: 2px solid #002A5E;
  border-radius: 0;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

/* For Firefox */
@-moz-document url-prefix() {
  .scroller {
    scrollbar-width: thin;
    scrollbar-color: #002A5E;
  }
}

.scroller::-webkit-scrollbar {
  width: 7.5px;
}

.scroller::-webkit-scrollbar-track {
  background: white;
}

.scroller::-webkit-scrollbar-thumb {
  background: #002A5E;
  border-right: 1px solid #002A5E;
}

html,
body {
  height: 100%;
  margin: 0;
}

#flexible-container .map-section {
  z-index: 0;
}

#flexible-container .map-section .map-filter__title {
  font-size: 20px;
  line-height: 60px;
  font-family: "CircularStd-Bold", "arial";
}
/* Map Section */

.map-section {
  height: calc(100vh - 80px);
  position: relative;
  margin: 0 auto;
  overflow: visible;
  /* z-index: 0; */
  margin-top: 10px;
}

@media (min-width: 992px) {
  .map-section {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .map-section {
    width: 1170px;
  }
}



@media only screen and (min-width: 992px) {
  .map-section {
    display: flex;
    flex-wrap: wrap;
    height: 100vh;
  }
}

.map-section__info {
  background-color: var(--colour-grey);
  border-top: 2px solid var(--colour-midnight-blue);
  display: none;
  height: calc(100% - 114px);
  padding: 10px;
  overflow: auto;
  overflow-x: hidden;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 1002;
}

@media only screen and (min-width: 992px) {
  .map-section__info {
    border: 0;
    background-color: transparent;
    display: block;
    overflow: visible;
    width: 66.6%;
    top: -60px;
    height: 60px;
    z-index: 700;
  }
}

@media only screen and (max-width: 991px) {
  .map-section__info {
    top: 80px;
  }
}

.map-section__info.active {
  display: block;
}

.map-section__mobile-controls {
  align-items: center;
  background-color: var(--colour-grey);
  display: flex;
  justify-content: space-between;
  height: 80px;
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .map-section__mobile-controls {
    display: none;
  }
}

.map-section__mobile-control-btn {
  background-color: transparent;
  border: 0;
  height: 40px;
  margin: 10px 20px;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
}

.map-section__mobile-control-btn:focus {
  outline: none;
}

.map-section__tabs {
  display: none;
}

@media only screen and (min-width: 992px) {
  .map-section__tabs {
    display: block;
    height: 60px;
    width: 66.6%;
  }
}

.map-section__map {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .map-section__map {
    width: 66.6%;
  }
}

/* Map Tabs */

.map-tabs {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.map-tabs__tab {
  width: 100%;
  height: 60px;
  background-color: var(--colour-midnight-blue);
}

.map-tabs__link {
  background-color: var(--colour-grey);
  color: var(--colour-midnight-blue);
  display: block;
  font-family: "CircularStd-Bold", "arial";
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}

.active .map-tabs__link,
.map-tabs__link:hover,
.map-tabs__link:active,
.map-tabs__link:focus {
  background-color: var(--colour-midnight-blue);
  color: var(--colour-white);
  text-decoration: none;
}

/* Map Area */
.map-area {
  max-height: calc(100vh - 194px);
}

@media only screen and (min-width: 992px) {
  .map-area {
    max-height: calc(100vh - 60px);
  }
}

/* Side Panel */

.side-panel {
  background-color: var(--colour-grey);
  border-top: 2px solid var(--colour-midnight-blue);
  display: none;
  padding: 20px;
  position: absolute;
  overflow: auto;
  height: calc(100vh - 194px);
  top: 80px;
  width: 100%;
  z-index: 700;
}

.side-panel.active {
  display: block;
  z-index: 1001;
}

@media only screen and (min-width: 992px) {
  .side-panel {
    border-top: 0;
    display: block;
    height: calc(100vh - 42px);
    padding: 50px 60px;
    position: relative;
    top: 0;
    width: 33.3%;
  }
}

.side-panel__heading-container {
  border-bottom: 1px solid #002A5E;
  border-top: 1px solid #002A5E;
}

.side-panel-listing-header:nth-of-type(1) .side-panel__heading-container {
  border-top: none;
}


.side-panel__heading-container--detail {
  border-top: none;
}


#flexible-container h4.side-panel__heading,
.side-panel__heading {
  color: var(--colour-midnight-blue);
  font-family: 'NotoSans-Bold' !important;
  font-size: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.side-panel__division {
  margin-bottom: 20px;
}

/* Side Panel Listing */

.side-panel-listing {
  border-bottom: 1px solid #929292;
  padding: 20px 0;
}

.side-panel-listing.last:not(.active) {
  border-bottom: none;
}

.side-panel-listing__title,
.side-panel-listing__title h5 {
  color: var(--colour-blue);
  margin: 0;
}

a.side-panel-listing__title:hover {
  font-weight: 800;
}

.side-panel-listing__title h5:hover {
  color: var(--colour-midnight-blue);
}

.side-panel-listing__link {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNy4zODIzNSAwLjk1ODE4MUM3LjM4MjM1IDAuNjA5NzE5IDcuMDU1NzUgMC4zNTI2NzkgNi43MjQyNCAwLjQ2MDA1M0MzLjExMjAzIDEuNjMwMDMgMC41IDUuMDIxOTEgMC41IDkuMDIzODZDMC41IDEzLjAyNTggMy4xMTIwMyAxNi40MTc3IDYuNzI0MjQgMTcuNTg3N0M3LjA1NTc1IDE3LjY5NSA3LjM4MjM1IDE3LjQzOCA3LjM4MjM1IDE3LjA4OTVDNy4zODIzNSAxNi44NDczIDcuMjE5ODIgMTYuNjM2NyA2Ljk5MDAxIDE2LjU2MDJDMy44MzQyOSAxNS41MDk3IDEuNTU4ODIgMTIuNTMyNSAxLjU1ODgyIDkuMDIzODZDMS41NTg4MiA1LjUxNTIyIDMuODM0MjkgMi41MzgwNCA2Ljk5MDAxIDEuNDg3NTJDNy4yMTk4MiAxLjQxMTAyIDcuMzgyMzUgMS4yMDAzOSA3LjM4MjM1IDAuOTU4MTgxWiIgZmlsbD0iIzAwMkE1RSIvPgogIDxwYXRoIGQ9Ik0xMS42MTc2IDE3LjA4OTVDMTEuNjE3NiAxNi44NDczIDExLjc4MDIgMTYuNjM2NyAxMi4wMSAxNi41NjAyQzE1LjE2NTcgMTUuNTA5NyAxNy40NDEyIDEyLjUzMjUgMTcuNDQxMiA5LjAyMzg2QzE3LjQ0MTIgNS41MTUyMiAxNS4xNjU3IDIuNTM4MDQgMTIuMDEgMS40ODc1MkMxMS43ODAyIDEuNDExMDIgMTEuNjE3NiAxLjIwMDM5IDExLjYxNzYgMC45NTgxODFDMTEuNjE3NiAwLjYwOTcxOSAxMS45NDQzIDAuMzUyNjc5IDEyLjI3NTggMC40NjAwNTJDMTUuODg4IDEuNjMwMDMgMTguNSA1LjAyMTkxIDE4LjUgOS4wMjM4NkMxOC41IDEzLjAyNTggMTUuODg4IDE2LjQxNzcgMTIuMjc1OCAxNy41ODc3QzExLjk0NDMgMTcuNjk1IDExLjYxNzYgMTcuNDM4IDExLjYxNzYgMTcuMDg5NVoiIGZpbGw9IiMwMDJBNUUiLz4KICA8cGF0aCBkPSJNOC40NDEyMSAxMi4yMDA2TDExLjYxNzcgOS4wMjQxM0w4LjQ0MTIxIDUuODQ3NjYiIHN0cm9rZT0iIzAwMkE1RSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K") right center no-repeat;
  border: 0;
  color: var(--colour-midnight-blue);
  padding-right: 25px;
  padding-left: 0;
}

.side-panel-listing h5 {
  font-family: 'NotoSans-Regular';
  font-size: 16px;
  margin-bottom: 10px;
}

.side-panel-listing .side-panel-listing__link {
  font-size: 14px;
  font-weight: 700;
}

.side-panel-listing a:hover,
.side-panel-listing h5:hover {
  color: var(--colour-midnight-blue);
  text-decoration: underline;
}

.side-panel__logo {
  max-width: 100%;
  margin-bottom: 1em;
}

.side-panel__definitions,
.side-panel__definitions_title {
  font-family: 'NotoSans-Regular';
  font-size: 16px;
}

.side-panel__definitions dt,
.side-panel__definitions_title {
  color: var(--colour-midnight-blue);
  font-family: 'NotoSans-Bold';
  margin-bottom: 0.5em;
}

.side-panel__definitions dd {
  margin-bottom: 1em;
}

.side-panel__detail .side-panel__heading-container {
  border-top: none;
  margin-bottom: 1rem;
}


.sdgs {
  display: flex;
  list-style-type: none;
  padding: 0;
}

.sdgs__item {
  margin: 0 5px 10px;
  width: 33.3%;
}

.sdgs__item:first-child {
  margin-left: 0;
}

.sdgs__item:last-child {
  margin-right: 0;
}

.sdg {
  min-width: 100%;
  max-width: 100%;
}

.sidebar-toggle {

  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzQiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA3NCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHg9IjAuMjUiIHk9IjE0LjEyMDYiIHdpZHRoPSI3My43NSIgaGVpZ2h0PSIxMC45NjY0IiByeD0iNS40ODMyIiBmaWxsPSIjQzRDNEM0Ii8+DQo8Y2lyY2xlIGN4PSIxOS44NTM3IiBjeT0iMTkuNjAzOCIgcj0iMTkuNjAzNyIgZmlsbD0iIzAwMkE1RSIvPg0KPHBhdGggZD0iTTEzLjU1OTEgMTYuMzczNEMxMy41NTkxIDE5LjgwMzIgMTYuMDcxNiAyNS4zMjQ5IDE5Ljg1MjcgMjkuMDQ0QzIzLjY0MzYgMjUuMzE1MiAyNi4xNDYyIDE5LjgwMzIgMjYuMTQ2MiAxNi4zNzM0QzI2LjE0NjIgMTIuOTQzNyAyMy4zMjg1IDEwLjE2MzMgMTkuODUyNyAxMC4xNjMzQzE2LjM3NjkgMTAuMTYzMyAxMy41NTkxIDEyLjk0MzcgMTMuNTU5MSAxNi4zNzM0WiIgZmlsbD0id2hpdGUiLz4NCjxjaXJjbGUgcj0iMy4wNjM1NyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMTkuODUxNiAxNi41NDAyKSIgZmlsbD0iIzAwMkE1RSIvPg0KPC9zdmc+DQo=") no-repeat;


  
  width: 74px;
}

.sidebar-toggle.active {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzQiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA3NCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHg9IjAuMjUiIHk9IjE0LjEyMDQiIHdpZHRoPSI3My43NSIgaGVpZ2h0PSIxMC45NjY0IiByeD0iNS40ODMyIiBmaWxsPSIjQzRDNEM0Ii8+DQo8Y2lyY2xlIGN4PSI1NC4zOTYzIiBjeT0iMTkuNjAzOCIgcj0iMTkuNjAzNyIgZmlsbD0iIzAwMkE1RSIvPg0KPGNpcmNsZSByPSIzLjA2MzU3IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSA1NC4zOTQyIDE2LjU0MDIpIiBmaWxsPSIjMDAyQTVFIi8+DQo8cmVjdCB3aWR0aD0iMTQuNzkzMiIgaGVpZ2h0PSI0LjYyMjg1IiByeD0iMi4zMTE0MiIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgNjEuNzkyOCAxMC42NjgzKSIgZmlsbD0id2hpdGUiLz4NCjxyZWN0IHdpZHRoPSIxNC43OTMyIiBoZWlnaHQ9IjQuNjIyODUiIHJ4PSIyLjMxMTQyIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSA2MS43OTI4IDE3LjI5MTEpIiBmaWxsPSJ3aGl0ZSIvPg0KPHJlY3Qgd2lkdGg9IjEwLjM2MDMiIGhlaWdodD0iNC42MjM0MSIgcng9IjIuMzExNzEiIHRyYW5zZm9ybT0ibWF0cml4KC0xIC0wLjAwMDE2MTE5IDkuMzI1NjZlLTA1IDEgNTcuMzU5OSAyMy45MTU2KSIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K");
}

.key-toggle {
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDggNDgiPg0KICAgIDxwb2x5Z29uIGZpbGw9IiMwMDJBNUUiIHBvaW50cz0iMjksMjMgMTksMjMgNyw5IDQxLDkiLz4NCiAgICA8ZyBmaWxsPSIjMDAyQTVFIj4NCiAgICAgICAgPHBvbHlnb24gcG9pbnRzPSIyOSwzOCAxOSw0NCAxOSwyMyAyOSwyMyIvPg0KICAgICAgICA8cGF0aCBkPSJNNDEuNSw5aC0zNUM1LjcsOSw1LDguMyw1LDcuNXYwQzUsNi43LDUuNyw2LDYuNSw2aDM1QzQyLjMsNiw0Myw2LjcsNDMsNy41djBDNDMsOC4zLDQyLjMsOSw0MS41LDl6Ii8+DQogICAgPC9nPg0KPC9zdmc+DQo=") no-repeat;
  height: 27px;
  width: 27px;
}

.key-toggle.active {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuOTAzNCAxLjcwNDM1QzIxLjQ2NTUgMC4xNDIyNTIgMjMuOTk4MSAwLjE0MjI1MiAyNS41NjAyIDEuNzA0MzVDMjcuMTIyMyAzLjI2NjQ1IDI3LjEyMjMgNS43OTkxMSAyNS41NjAyIDcuMzYxMkwxOS4zMTc0IDEzLjYwNEwyNS40OTIxIDE5Ljc3ODdDMjcuMDU0MiAyMS4zNDA4IDI3LjA1NDIgMjMuODczNSAyNS40OTIxIDI1LjQzNTZDMjMuOTMgMjYuOTk3NyAyMS4zOTczIDI2Ljk5NzcgMTkuODM1MiAyNS40MzU2TDEzLjY2MDYgMTkuMjYwOUw3LjQxODI3IDI1LjUwMzJDNS44NTYxNyAyNy4wNjUzIDMuMzIzNTEgMjcuMDY1MyAxLjc2MTQyIDI1LjUwMzJDMC4xOTkzMTkgMjMuOTQxMSAwLjE5OTMyIDIxLjQwODQgMS43NjE0MiAxOS44NDYzTDguMDAzNyAxMy42MDRMMS44MjgzOCA3LjQyODczQzAuMjY2Mjg2IDUuODY2NjMgMC4yNjYyODcgMy4zMzM5NyAxLjgyODM4IDEuNzcxODhDMy4zOTA0OCAwLjIwOTc3OCA1LjkyMzE0IDAuMjA5Nzc4IDcuNDg1MjQgMS43NzE4OEwxMy42NjA2IDcuOTQ3MTlMMTkuOTAzNCAxLjcwNDM1WiIgZmlsbD0iIzAwMkE1RSIvPg0KPC9zdmc+DQo=");
}

.link-btn {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjU3NDIyIDkuODI0MjJWNS43NUgxMC43NVY5LjgyNDIyQzEwLjc1IDEwLjE1MjMgMTAuNjMxNSAxMC40MzQ5IDEwLjM5NDUgMTAuNjcxOUMxMC4xNzU4IDEwLjg5MDYgOS45MDIzNCAxMSA5LjU3NDIyIDExSDEuNDI1NzhDMS4wOTc2NiAxMSAwLjgxNTEwNCAxMC44OTA2IDAuNTc4MTI1IDEwLjY3MTlDMC4zNTkzNzUgMTAuNDM0OSAwLjI1IDEwLjE1MjMgMC4yNSA5LjgyNDIyVjEuNjc1NzhDMC4yNSAxLjM0NzY2IDAuMzU5Mzc1IDEuMDc0MjIgMC41NzgxMjUgMC44NTU0NjlDMC44MTUxMDQgMC42MTg0OSAxLjA5NzY2IDAuNSAxLjQyNTc4IDAuNUg1LjVWMS42NzU3OEgxLjQyNTc4VjkuODI0MjJIOS41NzQyMlpNNi42NzU3OCAwLjVIMTAuNzVWNC41NzQyMkg5LjU3NDIyVjIuNDk2MDlMMy44NTkzOCA4LjIxMDk0TDMuMDM5MDYgNy4zOTA2Mkw4Ljc1MzkxIDEuNjc1NzhINi42NzU3OFYwLjVaIiBmaWxsPSIjMDAyQTVFIi8+DQo8L3N2Zz4NCg==") no-repeat right 15px center;
  border: 1px solid var(--colour-midnight-blue);
  border-radius: 60px;
  color: var(--colour-midnight-blue);
  display: inline-block;
  height: 38px;
  line-height: 38px;
  margin: 0 0 20px 0;
  padding: 0 40px 0 20px;
  text-decoration: none !important;
  font-weight: 700;
}

.link-btn:focus {
  text-decoration: none !important;
}

.link-btn:hover {
  text-decoration: underline !important;
}

.link-btn:active {
  text-decoration: none !important;
}

.link-btn:visited {
  text-decoration: none !important;
}

.back-btn {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMS4xMTc2IDE3LjA2NjJDMTEuMTE3NiAxNy40MTQ3IDExLjQ0NDMgMTcuNjcxNyAxMS43NzU4IDE3LjU2NDRDMTUuMzg4IDE2LjM5NDQgMTggMTMuMDAyNSAxOCA5LjAwMDU1QzE4IDQuOTk4NiAxNS4zODggMS42MDY3MSAxMS43NzU4IDAuNDM2NzM3QzExLjQ0NDMgMC4zMjkzNjQgMTEuMTE3NiAwLjU4NjQwMiAxMS4xMTc2IDAuOTM0ODY1QzExLjExNzYgMS4xNzcwOCAxMS4yODAyIDEuMzg3NyAxMS41MSAxLjQ2NDIxQzE0LjY2NTcgMi41MTQ3MiAxNi45NDEyIDUuNDkxOTEgMTYuOTQxMiA5LjAwMDU1QzE2Ljk0MTIgMTIuNTA5MiAxNC42NjU3IDE1LjQ4NjQgMTEuNTEgMTYuNTM2OUMxMS4yODAyIDE2LjYxMzQgMTEuMTE3NiAxNi44MjQgMTEuMTE3NiAxNy4wNjYyWiIgZmlsbD0iIzAwMkE1RSIvPg0KPHBhdGggZD0iTTYuODgyMzUgMC45MzQ4NjVDNi44ODIzNSAxLjE3NzA4IDYuNzE5ODIgMS4zODc3IDYuNDkwMDEgMS40NjQyMUMzLjMzNDI5IDIuNTE0NzIgMS4wNTg4MiA1LjQ5MTkgMS4wNTg4MiA5LjAwMDU1QzEuMDU4ODIgMTIuNTA5MiAzLjMzNDI4IDE1LjQ4NjQgNi40OSAxNi41MzY5QzYuNzE5ODIgMTYuNjEzNCA2Ljg4MjM1IDE2LjgyNCA2Ljg4MjM1IDE3LjA2NjJDNi44ODIzNSAxNy40MTQ3IDYuNTU1NzUgMTcuNjcxNyA2LjIyNDI0IDE3LjU2NDRDMi42MTIwMiAxNi4zOTQ0IDQuMTUwMzllLTA3IDEzLjAwMjUgNy42NDkwMWUtMDcgOS4wMDA1NUMxLjExNDc2ZS0wNiA0Ljk5ODU5IDIuNjEyMDMgMS42MDY3MSA2LjIyNDI0IDAuNDM2NzM2QzYuNTU1NzUgMC4zMjkzNjQgNi44ODIzNSAwLjU4NjQwMiA2Ljg4MjM1IDAuOTM0ODY1WiIgZmlsbD0iIzAwMkE1RSIvPg0KPHBhdGggZD0iTTEwLjA1ODggNS44MjQwM0w2Ljg4MjMyIDkuMDAwNUwxMC4wNTg4IDEyLjE3NyIgc3Ryb2tlPSIjMDAyQTVFIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==") left center no-repeat;
  border: 0;
  color: var(--colour-midnight-blue);
  display: block;
  font-family: 'NotoSans-Bold';
  font-size: 14px;
  line-height: 18px;
  padding-left: 30px;
}

.back-btn:hover {
  text-decoration: underline;
}

.map-filter {
  color: var(--colour-midnight-blue);
  width: 90%;
}

.map-popup {
  width: 300px;
  height: 200px;
}

.map-popup__heading {
  font-size: 14px;
  font-weight: bold;
}

.map-popup__title {
  font-size: 12px;
}

.map-popup__icon {
  max-width: 80px;
  padding: 10px 10px 0 0;
}

@media only screen and (min-width: 992px) {
  .map-filter {
    background-color: var(--colour-white);
    display: flex;
    height: 60px;
    left: 0;
    /* height: 53px;
    left: 20px; */
    top: 0;
    position: absolute;
    width: 100%;
  }
}

.map-filter__heading {
  display: none;
}

.map-filter__title {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguMDk0NyA4LjAyODE5QzE5LjM3MTMgOC4wMjgxOSAyMC40MDYyIDkuMDYzMDUgMjAuNDA2MiAxMC4zMzk2QzIwLjQwNjIgMTEuNjE2MiAxOS4zNzEzIDEyLjY1MSAxOC4wOTQ3IDEyLjY1MUgxMi45OTMzVjE3LjY5N0MxMi45OTMzIDE4Ljk3MzYgMTEuOTU4NSAyMC4wMDg0IDEwLjY4MTkgMjAuMDA4NEM5LjQwNTM1IDIwLjAwODQgOC4zNzA0OCAxOC45NzM2IDguMzcwNDggMTcuNjk3TDguMzcwNDggMTIuNjUxTDMuMjY4ODUgMTIuNjUxQzEuOTkyMjkgMTIuNjUxIDAuOTU3NDI4IDExLjYxNjIgMC45NTc0MjkgMTAuMzM5NkMwLjk1NzQyOSA5LjA2MzA1IDEuOTkyMjkgOC4wMjgxOSAzLjI2ODg1IDguMDI4MTlMOC4zNzA0OCA4LjAyODE5TDguMzcwNDggMi45ODE3M0M4LjM3MDQ4IDEuNzA1MTggOS40MDUzNSAwLjY3MDMyMSAxMC42ODE5IDAuNjcwMzIxQzExLjk1ODUgMC42NzAzMjEgMTIuOTkzMyAxLjcwNTE4IDEyLjk5MzMgMi45ODE3NEwxMi45OTMzIDguMDI4MTlMMTguMDk0NyA4LjAyODE5WiIgZmlsbD0iIzU3QzdDRCIvPg0KPC9zdmc+DQo=") no-repeat right 4px center;
  font-family: "CircularStd-Bold", "arial";
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 14px;
  width: 100%;
}

.map-filter__title.accordion-active {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDIxIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMjAuNDA2MSAyLjMzOTcyQzIwLjQwNjEgMS4wNjMxNiAxOS4zNzEyIDAuMDI4Mjk4OSAxOC4wOTQ3IDAuMDI4Mjk5TDMuMjY4ODUgMC4wMjgyOTg4QzEuOTkyMjggMC4wMjgyOTg3IDAuOTU3NDIxIDEuMDYzMTYgMC45NTc0MjEgMi4zMzk3MkMwLjk1NzQyMSAzLjYxNjI5IDEuOTkyMjggNC42NTExNSAzLjI2ODg0IDQuNjUxMTVMMTguMDk0NyA0LjY1MTE1QzE5LjM3MTIgNC42NTExNSAyMC40MDYxIDMuNjE2MjkgMjAuNDA2MSAyLjMzOTcyWiIgZmlsbD0iIzU3QzdDRCIvPg0KPC9zdmc+DQo=");
}


@media only screen and (min-width: 992px) {

  .map-filter__heading {
    display: block;
    font-family: 'CircularStd-Medium';
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    top: 75px;
    height: 30px;
    left: 40px;
  }

  .map-filter__title {
    background: var(--colour-grey);
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    margin: 0;
    text-align: center;
  }

  .map-filter__title.accordion-active {
    background-image: none;
  }

  .map-filter__title.active {
    background: var(--colour-midnight-blue);
    color: var(--colour-white);
  }
}

.map-filter__data {
  display: none;
  list-style-type: none;
  padding: 0;
}

.map-filter__data.accordion-active {
  display: block;
}

@media only screen and (min-width: 992px) {
  .map-filter__data {
    border: 1px solid var(--colour-midnight-blue);
    background-color: var(--colour-white);
    height: 53px;
    display: none;
    position: absolute;
    overflow: hidden;
    top: 100px;
    left: 40px;
    width: 255px;
  }

  .map-filter__data.accordion-active {
    display: none;
  }

  .map-filter__data.visible {
    display: block;
  }

  .map-filter__data.active {
    height: auto;
    overflow: auto;
    max-height: 60vh;
    z-index: 1;
  }
}

.map-filter__btn {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHg9IjEuNzMyNDIiIHk9IjEuMzM5ODQiIHdpZHRoPSIyNy45OTg4IiBoZWlnaHQ9IjI4IiByeD0iMTMuOTk5NCIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzAwMkE1RSIgc3Ryb2tlLXdpZHRoPSIyIi8+DQo8L3N2Zz4NCg==") no-repeat right center;
  background-position: right 40px bottom 10px;
  font-family: 'NotoSans-Regular';
  font-size: 16px;
  height: 53px;
  border: 0;
  padding: 0;
  text-align: left;
  width: 336px;
  padding: 5px;
}

.map-filter__btn span {
  display: block;
  width: 270px;
  padding-left: 10px;
}

.map-filter__btn:focus {
  outline: none;
}

.map-filter__btn.active {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHg9IjEuNzMyNDIiIHk9IjEuMzM5ODQiIHdpZHRoPSIyNy45OTg4IiBoZWlnaHQ9IjI4IiByeD0iMTMuOTk5NCIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzAwMkE1RSIgc3Ryb2tlLXdpZHRoPSIyIi8+DQo8Y2lyY2xlIGN4PSIxNS43NSIgY3k9IjE1LjI1IiByPSIxMC44NzUiIGZpbGw9IiMwMDJBNUUiLz4NCjwvc3ZnPg0KDQog");
}

.map-filter__data.active .map-filter__list-item {
  padding-bottom: 10px;
}

@media only screen and (min-width: 992px) {

  .map-filter__btn,
  .map-filter__btn.active {
    background-image: none;
  }

  .map-filter__btn {
    display: none;
  }

  .map-filter__list-item:first-child .map-filter__btn {
    border-bottom: 1px solid var(--colour-grey);
  }

  .active .map-filter__btn:hover {
    text-decoration: underline;
  }

  .map-filter__data .map-filter__btn.active {
    display: block;
    width: 195px;
  }

  .map-filter__data .map-filter__btn.active span {
    display: block;
    width: 195px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .map-filter__data.active .map-filter__btn.active {
    display: block;
    width: 195px;
    white-space: normal;
  }

  .map-filter__btn.active,
  .map-filter__data.active .map-filter__btn {
    display: block;
    width: 225px;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .map-filter__btn span {
    display: block;
    width: 215px;
  }
}

.map-filter__toggle {
  display: none;
}

.map-filter__toggle:focus {
  outline: none;
}

input[type="button"]:focus {
  outline: none;
}

@media only screen and (min-width: 992px) {
  .map-filter__toggle {
    display: block;
    position: absolute;
  }

  .map-filter__toggle {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zMjUxOSA5Ljc0OTUxQzguMDAzNyA5Ljc0OTUxIDcuNjk1MzcgOS42MjE4IDcuNDY4MDQgOS4zOTQ0N0wxLjAwMyAyLjkyOTQyQzAuNTI5NjAzIDIuNDU2MDIgMC41Mjk2MDMgMS42ODg1IDEuMDAzIDEuMjE1MTFDMS40NzYzOSAwLjc0MTcxOSAyLjI0MzkxIDAuNzQxNzE5IDIuNzE3MyAxLjIxNTExTDguMzI1MiA2LjgyMzAxTDEzLjkzMzEgMS4yMTUxMUMxNC40MDY1IDAuNzQxNzIgMTUuMTc0IDAuNzQxNzIgMTUuNjQ3NCAxLjIxNTExQzE2LjEyMDggMS42ODg1MSAxNi4xMjA4IDIuNDU2MDMgMTUuNjQ3NCAyLjkyOTQyTDkuMTgyMzUgOS4zOTQ0N0M4Ljk1NTAyIDkuNjIxOCA4LjY0NjY5IDkuNzQ5NTEgOC4zMjUxOSA5Ljc0OTUxWiIgZmlsbD0iIzAwMkE1RSIvPg0KPC9zdmc+DQo=") no-repeat right 18px center;
    border: 0;
    cursor: pointer;
    display: none;
    height: 53px;
    line-height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    width: 255px;
    top: 100px;
    left: 40px;
    z-index: 2;
  }

  .map-filter__toggle.visible {
    display: block;
  }

  .map-filter__toggle.active {
    display: block;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNyAxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMwMDJBNUU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05LjIsMS4ybDYuNSw2LjVjMC41LDAuNSwwLjUsMS4yLDAsMS43Yy0wLjUsMC41LTEuMiwwLjUtMS43LDBMOC4zLDMuOEwyLjcsOS40QzIuMiw5LjksMS41LDkuOSwxLDkuNA0KCUMwLjUsOC45LDAuNSw4LjIsMSw3LjdsNi41LTYuNUM3LjcsMSw4LDAuOSw4LjMsMC45QzguNiwwLjksOSwxLDkuMiwxLjJ6Ii8+DQo8L3N2Zz4NCg==") no-repeat right 18px center;
    background-size: 17px 10px;
    border: 0;
    cursor: pointer;
    height: 53px;
    line-height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    width: 255px;
    top: 100px;
    left: 40px;
    z-index: 2;position: absolute;
  }
}

/* Map Key */

#map-section-container {
  display: none;
}

.map-key {}

.map-key__data {
  display: grid;
  grid-template-columns: max-content auto;
  margin-top: 10px;
  margin-bottom: 0;
  height:auto;
}

.map-key__title {
  font-family: 'NotoSans-Regular';
  border: solid var(--colour-dark-grey);
  border-width: 1px 0;
  color: #002A5E;
  font-weight: 600;
  font-size: 20px;
}

.map-key__title span {
  font-family: 'NotoSans-Regular';
  height: auto;
  font-size: 16px;
  line-height: 65px;
  width: 100%;
  color: #000;
  font-weight: normal;
}

.map-key__definition-title {
  background: black;
  border-radius: 10px;
  display: block;
  height: 20px;
  overflow: hidden;
  text-indent: -9999px;
  width: 20px;
  margin-right: 10px;
}



.map-key__definition {
  font-family: 'NotoSans-Regular';
  font-size: 14px;
  width: 94%;
  padding-right: 10px;
  height: auto;
  line-height: normal;
  margin-bottom: 20px;
  margin-left: 0;
}


.map-key__definition-title--exited{
  background-color: #FF6A00;
}

.map-key__definition-title--current{
  background-color: #2D55B2;
}


.map-key__definition-title--5 {
  background-color: #006B00;
}

.map-key__definition-title--4 {
  background-color: #238D15;
}

.map-key__definition-title--3 {
  background-color: #3DA120;
}

.map-key__definition-title--2 {
  background-color: #63C532;
}

.map-key__definition-title--1 {
  background-color: #96D774;
}

.map-key__subtitle {
  display: none;
}

@media only screen and (min-width: 992px) {
  .map-key {
    background-color: #DFDFDF;
    height: 100px;
    top: calc(100vh - 82px);
    left: 0;
    position: absolute;
    width: 100%;

  }


  .map-key__title {
    display: none;
  }

  .map-key__subtitle {
    display: block;
    position: absolute;
    padding: 10px 20px 5px 20px;
    background-color: var(--colour-midnight-blue);
    color: #fff;
    font-family: 'NotoSans-Bold';
    font-size: 11px;
  }

  .map-key__source {
    position: absolute;
    padding: 10px 0 0 30px;
    bottom: 75px;
    right: 10px;
    font-size: 11px;
    font-family: 'NotoSans-Regular';
  }

  .map-key__data {
    display: flex;
    flex-wrap: nowrap;
margin-top:0px;
    justify-content: left;
    align-items: center;
  }

  .map-key__data:nth-of-type(1) {
    margin-top: 30px;  
  }


  .map-key__definition {
    width: auto;

    line-height: 34px;
    vertical-align: middle;
    white-space: nowrap;
    border-right: 1px solid #929292;
    margin-bottom: 0;
  }

  .map-key__definition-title {
    margin-left: 10px;
  }


  .map-key__definition:nth-of-type(5) {
    border: 0;
  }


  .map-key__definition.no-border {
    border: 0;
  }
}

.map-controls {
  margin-top: 2rem;
}

.map-controls__btn {
  background-color: var(--colour-white);
  border: 1px solid var(--colour-midnight-blue);
  color: var(--colour-midnight-blue);
  height: 53px;
  padding: 13px 18px;
  white-space: nowrap;
}

.map-controls__btn:hover {
  color: var(--colour-blue);
  border: 1px solid var(--colour-blue);
}

.map-controls__btn:disabled {
  border: 1px solid #ccc;
  color: #ccc;
}


@media only screen and (min-width: 992px) {
  .map-controls {
    display: flex;
    left: 300px;
    top: 100px;
    /* left: 260px;
    top: 0; */
    position: absolute;
    margin-top: 0;
  }

  .map-controls__btn {
    margin-left: 5px;
  }
}