@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,400&display=swap");
.eez-map {
  height: 55vw;
  max-height: 748px;
}

.eez-map {
  position: relative;
}

.eez-map canvas.for-ie {
  display: block;
  width: 100%;
  visibility: hidden;
}

.eez-map svg {
  background: radial-gradient(rgba(255, 255, 255, 0.8), #8CB4D3);
  background: url("../images/water.jpg") no-repeat center bottom;
  background-size: cover;
  transition: all 1s;
}

.loaded svg {
  opacity: 1;
}

.eez-map svg > g > g#land {
  fill: #212121;
  fill-opacity: 0.8;
  stroke: #000;
  stroke-width: 0.5px;
  stroke-opacity: 0.8;
}

#eez g path {
  cursor: pointer;
  fill: rgba(255, 255, 255, 0.5);
  fill-opacity: 0.4;
  stroke: #000;
  stroke-width: 1px;
  stroke-opacity: 0.4;
  stroke-linejoin: round;
  stroke-linecap: round;
  transition: stroke-width 0.1s linear, fill-opacity 0.1s linear;
}
#eez g:hover path {
  stroke-width: 2px;
  fill-opacity: 0.7;
}

.forest-caption,
.plastic-caption {
  position: absolute;
  top: 5vw;
  width: 30%;
  right: 5vw;
  padding: 20px;
  transition: all 0.3s;
  opacity: 0;
  text-align: left;
  background: rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
}
.forest-caption.visible,
.plastic-caption.visible {
  opacity: 1;
}

.tree {
  transition: all 0.3s;
  cursor: pointer;
}
.tree.improve {
  fill: #5eba48 !important;
}
.tree.worsen {
  fill: #c55f5f;
}
.tree.no-data {
  fill: #333;
}
.tonga-report.report.tonga .acknowledgements p,
.tonga-report.report.tonga #critical-connections p,
.tonga-report.report.tonga #intro-text p,
.tonga-report.report.tonga #intro-text span,
.tonga-report.report.tonga .resources-page .main-content p {
  font-family: "Source Serif Pro", serif;
}
.tonga-report.report.tonga .wrapper p, .wrapper .tonga-report.report.tonga p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tonga-report.report.tonga h3.pullout {
    border-left: 5px solid #fee5d4;
  }
  .tonga-report.report.tonga #critical-connections h3.pullout, .tonga-report.report.tonga #overview h3.pullout {
    border-left: 5px solid lightblue;
  }
  .tonga-report.report.tonga #tongas-special-management-area h3.pullout {
    border-left: 5px solid #b5d5af;
  }
  .tonga-report.report.tonga #ecosystem-in-need-of-restoration h3.pullout {
    border-left: 5px solid #eac0d9;
  }
  .tonga-report.report.tonga #tonga-data-and-knowledge-resources h3.pullout {
    border-left: 5px solid #b0b4db;
  }
  .tonga-report.report.tonga #overview .callout .text {
    background: lightblue;
  }
  .tonga-report.report.tonga #mixed-results-for-tongas-environment .callout .text {
    background: #fee5d4;
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes pulse {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.tonga-report.report.tonga .scroll-down {
  order: 10;
  flex-basis: 100%;
  margin-top: auto;
  display: block;
  text-decoration: none;
  color: #fff;
  width: 200px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
}
.tonga-report.report.tonga .scroll-down .chevron {
  margin-top: 5px;
  animation: pulse 2s infinite;
  display: block;
}
.tonga-report.report.tonga .scroll-down .chevron::before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 20px;
  position: relative;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 20px;
}
.tonga-report.report.tonga .scroll-down .chevron.down::before {
  transform: rotate(135deg);
  top: 0;
}
.tonga-report.report.tonga .scroll-down:hover {
  color: #fff;
}
@media (min-height: 1200px) {
  .tonga-report.report.tonga .scroll-down {
    position: absolute;
    top: 80vh;
  }
}
.tonga-report.report.tonga #tonga-report-header {
  min-height: 100vh;
  width: 100vw;
  background-color: #212121;
  background: #212131;
  position: relative;
}
.tonga-report.report.tonga #tonga-report-header .hero-image {
  background: url("../images/tonga/Vavau_Stuart_Chape.jpg") no-repeat 70% top;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  transition: opacity 1s;
  box-sizing: border-box;
}
.tonga-report.report.tonga #tonga-report-header .hero-image::after {
  content: "© Stuart Chape";
  top: 48vh;
  right: 25px;
  transform-origin: right bottom;
  transform: rotate(-90deg);
}
.tonga-report.report.tonga #tonga-report-header .hero-image::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.5), rgba(33, 33, 33, 0.1));
  z-index: 2;
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
@media only screen and (min-width: 900px) {
  .tonga-report.report.tonga #tonga-report-header .hero-image {
    background-image: url("../images/tonga/Vavau_Stuart_Chape.jpg");
    background-attachment: fixed;
  }
  .tonga-report.report.tonga #tonga-report-header .hero-image::before {
    background: linear-gradient(to bottom, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0));
  }
}
@media only screen and (min-width: 1200px) {
  .tonga-report.report.tonga #tonga-report-header .hero-image {
    background-image: url("../images/tonga/Vavau_Stuart_Chape.jpg");
  }
  .tonga-report.report.tonga #tonga-report-header .hero-image::before {
    background: linear-gradient(to right, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0.1), rgba(33, 33, 33, 0));
  }
}
.tonga-report.report.tonga #tonga-report-header .wrapper {
  min-height: inherit;
  width: 100%;
  max-width: 1360px;
  position: relative;
  z-index: 2;
  padding-bottom: 8vh;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
}
@keyframes FadeIn {
  0% {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5));
  }
  100% {
    background: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
  }
}
.tonga-report.report.tonga #tonga-report-header .hero-image::before {
  background: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
}
.tonga-report.report.tonga #tonga-report-header hgroup {
  margin-bottom: 100px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
}
.tonga-report.report.tonga #tonga-report-header h1 {
  font-weight: 600;
  opacity: 0;
  font-size: 3.7em;
  margin: 0;
  transition: all 2s;
  transform: translateY(-30px);
  transition: opacity 1.5s 0.75s, transform 1.5s 0.75s;
}
.tonga-report.report.tonga #tonga-report-header h2 {
  font-size: 2.7em;
  line-height: 1em;
  opacity: 0;
  color: #fff;
  margin: 0;
  color: lightblue;
  mix-blend-mode: luminosity;
  transform: translateY(30px);
  transition: transform 2.5s 0.75s, opacity 2.5s 4s, color 0.25s, background 0.25s;
}
.tonga-report.report.tonga #tonga-report-header .appear h1, .tonga-report.report.tonga #tonga-report-header .appear h2 {
  opacity: 1;
  transform: translateY(0);
}
.tonga-report.report.tonga #tonga-report-header .appear h2 {
  transition-delay: 1s;
}
.tonga-report.report.tonga ul.navigation-index {
  margin: 0;
  padding: 0;
  margin-bottom: 60px;
  display: block;
  flex-flow: row wrap;
}
.tonga-report.report.tonga ul.navigation-index li {
  list-style: none;
  padding: 5px 5px;
}
.tonga-report.report.tonga ul.navigation-index li a {
  display: block;
  white-space: normal !important;
}
.tonga-report.report.tonga ul.navigation-index li a:hover {
  background: var(--theme-color-light);
  color: var(--theme-color);
  padding-right: 20px !important;
}
@media only screen and (min-width: 720px) {
  .tonga-report.report.tonga ul.navigation-index {
    display: flex;
  }
}
@media only screen and (min-width: 1200px) {
  .tonga-report.report.tonga ul.navigation-index {
    display: block;
    min-width: 400px;
  }
  .tonga-report.report.tonga ul.navigation-index li a {
    display: inline-block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tonga-report.report.tonga ul.navigation-index li a.overview, .tonga-report.report.tonga ul.navigation-index li a.tonga-data-and-knowledge-resources {
    border-left: 10px solid #313131;
  }
  .tonga-report.report.tonga ul.navigation-index li a.overview:hover, .tonga-report.report.tonga ul.navigation-index li a.tonga-data-and-knowledge-resources:hover {
    background: lightblue;
    color: #313131;
  }
  .tonga-report.report.tonga ul.navigation-index li a.mixed-results-for-tongas-environment {
    border-left: 10px solid #ff463a;
  }
  .tonga-report.report.tonga ul.navigation-index li a.mixed-results-for-tongas-environment:hover {
    background: #fee5d4;
    color: #ff463a;
  }
  .tonga-report.report.tonga ul.navigation-index li a.tongas-special-management-area {
    border-left: 10px solid #2ca142;
  }
  .tonga-report.report.tonga ul.navigation-index li a.tongas-special-management-area:hover {
    background: #b5d5af;
    color: #2ca142;
  }
  .tonga-report.report.tonga ul.navigation-index li a.ecosystem-in-need-of-restoration {
    border-left: 10px solid #c44c91;
  }
  .tonga-report.report.tonga ul.navigation-index li a.ecosystem-in-need-of-restoration:hover {
    background: #eac0d9;
    color: #c44c91;
  }
  .tonga-report.report.tonga ul.navigation-index li a.tonga-data-and-knowledge-resources {
    border-left: 10px solid #3e5aa9;
  }
  .tonga-report.report.tonga ul.navigation-index li a.tonga-data-and-knowledge-resources:hover {
    background: #b0b4db;
    color: #3e5aa9;
  }
  .tonga-report.report.tonga ul.navigation-index li a.tonga-acknowledgements {
    border-left: 10px solid #4cc4d3;
  }
  .tonga-report.report.tonga ul.navigation-index li a.tonga-acknowledgements:hover {
    background: #c4e8ec;
    color: #4cc4d3;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tonga-report.report.tonga ul.sticky-navigation-index .overview::before, .tonga-report.report.tonga ul.sticky-navigation-index .tonga-data-and-knowledge-resources::before {
    background: #A9C4C7;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index a.overview.active:after, .tonga-report.report.tonga ul.sticky-navigation-index a.tonga-data-and-knowledge-resources.active:after {
    border: thin solid #A9C4C7;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index .overview:hover::before, .tonga-report.report.tonga ul.sticky-navigation-index .tonga-data-and-knowledge-resources:hover::before {
    background: #212121;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index .mixed-results-for-tongas-environment::before {
    background: #fee5d4;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index a.mixed-results-for-tongas-environment.active:after {
    border: thin solid #fee5d4;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index .mixed-results-for-tongas-environment:hover::before {
    background: #ff463a;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index .tongas-special-management-area::before {
    background: #b5d5af;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index a.tongas-special-management-area.active:after {
    border: thin solid #b5d5af;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index .tongas-special-management-area:hover::before {
    background: #2ca142;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index .tonga-data-and-knowledge-resources::before {
    background: #b0b4db;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index .ecosystem-in-need-of-restoration::before {
    background: #eac0d9;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index a.ecosystem-in-need-of-restoration.active:after {
    border: thin solid #eac0d9;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index .ecosystem-in-need-of-restoration:hover::before {
    background: #c44c91;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index a.tonga-data-and-knowledge-resources.active:after {
    border: thin solid #b0b4db;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index .tonga-data-and-knowledge-resources:hover::before {
    background: #3e5aa9;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index .tonga-acknowledgements::before {
    background: #c4e8ec;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index a.tonga-acknowledgements.active:after {
    border: thin solid #c4e8ec;
  }
  .tonga-report.report.tonga ul.sticky-navigation-index .tonga-acknowledgements:hover::before {
    background: #4cc4d3;
  }
}
@media only screen and (min-width: 1273px) {
  .tonga-report.report.tonga #tonga-report-header .wrapper {
    flex-flow: row wrap;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media all and (min--moz-device-pixel-ratio: 0) and (max-width: 1292px) {
  .tonga-report.report.tonga #tonga-report-header .wrapper {
    display: block;
  }
  .tonga-report.report.tonga #tonga-report-header .scroll-down {
    left: 40%;
    margin: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .tonga-report.report.tonga #tonga-report-header .hero-image {
    background-position: top right;
  }
  .tonga-report.report.tonga #tonga-report-header h1 {
    font-size: 108px;
  }
  .tonga-report.report.tonga #tonga-report-header h2 {
    font-size: 85px;
    line-height: 85px;
  }
  .tonga-report.report.tonga #tonga-report-header h1, .tonga-report.report.tonga #tonga-report-header hgroup {
    flex: 3;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 720px) {
  .tonga-report.report.tonga #intro-text .wrapper {
    margin-top: -8vh;
  }
  .tonga-report.report.tonga #tonga-report-header {
    min-height: 110vh;
  }
}
.tonga-report.report.tonga .loaded #tonga-report-header .hero-image {
  opacity: 1;
}
.tonga-report.report.tonga #intro-text {
  background: #171725;
}
.tonga-report.report.tonga #intro-text .wrapper {
  background: #171725;
  color: #fff;
  position: relative;
  z-index: 2;
}
.tonga-report.report.tonga #intro-text .wrapper h3 {
  color: var(--theme-color-light);
}
.tonga-report.report.tonga #intro-text .wrapper a {
  color: #fff;
  text-decoration: underline;
}
.tonga-report.report.tonga .pretext {
  font-size: 25px;
  line-height: 1em;
  color: #fff;
}
.tonga-report.report.tonga .front .image-caption, .front .tonga-report.report.tonga .image-caption, .tonga-report.report.tonga .hero-image::after, .tonga-report.report.tonga .callout .image::after, .callout .tonga-report.report.tonga .image::after {
  position: absolute;
  font-family: "Roboto", sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  right: 10px;
  padding-left: 15px;
  top: 68vh;
  font-size: 14px;
  line-height: 14px;
}
.tonga-report.report.tonga section {
  position: relative;
}
.tonga-report.report.tonga section p {
  font-family: "Source Serif Pro", serif;
}
.tonga-report.report.tonga section .wrapper {
  padding-bottom: 70px;
  padding-top: 70px;
}
.tonga-report.report.tonga section .wrapper.appear > * {
  transform: translateY(0);
  opacity: 1;
}
.tonga-report.report.tonga .step .hero-image {
  filter: grayscale(100%);
  transition: filter 2s;
}
.tonga-report.report.tonga .step.appear .hero-image {
  filter: grayscale(0%);
}
.tonga-report.report.tonga .hero-image {
  position: relative;
}
.tonga-report.report.tonga .hero-image::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.5), rgba(33, 33, 33, 0.1));
  z-index: 0;
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
.tonga-report.report.tonga #mixed-results-for-tongas-environment .hero-image {
  background-image: url("../images/tonga/Humback Whale_page_131_©_MEIDECC_mobile.jpg");
}
@media only screen and (min-width: 900px) {
  .tonga-report.report.tonga #mixed-results-for-tongas-environment .hero-image {
    background-image: url("../images/tonga/Humback Whale_page_131_©_MEIDECC.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  .tonga-report.report.tonga #mixed-results-for-tongas-environment .hero-image {
    background-image: url("../images/tonga/Humback Whale_page_131_©_MEIDECC.jpg");
  }
}
.tonga-report.report.tonga #mixed-results-for-tongas-environment .hero-image::after {
  content: "";
}
.tonga-report.report.tonga #tongas-special-management-area .hero-image {
  background-image: url("../images/tonga/GH010663_mobile.jpg");
}
@media only screen and (min-width: 900px) {
  .tonga-report.report.tonga #tongas-special-management-area .hero-image {
    background-image: url("../images/tonga/GH010663.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  .tonga-report.report.tonga #tongas-special-management-area .hero-image {
    background-image: url("../images/tonga/GH010663.jpg");
  }
}
.tonga-report.report.tonga #tongas-special-management-area .hero-image::after {
  content: "© Peter McDonald";
  right: 25px;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration {
  position: relative;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration h2 {
  color: #fff;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .spacer {
  height: 50vh;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration h3.issue-title {
  position: sticky;
  top: 5vh;
  font-size: 50px;
  color: #fff;
  max-width: 1360px;
  text-align: center;
  margin: 0 auto;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.5s ease-in;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration h3.issue-title.appear {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (min-width: 900px) {
  .tonga-report.report.tonga #ecosystem-in-need-of-restoration h3.issue-title {
    font-size: 70px;
  }
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .sticky-hero-image {
  background-image: url("../images/tonga/fangauta-lagoon.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .sticky-hero-image .wrapper {
  background: none;
  transition: all 1s ease-out;
  transform: translateY(100px);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .sticky-hero-image .wrapper.appear {
  background: #171725;
  transform: translateY(0);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .sticky-hero-image .wrapper p {
  color: lightblue;
  font-size: 27px;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .hero-image {
  background: none;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .hero-image::after {
  content: "";
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .hero-image.text-only::before {
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.6), rgba(33, 33, 33, 0));
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .figure {
  background: none;
  min-height: 100vh;
  position: relative;
  margin: 0;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .lagoon-issue {
  height: 200vh;
  position: relative;
  transition: all 1s ease-in-out;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .lagoon-issue.finished {
  opacity: 0.5;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .lagoon-issue .issue-text {
  background: lightblue;
  background: #171725;
  padding: 50px;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .lagoon-issue .issue-text h4 {
  font-size: 35px;
  margin: 0;
  color: lightblue;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .lagoon-issue img {
  max-height: 90vh;
  max-width: 1200px;
  margin: auto;
}
@media only screen and (min-width: 1200px) {
  .tonga-report.report.tonga #ecosystem-in-need-of-restoration .lagoon-issue .issue-text {
    padding: 50px;
    position: absolute;
    top: 100px;
    max-width: 300px;
  }
  .tonga-report.report.tonga #ecosystem-in-need-of-restoration .lagoon-issue h4 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .tonga-report.report.tonga #ecosystem-in-need-of-restoration .lagoon-issue .issue-text {
    left: -50px;
  }
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration h3.actions-title {
  text-align: center;
  top: 50px;
  color: inherit;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .restoration {
  background: #171725;
  color: #fff;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .restoration .wrapper {
  max-width: 1160px;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .icon-container {
  object-fit: contain;
  flex: 1;
  max-width: 90px;
  margin-right: 25px;
  max-height: 90px;
  min-width: 90px;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .action-text {
  flex: 3;
  display: flex;
  align-items: center;
  font-size: 24px;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration svg {
  fill: #fff;
  height: 100%;
  width: 100%;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration ul {
  flex-flow: row wrap;
  max-width: 1160px;
  margin: 0 auto;
  transform: translateX(-50px);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action {
  min-width: 40%;
  list-style: none;
  display: flex;
  flex: 1;
  margin-bottom: 70px;
  margin-left: 25px;
  opacity: 0;
  transform: translateY(40px);
  transition: transform 2.5s 0.75s, opacity 2.5s 0s;
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(0n+0) {
  transition-delay: calc(.5 * 0s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(1n+1) {
  transition-delay: calc(.5 * 1s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(2n+2) {
  transition-delay: calc(.5 * 2s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(3n+3) {
  transition-delay: calc(.5 * 3s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(4n+4) {
  transition-delay: calc(.5 * 4s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(5n+5) {
  transition-delay: calc(.5 * 5s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(6n+6) {
  transition-delay: calc(.5 * 6s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(7n+7) {
  transition-delay: calc(.5 * 7s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(8n+8) {
  transition-delay: calc(.5 * 8s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(9n+9) {
  transition-delay: calc(.5 * 9s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(10n+10) {
  transition-delay: calc(.5 * 10s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(11n+11) {
  transition-delay: calc(.5 * 11s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(12n+12) {
  transition-delay: calc(.5 * 12s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(13n+13) {
  transition-delay: calc(.5 * 13s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(14n+14) {
  transition-delay: calc(.5 * 14s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(15n+15) {
  transition-delay: calc(.5 * 15s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(16n+16) {
  transition-delay: calc(.5 * 16s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(17n+17) {
  transition-delay: calc(.5 * 17s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(18n+18) {
  transition-delay: calc(.5 * 18s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(19n+19) {
  transition-delay: calc(.5 * 19s);
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action:nth-child(20n+20) {
  transition-delay: calc(.5 * 20s);
}
@media only screen and (min-width: 900px) {
  .tonga-report.report.tonga #ecosystem-in-need-of-restoration ul {
    display: flex;
  }
  .tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action {
    max-width: 50%;
    margin-left: 50px;
  }
  .tonga-report.report.tonga #ecosystem-in-need-of-restoration li.action .icon-contianer {
    margin-right: 50px;
  }
}
.tonga-report.report.tonga #ecosystem-in-need-of-restoration .wrapper.appear li.action {
  transform: translateY(0px);
  opacity: 1;
}
.tonga-report.report.tonga #tonga-data-and-knowledge-resources .hero-image {
  background-image: url("../images/tonga/DSC_0069.jpg");
}
@media only screen and (min-width: 900px) {
  .tonga-report.report.tonga #tonga-data-and-knowledge-resources .hero-image {
    background-image: url("../images/tonga/DSC_0069.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  .tonga-report.report.tonga #tonga-data-and-knowledge-resources .hero-image {
    background-image: url("../images/tonga/DSC_0069.jpg");
  }
}
.tonga-report.report.tonga #tonga-data-and-knowledge-resources .hero-image::after {
  content: "";
}
.tonga-report.report.tonga .mixed-results-for-tongas-environment {
  --theme-color: #ff463a;
  --theme-color-light: #fee5d4;
}
.tonga-report.report.tonga .ecosystem-in-need-of-restoration {
  --theme-color: #c44c91;
  --theme-color-light: #eac0d9;
}
.tonga-report.report.tonga .tongas-special-management-area {
  --theme-color: #2ca142;
  --theme-color-light: #b5d5af;
}
.tonga-report.report.tonga .tonga-data-and-knowledge-resources {
  --theme-color: #3e5aa9;
  --theme-color-light: #b0b4db;
}
.tonga-report.report.tonga .tonga-acknowledgements {
  --theme-color: #4cc4d3;
  --theme-color-light: #c4e8ec;
}
.tonga-report.report.tonga .download-chapter-link {
  background: var(--theme-color-light);
  color: #000;
  text-decoration: none;
  font-weight: 500;
  padding: 0px 20px;
  border-radius: 20px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  transition: opacity 1s ease-out 1s, transform 1s ease-out 1s, background 0.25s, color 0.25s;
  opacity: 0;
  transform: translateY(30px);
}
.tonga-report.report.tonga .download-chapter-link:hover {
  background: #212121;
  color: var(--theme-color-light);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tonga-report.report.tonga #mixed-results-for-tongas-environment .hero-image hr.after {
    background: #fee5d4;
  }
  .tonga-report.report.tonga #tongas-special-management-area .hero-image hr.after {
    background: #b5d5af;
  }
  .tonga-report.report.tonga #tonga-data-and-knowledge-resources .hero-image hr.after {
    background: #b0b4db;
  }
  .tonga-report.report.tonga #ecosystem-in-need-of-restoration .hero-image hr.after {
    background: #eac0d9;
  }
}
.tonga-report.report.tonga img.center {
  width: 200px;
  float: left;
  margin: 0 30px 40px 0;
}
.tonga-report.report.tonga .figure-caption {
  max-width: 700px;
  margin: 0 auto;
}
.tonga-report.report.tonga #tongas-environment-chart-1, .tonga-report.report.tonga #tongas-environment-chart-2 {
  margin: 0;
}
.tonga-report.report.tonga #tongas-special-management-area-chart {
  margin-bottom: 0;
}
.tonga-report.report.tonga .white-bg-chart {
  background: white !important;
}
@media only screen and (max-width: 720px) {
  .tonga-report.report.tonga ul#main-menu li a {
    font-size: 12px !important;
  }
}

#acknowledgements .wrapper.acknowledgements {
  max-width: 1000px;
}

.logos-container .sprep-logo, .logos-container .inform-sprep-logo {
  max-width: 30%;
}

@media only screen and (min-width: 720px) {
  .logos-container .sprep-logo, .logos-container .inform-sprep-logo {
    max-width: 15%;
  }
}
.wrapper p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fsm-report.report.fsm .acknowledgements p,
.fsm-report.report.fsm #critical-connections p,
.fsm-report.report.fsm #intro-text p,
.fsm-report.report.fsm #intro-text span,
.fsm-report.report.fsm .resources-page .main-content p {
  font-family: "Source Serif Pro", serif;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fsm-report.report.fsm h3.pullout {
    border-left: 5px solid #fee5d4;
  }
  .fsm-report.report.fsm #critical-connections h3.pullout, .fsm-report.report.fsm #overview h3.pullout {
    border-left: 5px solid lightblue;
  }
  .fsm-report.report.fsm #fsm-forest h3.pullout {
    border-left: 5px solid #b5d5af;
  }
  .fsm-report.report.fsm #traditional-historical h3.pullout {
    border-left: 5px solid #eac0d9;
  }
  .fsm-report.report.fsm #fsm-data-and-knowledge-resources h3.pullout {
    border-left: 5px solid #b0b4db;
  }
  .fsm-report.report.fsm #overview .callout .text {
    background: lightblue;
  }
  .fsm-report.report.fsm #mixed-results-for-fsm-environment .callout .text {
    background: #fee5d4;
  }
}
.fsm-report.report.fsm .scroll-down {
  order: 10;
  flex-basis: 100%;
  margin-top: auto;
  display: block;
  text-decoration: none;
  color: #fff;
  width: 200px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
}
.fsm-report.report.fsm .scroll-down .chevron {
  margin-top: 5px;
  animation: pulse 2s infinite;
  display: block;
}
.fsm-report.report.fsm .scroll-down .chevron::before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 20px;
  position: relative;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 20px;
}
.fsm-report.report.fsm .scroll-down .chevron.down::before {
  transform: rotate(135deg);
  top: 0;
}
.fsm-report.report.fsm .scroll-down:hover {
  color: #fff;
}
@media (min-height: 1200px) {
  .fsm-report.report.fsm .scroll-down {
    position: absolute;
    top: 80vh;
  }
}
.fsm-report.report.fsm #fsm-report-header {
  min-height: 100vh;
  width: 100vw;
  background-color: #212121;
  background: #212131;
  position: relative;
}
.fsm-report.report.fsm #fsm-report-header .hero-image {
  background: url("..//images/fsm/header-image-1080.jpg") no-repeat center bottom;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  transition: opacity 1s;
  box-sizing: border-box;
}
@media only screen and (min-width: 720px) {
  .fsm-report.report.fsm #fsm-report-header .hero-image {
    background-image: url("..//images/fsm/header-image-1440.jpg");
  }
}
@media only screen and (min-width: 1024px) {
  .fsm-report.report.fsm #fsm-report-header .hero-image {
    background-image: url("..//images/fsm/header-image-1920.jpg");
  }
}
@media only screen and (min-width: 1440px) {
  .fsm-report.report.fsm #fsm-report-header .hero-image {
    background-image: url("..//images/fsm/header-image-2560.jpg");
  }
}
.fsm-report.report.fsm #fsm-report-header .hero-image::after {
  content: "© Danko Taborosi/iREi";
  top: 48vh;
  right: 25px;
  transform-origin: right bottom;
  transform: rotate(-90deg);
}
.fsm-report.report.fsm #fsm-report-header .hero-image::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.5), rgba(33, 33, 33, 0.1));
  z-index: 2;
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
@media only screen and (min-width: 900px) {
  .fsm-report.report.fsm #fsm-report-header .hero-image {
    background-attachment: fixed;
  }
  .fsm-report.report.fsm #fsm-report-header .hero-image::before {
    background: linear-gradient(to bottom, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0));
  }
}
@media only screen and (min-width: 1440px) {
  .fsm-report.report.fsm #fsm-report-header .hero-image::before {
    background: linear-gradient(to right, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0.1), rgba(33, 33, 33, 0));
  }
}
.fsm-report.report.fsm #fsm-report-header .wrapper {
  min-height: inherit;
  width: 100%;
  max-width: 1360px;
  position: relative;
  z-index: 2;
  padding-bottom: 8vh;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
}
@keyframes FadeIn {
  0% {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5));
  }
  100% {
    background: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
  }
}
.fsm-report.report.fsm #fsm-report-header .hero-image::before {
  background: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
}
.fsm-report.report.fsm #fsm-report-header hgroup {
  margin-bottom: 100px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
}
.fsm-report.report.fsm #fsm-report-header h1 {
  font-weight: 600;
  opacity: 0;
  font-size: 3.7em;
  margin: 0;
  transition: all 2s;
  transform: translateY(-30px);
  transition: opacity 1.5s 0.75s, transform 1.5s 0.75s;
}
.fsm-report.report.fsm #fsm-report-header h2 {
  font-size: 2.7em;
  line-height: 1em;
  opacity: 0;
  color: #fff;
  margin: 0;
  color: lightblue;
  mix-blend-mode: luminosity;
  transform: translateY(30px);
  transition: transform 2.5s 0.75s, opacity 2.5s 4s, color 0.25s, background 0.25s;
}
.fsm-report.report.fsm #fsm-report-header .appear h1, .fsm-report.report.fsm #fsm-report-header .appear h2 {
  opacity: 1;
  transform: translateY(0);
}
.fsm-report.report.fsm #fsm-report-header .appear h2 {
  transition-delay: 1s;
}
.fsm-report.report.fsm ul.navigation-index {
  margin: 0;
  padding: 0;
  margin-bottom: 60px;
  display: block;
  flex-flow: row wrap;
}
.fsm-report.report.fsm ul.navigation-index li {
  list-style: none;
  padding: 5px 5px;
}
.fsm-report.report.fsm ul.navigation-index li a {
  display: block;
  white-space: normal !important;
}
.fsm-report.report.fsm ul.navigation-index li a:hover {
  background: var(--theme-color-light);
  color: var(--theme-color);
  padding-right: 20px !important;
}
@media only screen and (min-width: 1440px) {
  .fsm-report.report.fsm ul.navigation-index {
    display: block;
    min-width: 400px;
  }
  .fsm-report.report.fsm ul.navigation-index li a {
    display: inline-block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fsm-report.report.fsm ul.navigation-index li a.overview, .fsm-report.report.fsm ul.navigation-index li a.fsm-data-and-knowledge-resources {
    border-left: 10px solid #313131;
  }
  .fsm-report.report.fsm ul.navigation-index li a.overview:hover, .fsm-report.report.fsm ul.navigation-index li a.fsm-data-and-knowledge-resources:hover {
    background: lightblue;
    color: #313131;
  }
  .fsm-report.report.fsm ul.navigation-index li a.mixed-results-for-fsm-environment {
    border-left: 10px solid #ff463a;
  }
  .fsm-report.report.fsm ul.navigation-index li a.mixed-results-for-fsm-environment:hover {
    background: #fee5d4;
    color: #ff463a;
  }
  .fsm-report.report.fsm ul.navigation-index li a.fsm-forest {
    border-left: 10px solid #2ca142;
  }
  .fsm-report.report.fsm ul.navigation-index li a.fsm-forest:hover {
    background: #b5d5af;
    color: #2ca142;
  }
  .fsm-report.report.fsm ul.navigation-index li a.traditional-historical {
    border-left: 10px solid #c44c91;
  }
  .fsm-report.report.fsm ul.navigation-index li a.traditional-historical:hover {
    background: #eac0d9;
    color: #c44c91;
  }
  .fsm-report.report.fsm ul.navigation-index li a.fsm-data-and-knowledge-resources {
    border-left: 10px solid #3e5aa9;
  }
  .fsm-report.report.fsm ul.navigation-index li a.fsm-data-and-knowledge-resources:hover {
    background: #b0b4db;
    color: #3e5aa9;
  }
  .fsm-report.report.fsm ul.navigation-index li a.tonga-acknowledgements {
    border-left: 10px solid #4cc4d3;
  }
  .fsm-report.report.fsm ul.navigation-index li a.tonga-acknowledgements:hover {
    background: #c4e8ec;
    color: #4cc4d3;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fsm-report.report.fsm ul.sticky-navigation-index .overview::before, .fsm-report.report.fsm ul.sticky-navigation-index .fsm-data-and-knowledge-resources::before {
    background: #A9C4C7;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index a.overview.active:after, .fsm-report.report.fsm ul.sticky-navigation-index a.fsm-data-and-knowledge-resources.active:after {
    border: thin solid #A9C4C7;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index .overview:hover::before, .fsm-report.report.fsm ul.sticky-navigation-index .fsm-data-and-knowledge-resources:hover::before {
    background: #212121;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index .mixed-results-for-fsm-environment::before {
    background: #fee5d4;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index a.mixed-results-for-fsm-environment.active:after {
    border: thin solid #fee5d4;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index .mixed-results-for-fsm-environment:hover::before {
    background: #ff463a;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index .fsm-forest::before {
    background: #b5d5af;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index a.fsm-forest.active:after {
    border: thin solid #b5d5af;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index .fsm-forest:hover::before {
    background: #2ca142;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index .fsm-data-and-knowledge-resources::before {
    background: #b0b4db;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index .ecosystem-in-need-of-restoration::before {
    background: #eac0d9;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index a.ecosystem-in-need-of-restoration.active:after {
    border: thin solid #eac0d9;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index .ecosystem-in-need-of-restoration:hover::before {
    background: #c44c91;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index a.fsm-data-and-knowledge-resources.active:after {
    border: thin solid #b0b4db;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index .fsm-data-and-knowledge-resources:hover::before {
    background: #3e5aa9;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index .tonga-acknowledgements::before {
    background: #c4e8ec;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index a.tonga-acknowledgements.active:after {
    border: thin solid #c4e8ec;
  }
  .fsm-report.report.fsm ul.sticky-navigation-index .tonga-acknowledgements:hover::before {
    background: #4cc4d3;
  }
}
@media only screen and (min-width: 1273px) {
  .fsm-report.report.fsm #fsm-report-header .wrapper {
    flex-flow: row wrap;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media all and (min--moz-device-pixel-ratio: 0) and (max-width: 1292px) {
  .fsm-report.report.fsm #fsm-report-header .wrapper {
    display: block;
  }
  .fsm-report.report.fsm #fsm-report-header .scroll-down {
    left: 40%;
    margin: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .fsm-report.report.fsm #fsm-report-header h1 {
    font-size: 108px;
  }
  .fsm-report.report.fsm #fsm-report-header h2 {
    font-size: 85px;
    line-height: 85px;
  }
  .fsm-report.report.fsm #fsm-report-header h1, .fsm-report.report.fsm #fsm-report-header hgroup {
    flex: 3;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 720px) {
  .fsm-report.report.fsm #intro-text .wrapper {
    margin-top: -8vh;
  }
  .fsm-report.report.fsm #fsm-report-header {
    min-height: 110vh;
  }
}
.fsm-report.report.fsm .loaded #fsm-report-header .hero-image {
  opacity: 1;
}
.fsm-report.report.fsm #intro-text {
  background: #171725;
}
.fsm-report.report.fsm #intro-text .wrapper {
  background: #171725;
  color: #fff;
  position: relative;
  z-index: 2;
}
.fsm-report.report.fsm #intro-text .wrapper h3 {
  color: var(--theme-color-light);
}
.fsm-report.report.fsm #intro-text .wrapper a {
  color: #fff;
  text-decoration: underline;
}
.fsm-report.report.fsm .pretext {
  font-size: 25px;
  line-height: 1em;
  color: #fff;
}
.fsm-report.report.fsm .front .image-caption, .front .fsm-report.report.fsm .image-caption, .fsm-report.report.fsm .hero-image::after, .fsm-report.report.fsm .callout .image::after, .callout .fsm-report.report.fsm .image::after {
  position: absolute;
  font-family: "Roboto", sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  right: 10px;
  padding-left: 15px;
  top: 68vh;
  font-size: 14px;
  line-height: 14px;
}
.fsm-report.report.fsm section {
  position: relative;
}
.fsm-report.report.fsm section p {
  font-family: "Source Serif Pro", serif;
}
.fsm-report.report.fsm section .wrapper {
  padding-bottom: 70px;
  padding-top: 70px;
}
.fsm-report.report.fsm .indicator {
  opacity: 0;
  transform: scale(10%);
  transition: all 1s;
}
.fsm-report.report.fsm .wrapper.appear .indicator {
  opacity: 1;
  transform: scale(1);
}
.fsm-report.report.fsm .step .hero-image {
  filter: grayscale(100%);
  transition: filter 2s;
}
.fsm-report.report.fsm .step.appear .hero-image {
  filter: grayscale(0%);
}
.fsm-report.report.fsm .hero-image {
  position: relative;
}
.fsm-report.report.fsm .hero-image::after {
  z-index: 20;
  content: "© Danko Taborosi/iREi";
  right: 25px;
}
.fsm-report.report.fsm .hero-image::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.5), rgba(33, 33, 33, 0.1));
  z-index: 0;
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
.fsm-report.report.fsm #mixed-results-for-fsm-environment .hero-image {
  background-image: url("..//images/fsm/mixed-results-header-1080.jpg");
}
@media only screen and (min-width: 720px) {
  .fsm-report.report.fsm #mixed-results-for-fsm-environment .hero-image {
    background-image: url("..//images/fsm/mixed-results-header-1440.jpg");
  }
}
@media only screen and (min-width: 1024px) {
  .fsm-report.report.fsm #mixed-results-for-fsm-environment .hero-image {
    background-image: url("..//images/fsm/mixed-results-header-1920.jpg");
  }
}
@media only screen and (min-width: 1440px) {
  .fsm-report.report.fsm #mixed-results-for-fsm-environment .hero-image {
    background-image: url("..//images/fsm/mixed-results-header-2560.jpg");
  }
}
.fsm-report.report.fsm #fsm-forest .hero-image {
  background-image: url("..//images/fsm/forest2-1080.jpg");
}
@media only screen and (min-width: 720px) {
  .fsm-report.report.fsm #fsm-forest .hero-image {
    background-image: url("..//images/fsm/forest2-1440.jpg");
  }
}
@media only screen and (min-width: 1024px) {
  .fsm-report.report.fsm #fsm-forest .hero-image {
    background-image: url("..//images/fsm/forest2-1920.jpg");
  }
}
@media only screen and (min-width: 1440px) {
  .fsm-report.report.fsm #fsm-forest .hero-image {
    background-image: url("..//images/fsm/forest2-2560.jpg");
  }
}
.fsm-report.report.fsm .traditional-historical .hero-image {
  background-image: url("..//images/fsm/tradition-header-1080.jpg");
  background-position: center bottom !important;
}
@media only screen and (min-width: 720px) {
  .fsm-report.report.fsm .traditional-historical .hero-image {
    background-image: url("..//images/fsm/tradition-header-1440.jpg");
  }
}
@media only screen and (min-width: 1024px) {
  .fsm-report.report.fsm .traditional-historical .hero-image {
    background-image: url("..//images/fsm/tradition-header-1920.jpg");
  }
}
@media only screen and (min-width: 1440px) {
  .fsm-report.report.fsm .traditional-historical .hero-image {
    background-image: url("..//images/fsm/tradition-header-2560.jpg");
  }
}
.fsm-report.report.fsm #fsm-forest {
  position: relative;
}
.fsm-report.report.fsm #fsm-forest h2 {
  color: #fff;
}
.fsm-report.report.fsm #fsm-forest .spacer {
  height: 50vh;
}
.fsm-report.report.fsm #fsm-forest h3.issue-title {
  position: sticky;
  top: 5vh;
  max-width: 1360px;
  text-align: center;
  margin: 0 auto;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.5s ease-in;
}
.fsm-report.report.fsm #fsm-forest h3.issue-title.appear {
  opacity: 1;
  transform: translateY(0);
}
.fsm-report.report.fsm #fsm-forest .sticky-hero-image {
  background-image: url("../../images/fsm/DSC_1265.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  padding-bottom: 60px;
}
.fsm-report.report.fsm #fsm-forest .sticky-hero-image:after {
  content: "© Danko Taborosi/iREi";
  right: 25px;
  position: absolute;
  font-family: "Roboto", sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  padding-left: 15px;
  font-size: 14px;
  line-height: 14px;
}
.fsm-report.report.fsm #fsm-forest .sticky-hero-image .wrapper {
  background: none;
  transition: all 1s ease-out;
  transform: translateY(100px);
}
.fsm-report.report.fsm #fsm-forest .sticky-hero-image .wrapper.appear {
  background: #171725;
  transform: translateY(0);
}
.fsm-report.report.fsm #fsm-forest .sticky-hero-image .wrapper p {
  color: lightblue;
  font-size: 20px;
}
.fsm-report.report.fsm #fsm-forest .sticky-hero-image .skicky-title {
  background: none !important;
}
.fsm-report.report.fsm #fsm-forest .sticky-hero-image .skicky-title h3 {
  color: white;
}
.fsm-report.report.fsm #fsm-forest .sticky-hero-image .hero-image {
  background: none;
  height: 20vh;
}
.fsm-report.report.fsm #fsm-forest .sticky-hero-image .hero-image:after {
  content: none;
}
.fsm-report.report.fsm #fsm-forest .sticky-hero-image .describle-content {
  max-width: 600px;
}
.fsm-report.report.fsm #fsm-forest .hero-image.text-only::before {
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.6), rgba(33, 33, 33, 0));
}
.fsm-report.report.fsm #fsm-forest .figure {
  background: none;
  min-height: 100vh;
  position: relative;
  margin: 0;
}
.fsm-report.report.fsm #fsm-forest .lagoon-issue {
  height: 200vh;
  position: relative;
  transition: all 1s ease-in-out;
}
.fsm-report.report.fsm #fsm-forest .lagoon-issue.finished {
  opacity: 0.5;
}
.fsm-report.report.fsm #fsm-forest .lagoon-issue .issue-text {
  background: lightblue;
  background: #171725;
  padding: 50px;
}
.fsm-report.report.fsm #fsm-forest .lagoon-issue .issue-text p {
  color: lightblue;
}
.fsm-report.report.fsm #fsm-forest .lagoon-issue .issue-text h4 {
  font-size: 35px;
  margin: 0;
  color: lightblue;
}
.fsm-report.report.fsm #fsm-forest .lagoon-issue img {
  max-height: 90vh;
  max-width: 1200px;
  margin: auto;
}
@media only screen and (min-width: 1440px) {
  .fsm-report.report.fsm #fsm-forest .lagoon-issue .issue-text {
    padding: 50px;
  }
  .fsm-report.report.fsm #fsm-forest .lagoon-issue h4 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .fsm-report.report.fsm #fsm-forest .lagoon-issue .issue-text {
    left: -50px;
  }
}
.fsm-report.report.fsm #traditional-historical .sticky-hero-image {
  background-size: cover;
  background-position: center center;
  padding: 60px 0;
}
.fsm-report.report.fsm #traditional-historical .sticky-hero-image:after {
  content: "© Danko Taborosi/iREi";
  right: 25px;
  position: absolute;
  font-family: "Roboto", sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  padding-left: 15px;
  font-size: 14px;
  line-height: 14px;
}
.fsm-report.report.fsm #traditional-historical .sticky-hero-image .wrapper {
  background: none;
  transition: all 1s ease-out;
  transform: translateY(100px);
}
.fsm-report.report.fsm #traditional-historical .sticky-hero-image .wrapper.appear {
  background: #171725;
  transform: translateY(0);
}
.fsm-report.report.fsm #traditional-historical .sticky-hero-image .wrapper p {
  color: lightblue;
  font-size: 20px;
}
.fsm-report.report.fsm #traditional-historical .sticky-hero-image .skicky-title {
  background: none !important;
}
.fsm-report.report.fsm #traditional-historical .sticky-hero-image .skicky-title h3 {
  color: white;
}
.fsm-report.report.fsm #traditional-historical .sticky-hero-image .hero-image {
  background: none;
  height: 20vh;
}
.fsm-report.report.fsm #traditional-historical .sticky-hero-image .hero-image:after {
  content: none;
}
.fsm-report.report.fsm #traditional-historical .sticky-hero-image .describle-content {
  max-width: 600px;
}
.fsm-report.report.fsm .figure.fsm-map {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.fsm-report.report.fsm .figure.fsm-map svg {
  height: auto;
  margin: auto;
}
.fsm-report.report.fsm .st3 {
  stroke: yellow;
  fill: purple;
}
.fsm-report.report.fsm .st3:hover path {
  fill: red;
  stroke: blue;
}
.fsm-report.report.fsm .state path {
  fill: #A6CEE3;
  transition: all 0.25s;
}
.fsm-report.report.fsm .state path:hover {
  fill: #cde3ef;
}
.fsm-report.report.fsm #land path {
  fill: black;
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration h3.actions-title {
  text-align: center;
  top: 50px;
  color: inherit;
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration .restoration {
  background: #171725;
  color: #fff;
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration .restoration .wrapper {
  max-width: 1160px;
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration .icon-container {
  object-fit: contain;
  flex: 1;
  max-width: 90px;
  margin-right: 25px;
  max-height: 90px;
  min-width: 90px;
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration .action-text {
  flex: 3;
  display: flex;
  align-items: center;
  font-size: 24px;
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration svg {
  fill: #fff;
  height: 100%;
  width: 100%;
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration ul {
  flex-flow: row wrap;
  max-width: 1160px;
  margin: 0 auto;
  transform: translateX(-50px);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action {
  min-width: 40%;
  list-style: none;
  display: flex;
  flex: 1;
  margin-bottom: 70px;
  margin-left: 25px;
  opacity: 0;
  transform: translateY(40px);
  transition: transform 2.5s 0.75s, opacity 2.5s 0s;
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(0n+0) {
  transition-delay: calc(.5 * 0s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(1n+1) {
  transition-delay: calc(.5 * 1s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(2n+2) {
  transition-delay: calc(.5 * 2s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(3n+3) {
  transition-delay: calc(.5 * 3s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(4n+4) {
  transition-delay: calc(.5 * 4s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(5n+5) {
  transition-delay: calc(.5 * 5s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(6n+6) {
  transition-delay: calc(.5 * 6s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(7n+7) {
  transition-delay: calc(.5 * 7s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(8n+8) {
  transition-delay: calc(.5 * 8s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(9n+9) {
  transition-delay: calc(.5 * 9s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(10n+10) {
  transition-delay: calc(.5 * 10s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(11n+11) {
  transition-delay: calc(.5 * 11s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(12n+12) {
  transition-delay: calc(.5 * 12s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(13n+13) {
  transition-delay: calc(.5 * 13s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(14n+14) {
  transition-delay: calc(.5 * 14s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(15n+15) {
  transition-delay: calc(.5 * 15s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(16n+16) {
  transition-delay: calc(.5 * 16s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(17n+17) {
  transition-delay: calc(.5 * 17s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(18n+18) {
  transition-delay: calc(.5 * 18s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(19n+19) {
  transition-delay: calc(.5 * 19s);
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action:nth-child(20n+20) {
  transition-delay: calc(.5 * 20s);
}
@media only screen and (min-width: 900px) {
  .fsm-report.report.fsm #ecosystem-in-need-of-restoration ul {
    display: flex;
  }
  .fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action {
    max-width: 50%;
    margin-left: 50px;
  }
  .fsm-report.report.fsm #ecosystem-in-need-of-restoration li.action .icon-contianer {
    margin-right: 50px;
  }
}
.fsm-report.report.fsm #ecosystem-in-need-of-restoration .wrapper.appear li.action {
  transform: translateY(0px);
  opacity: 1;
}
.fsm-report.report.fsm #fsm-data-and-knowledge-resources .hero-image {
  background-image: url("../images/fsm/DSC_0248_DankoTaborosi_iREi__1_.jpeg");
}
.fsm-report.report.fsm #fsm-data-and-knowledge-resources .hero-image::after {
  content: "© Danko Taborosi";
}
.fsm-report.report.fsm .mixed-results-for-fsm-environment {
  --theme-color: #ff463a;
  --theme-color-light: #fee5d4;
}
.fsm-report.report.fsm .traditional-historical {
  --theme-color: #c44c91;
  --theme-color-light: #eac0d9;
  --theme-color: #d8ad00;
  --theme-color-light: #fff8c5;
}
.fsm-report.report.fsm .fsm-forest {
  --theme-color: #2ca142;
  --theme-color-light: #b5d5af;
  --theme-color: #6fc344;
  --theme-color-light: #d5e9c7;
}
.fsm-report.report.fsm .fsm-data-and-knowledge-resources {
  --theme-color: #3e5aa9;
  --theme-color-light: #b0b4db;
}
.fsm-report.report.fsm .tonga-acknowledgements {
  --theme-color: #4cc4d3;
  --theme-color-light: #c4e8ec;
}
.fsm-report.report.fsm .download-chapter-link {
  background: var(--theme-color-light);
  color: #000;
  text-decoration: none;
  font-weight: 500;
  padding: 0px 20px;
  border-radius: 20px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  transition: opacity 1s ease-out 1s, transform 1s ease-out 1s, background 0.25s, color 0.25s;
  opacity: 0;
  transform: translateY(30px);
}
.fsm-report.report.fsm .download-chapter-link:hover {
  background: #212121;
  color: var(--theme-color-light);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fsm-report.report.fsm #mixed-results-for-fsm-environment .hero-image hr.after {
    background: #fee5d4;
  }
  .fsm-report.report.fsm #fsm-forest .hero-image hr.after {
    background: #b5d5af;
  }
  .fsm-report.report.fsm #fsm-data-and-knowledge-resources .hero-image hr.after {
    background: #b0b4db;
  }
  .fsm-report.report.fsm #ecosystem-in-need-of-restoration .hero-image hr.after {
    background: #eac0d9;
  }
}
.fsm-report.report.fsm img.center {
  width: 200px;
  float: left;
  margin: 0 30px 40px 0;
}
.fsm-report.report.fsm .figure-caption {
  max-width: 700px;
  margin: 0 auto;
}
.fsm-report.report.fsm #fsm-summary-state, .fsm-report.report.fsm #fsm-summary-trend {
  margin: 0;
}
.fsm-report.report.fsm #fsm-forest, .fsm-report.report.fsm #fsm-forest-type-graph {
  margin-bottom: 0;
}
.fsm-report.report.fsm .white-bg-chart {
  background: white !important;
}
@media only screen and (max-width: 720px) {
  .fsm-report.report.fsm ul#main-menu li a {
    font-size: 12px !important;
  }
}

#acknowledgements .wrapper.acknowledgements {
  max-width: 1000px;
}

.logos-container .sprep-logo, .logos-container .inform-sprep-logo {
  max-width: 30%;
}

@media only screen and (min-width: 720px) {
  .logos-container .sprep-logo, .logos-container .inform-sprep-logo {
    max-width: 15%;
  }
}
.image-center {
  margin: auto;
}

.callout.full-screen-image {
  margin-bottom: 0;
  position: relative;
  text-shadow: 1px 1px 2px black;
  min-height: 200vh;
}
.callout.full-screen-image .callout-image {
  width: 100vw;
  height: 100vh;
  background-size: cover;
  filter: grayscale(100%);
  opacity: 0;
  transition: all 1s;
}
.callout.full-screen-image .image-overlay {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transition: all 1s;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(33, 33, 33, 0));
}
.callout.full-screen-image h3.pullout, .callout.full-screen-image p {
  color: #fff;
  max-width: 700px;
  transform: translateY(0);
  opacity: 1;
}
.callout.full-screen-image h3.pullout {
  margin: 0 auto;
}
.callout.full-screen-image .callout-image::after {
  content: "© Danko Taborosi/iREi";
  padding-left: 15px;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  color: #fff;
  text-shadow: none;
  top: 48vh;
  right: 25px;
  transform-origin: right bottom;
  transform: rotate(-90deg);
}
.callout.full-screen-image.appear .callout-image {
  position: sticky;
  top: 0;
  filter: grayscale(0%);
  opacity: 1;
}
.callout.full-screen-image.appear .image-overlay {
  opacity: 1;
}
.callout.full-screen-image.forest .callout-image {
  background: url("..//images/fsm/forest-1080.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 720px) {
  .callout.full-screen-image.forest .callout-image {
    background-image: url("..//images/fsm/forest-1440.jpg");
  }
}
@media only screen and (min-width: 1024px) {
  .callout.full-screen-image.forest .callout-image {
    background-image: url("..//images/fsm/forest-1920.jpg");
  }
}
@media only screen and (min-width: 1440px) {
  .callout.full-screen-image.forest .callout-image {
    background-image: url("..//images/fsm/forest-2560.jpg");
  }
}
.callout.full-screen-image.nan-madol {
  min-height: 260vh;
}
.callout.full-screen-image.nan-madol .callout-image {
  background: url("..//images/fsm/nan-madol-1080.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 720px) {
  .callout.full-screen-image.nan-madol .callout-image {
    background-image: url("..//images/fsm/nan-madol-1440.jpg");
  }
}
@media only screen and (min-width: 1024px) {
  .callout.full-screen-image.nan-madol .callout-image {
    background-image: url("..//images/fsm/nan-madol-1920.jpg");
  }
}
@media only screen and (min-width: 1440px) {
  .callout.full-screen-image.nan-madol .callout-image {
    background-image: url("..//images/fsm/nan-madol-2560.jpg");
  }
}
.callout.full-screen-image.nan-madol .image-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(33, 33, 33, 0.4));
}
.callout.full-screen-image.chuuk-lagoon {
  min-height: 480vh;
  min-height: 255vw;
  margin-top: 0;
}
.callout.full-screen-image.chuuk-lagoon .callout-image {
  background: url("..//images/fsm/lagoon-1080.jpg") center center no-repeat;
  width: 100%;
  background-size: cover;
  min-height: 139vw;
}
@media only screen and (min-width: 720px) {
  .callout.full-screen-image.chuuk-lagoon .callout-image {
    background: url("..//images/fsm/lagoon-1440.jpg") center -10vw no-repeat;
  }
}
@media only screen and (min-width: 1024px) {
  .callout.full-screen-image.chuuk-lagoon .callout-image {
    background: url("..//images/fsm/lagoon-1920.jpg") center -10vw no-repeat;
  }
}
@media only screen and (min-width: 1440px) {
  .callout.full-screen-image.chuuk-lagoon .callout-image {
    background: url("..//images/fsm/lagoon-2560.jpg") center -10vw no-repeat;
  }
}
.callout.full-screen-image.chuuk-lagoon .inner-wrapper {
  margin-top: -80vw;
}
.callout.full-screen-image.chuuk-lagoon .image-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(33, 33, 33, 0.3));
}
.callout.full-screen-image.chuuk-lagoon.appear.sticky .callout-image {
  position: sticky;
}

.fsm-forest .callout.full-screen-image {
  min-height: 260vh;
}
.fsm-forest .callout.full-screen-image .text p {
  font-size: unset;
}
.fsm-forest .bottom-section {
  margin-bottom: 0;
}

.traditional-historical .callout .image.rock {
  border-radius: 0;
  width: auto;
  max-width: 1000px;
}
.traditional-historical .callout .image.rock::after {
  content: "© Danko Taborosi/iREi";
  position: absolute;
  font-family: "Roboto", sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  right: 10px;
  padding-left: 15px;
  top: 68vh;
  font-size: 14px;
  line-height: 14px;
}
.traditional-historical .callout .text p {
  font-size: unset;
}

.grey-background {
  background: #eee;
}

.fsm-dataset-chart {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#acknowledgements {
  background: white !important;
}

.forest-loss {
  padding-bottom: 0 !important;
}
.forest-loss img {
  transition: all 1.5s;
  mix-blend-mode: multiply;
}
.forest-loss img:first-child {
  transform: translateX(50%);
}
.forest-loss img:nth-child(2) {
  transform: translateX(-50%);
}
.forest-loss.appear img {
  transform: translateX(0);
}

.inline {
  padding-bottom: 70px;
}

@media only screen and (min-width: 1130px) {
  .inline {
    display: inline-flex;
    justify-content: center;
    width: 100%;
  }
  .inline .image-center {
    margin: unset;
  }
}
.sub-title {
  font-family: "Source Serif Pro", serif;
}

.fsm-map-chart-wrapper {
  width: 600px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -6em;
}

@media only screen and (min-width: 1130px) {
  .fsm-map-chart-wrapper {
    margin-right: 12%;
    margin-bottom: -6em;
  }
}
.png-report.report.png .acknowledgements p,
.png-report.report.png #critical-connections p,
.png-report.report.png #intro-text p,
.png-report.report.png #intro-text span,
.png-report.report.png .resources-page .main-content p {
  font-family: "Source Serif Pro", serif;
}
.png-report.report.png .wrapper p, .wrapper .png-report.report.png p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .png-report.report.png h3.pullout {
    border-left: 5px solid #fee5d4;
  }
  .png-report.report.png #critical-connections h3.pullout, .png-report.report.png #overview h3.pullout {
    border-left: 5px solid lightblue;
  }
  .png-report.report.png #papua-new-guineas-forests h3.pullout {
    border-left: 5px solid #b5d5af;
  }
  .png-report.report.png #terrestrial-protected-area h3.pullout {
    border-left: 5px solid #eac0d9;
  }
  .png-report.report.png #png-data-and-knowledge-resources h3.pullout {
    border-left: 5px solid #b0b4db;
  }
  .png-report.report.png #overview .callout .text {
    background: lightblue;
  }
  .png-report.report.png #mixed-results-for-papua-new-guineas-environment .callout .text {
    background: #fee5d4;
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes pulse {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.png-report.report.png .scroll-down {
  order: 10;
  flex-basis: 100%;
  margin-top: auto;
  display: block;
  text-decoration: none;
  color: #fff;
  width: 200px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
}
.png-report.report.png .scroll-down .chevron {
  margin-top: 5px;
  animation: pulse 2s infinite;
  display: block;
}
.png-report.report.png .scroll-down .chevron::before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 20px;
  position: relative;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 20px;
}
.png-report.report.png .scroll-down .chevron.down::before {
  transform: rotate(135deg);
  top: 0;
}
.png-report.report.png .scroll-down:hover {
  color: #fff;
}
@media (min-height: 1200px) {
  .png-report.report.png .scroll-down {
    position: absolute;
    top: 80vh;
  }
}
.png-report.report.png #png-report-header {
  min-height: 100vh;
  width: 100vw;
  background-color: #212121;
  background: #212131;
  position: relative;
}
.png-report.report.png #png-report-header .hero-image {
  background: url("../images/png/png-report-header.jpg") no-repeat 70% top;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  transition: opacity 1s;
  box-sizing: border-box;
}
.png-report.report.png #png-report-header .hero-image::after {
  content: "© Biatus Bito";
  top: 48vh;
  right: 25px;
  transform-origin: right bottom;
  transform: rotate(-90deg);
}
.png-report.report.png #png-report-header .hero-image::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.5), rgba(33, 33, 33, 0.1));
  z-index: 2;
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
@media only screen and (min-width: 900px) {
  .png-report.report.png #png-report-header .hero-image {
    background-attachment: fixed;
  }
  .png-report.report.png #png-report-header .hero-image::before {
    background: linear-gradient(to bottom, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0));
  }
}
@media only screen and (min-width: 1200px) {
  .png-report.report.png #png-report-header .hero-image::before {
    background: linear-gradient(to right, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0.1), rgba(33, 33, 33, 0));
  }
}
.png-report.report.png #png-report-header .wrapper {
  min-height: inherit;
  width: 100%;
  max-width: 1360px;
  position: relative;
  z-index: 2;
  padding-bottom: 8vh;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
}
@keyframes FadeIn {
  0% {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5));
  }
  100% {
    background: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
  }
}
.png-report.report.png #png-report-header .hero-image::before {
  background: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
}
.png-report.report.png #png-report-header hgroup {
  margin-bottom: 100px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
}
.png-report.report.png #png-report-header h1 {
  font-weight: 600;
  opacity: 0;
  font-size: 3.7em;
  margin: 0;
  transition: all 2s;
  transform: translateY(-30px);
  transition: opacity 1.5s 0.75s, transform 1.5s 0.75s;
}
.png-report.report.png #png-report-header h2 {
  font-size: 2.7em;
  line-height: 1em;
  opacity: 0;
  color: #fff;
  margin: 0;
  color: lightblue;
  mix-blend-mode: luminosity;
  transform: translateY(30px);
  transition: transform 2.5s 0.75s, opacity 2.5s 4s, color 0.25s, background 0.25s;
}
.png-report.report.png #png-report-header .appear h1, .png-report.report.png #png-report-header .appear h2 {
  opacity: 1;
  transform: translateY(0);
}
.png-report.report.png #png-report-header .appear h2 {
  transition-delay: 1s;
}
.png-report.report.png ul.navigation-index {
  margin: 0;
  padding: 0;
  margin-bottom: 60px;
  display: block;
  flex-flow: row wrap;
}
.png-report.report.png ul.navigation-index li {
  list-style: none;
  padding: 5px 5px;
}
.png-report.report.png ul.navigation-index li a {
  display: block;
  white-space: normal !important;
}
.png-report.report.png ul.navigation-index li a:hover {
  background: var(--theme-color-light);
  color: var(--theme-color);
  padding-right: 20px !important;
}
@media only screen and (min-width: 720px) {
  .png-report.report.png ul.navigation-index {
    display: flex;
  }
}
@media only screen and (min-width: 1200px) {
  .png-report.report.png ul.navigation-index {
    display: block;
    min-width: 400px;
  }
  .png-report.report.png ul.navigation-index li a {
    display: inline-block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .png-report.report.png ul.navigation-index li a.overview, .png-report.report.png ul.navigation-index li a.png-data-and-knowledge-resources {
    border-left: 10px solid #313131;
  }
  .png-report.report.png ul.navigation-index li a.overview:hover, .png-report.report.png ul.navigation-index li a.png-data-and-knowledge-resources:hover {
    background: lightblue;
    color: #313131;
  }
  .png-report.report.png ul.navigation-index li a.mixed-results-for-papua-new-guineas-environment {
    border-left: 10px solid #ff463a;
  }
  .png-report.report.png ul.navigation-index li a.mixed-results-for-papua-new-guineas-environment:hover {
    background: #fee5d4;
    color: #ff463a;
  }
  .png-report.report.png ul.navigation-index li a.papua-new-guineas-forests {
    border-left: 10px solid #2ca142;
  }
  .png-report.report.png ul.navigation-index li a.papua-new-guineas-forests:hover {
    background: #b5d5af;
    color: #2ca142;
  }
  .png-report.report.png ul.navigation-index li a.terrestrial-protected-area {
    border-left: 10px solid #c44c91;
  }
  .png-report.report.png ul.navigation-index li a.terrestrial-protected-area:hover {
    background: #eac0d9;
    color: #c44c91;
  }
  .png-report.report.png ul.navigation-index li a.png-data-and-knowledge-resources {
    border-left: 10px solid #3e5aa9;
  }
  .png-report.report.png ul.navigation-index li a.png-data-and-knowledge-resources:hover {
    background: #b0b4db;
    color: #3e5aa9;
  }
  .png-report.report.png ul.navigation-index li a.tonga-acknowledgements {
    border-left: 10px solid #4cc4d3;
  }
  .png-report.report.png ul.navigation-index li a.tonga-acknowledgements:hover {
    background: #c4e8ec;
    color: #4cc4d3;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .png-report.report.png ul.sticky-navigation-index .overview::before, .png-report.report.png ul.sticky-navigation-index .png-data-and-knowledge-resources::before {
    background: #A9C4C7;
  }
  .png-report.report.png ul.sticky-navigation-index a.overview.active:after, .png-report.report.png ul.sticky-navigation-index a.png-data-and-knowledge-resources.active:after {
    border: thin solid #A9C4C7;
  }
  .png-report.report.png ul.sticky-navigation-index .overview:hover::before, .png-report.report.png ul.sticky-navigation-index .png-data-and-knowledge-resources:hover::before {
    background: #212121;
  }
  .png-report.report.png ul.sticky-navigation-index .mixed-results-for-papua-new-guineas-environment::before {
    background: #fee5d4;
  }
  .png-report.report.png ul.sticky-navigation-index a.mixed-results-for-papua-new-guineas-environment.active:after {
    border: thin solid #fee5d4;
  }
  .png-report.report.png ul.sticky-navigation-index .mixed-results-for-papua-new-guineas-environment:hover::before {
    background: #ff463a;
  }
  .png-report.report.png ul.sticky-navigation-index .papua-new-guineas-forests::before {
    background: #b5d5af;
  }
  .png-report.report.png ul.sticky-navigation-index a.papua-new-guineas-forests.active:after {
    border: thin solid #b5d5af;
  }
  .png-report.report.png ul.sticky-navigation-index .papua-new-guineas-forests:hover::before {
    background: #2ca142;
  }
  .png-report.report.png ul.sticky-navigation-index .png-data-and-knowledge-resources::before {
    background: #b0b4db;
  }
  .png-report.report.png ul.sticky-navigation-index .terrestrial-protected-area::before {
    background: #eac0d9;
  }
  .png-report.report.png ul.sticky-navigation-index a.terrestrial-protected-area.active:after {
    border: thin solid #eac0d9;
  }
  .png-report.report.png ul.sticky-navigation-index .terrestrial-protected-area:hover::before {
    background: #c44c91;
  }
  .png-report.report.png ul.sticky-navigation-index a.png-data-and-knowledge-resources.active:after {
    border: thin solid #b0b4db;
  }
  .png-report.report.png ul.sticky-navigation-index .png-data-and-knowledge-resources:hover::before {
    background: #3e5aa9;
  }
  .png-report.report.png ul.sticky-navigation-index .tonga-acknowledgements::before {
    background: #c4e8ec;
  }
  .png-report.report.png ul.sticky-navigation-index a.tonga-acknowledgements.active:after {
    border: thin solid #c4e8ec;
  }
  .png-report.report.png ul.sticky-navigation-index .tonga-acknowledgements:hover::before {
    background: #4cc4d3;
  }
}
@media only screen and (min-width: 1273px) {
  .png-report.report.png #png-report-header .wrapper {
    flex-flow: row wrap;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media all and (min--moz-device-pixel-ratio: 0) and (max-width: 1292px) {
  .png-report.report.png #png-report-header .wrapper {
    display: block;
  }
  .png-report.report.png #png-report-header .scroll-down {
    left: 40%;
    margin: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .png-report.report.png #png-report-header .hero-image {
    background-position: top right;
  }
  .png-report.report.png #png-report-header h1 {
    font-size: 108px;
  }
  .png-report.report.png #png-report-header h2 {
    font-size: 85px;
    line-height: 85px;
  }
  .png-report.report.png #png-report-header h1, .png-report.report.png #png-report-header hgroup {
    flex: 3;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 720px) {
  .png-report.report.png #intro-text .wrapper {
    margin-top: -8vh;
  }
  .png-report.report.png #png-report-header {
    min-height: 110vh;
  }
}
.png-report.report.png .loaded #png-report-header .hero-image {
  opacity: 1;
}
.png-report.report.png #intro-text {
  background: #171725;
}
.png-report.report.png #intro-text .wrapper {
  background: #171725;
  color: #fff;
  position: relative;
  z-index: 2;
}
.png-report.report.png #intro-text .wrapper h3 {
  color: var(--theme-color-light);
}
.png-report.report.png #intro-text .wrapper a {
  color: #fff;
  text-decoration: underline;
}
.png-report.report.png .pretext {
  font-size: 25px;
  line-height: 1em;
  color: #fff;
}
.png-report.report.png .front .image-caption, .front .png-report.report.png .image-caption, .png-report.report.png .hero-image::after, .png-report.report.png .callout .image::after, .callout .png-report.report.png .image::after {
  position: absolute;
  font-family: "Roboto", sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  right: 10px;
  padding-left: 15px;
  top: 68vh;
  font-size: 14px;
  line-height: 14px;
}
.png-report.report.png section {
  position: relative;
}
.png-report.report.png section p {
  font-family: "Source Serif Pro", serif;
}
.png-report.report.png section .wrapper {
  padding-bottom: 70px;
  padding-top: 70px;
}
.png-report.report.png section .wrapper.appear > * {
  transform: translateY(0);
  opacity: 1;
}
.png-report.report.png .step .hero-image {
  filter: grayscale(100%);
  transition: filter 2s;
}
.png-report.report.png .step.appear .hero-image {
  filter: grayscale(0%);
}
.png-report.report.png .hero-image {
  position: relative;
}
.png-report.report.png .hero-image::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.5), rgba(33, 33, 33, 0.1));
  z-index: 0;
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
.png-report.report.png #mixed-results-for-papua-new-guineas-environment .hero-image {
  background-image: url("../images/png/mixed-results-for-png-environment.jpg");
}
.png-report.report.png #mixed-results-for-papua-new-guineas-environment .hero-image::after {
  content: "© Peter McDonald";
  right: 25px;
}
.png-report.report.png #papua-new-guineas-forests .hero-image {
  background-image: url("../images/png/png-forests.jpg");
}
.png-report.report.png #papua-new-guineas-forests .hero-image::after {
  content: "© Biatus Bito";
  right: 25px;
}
.png-report.report.png #terrestrial-protected-area .hero-image {
  background-image: url("../images/png/terrestrial-protected-area.jpg");
}
.png-report.report.png #terrestrial-protected-area .hero-image::after {
  content: "© Peter McDonald";
  right: 25px;
}
.png-report.report.png #terrestrial-protected-area {
  position: relative;
}
.png-report.report.png #terrestrial-protected-area .spacer {
  height: 50vh;
}
.png-report.report.png #terrestrial-protected-area h3.issue-title {
  position: sticky;
  top: 5vh;
  font-size: 50px;
  color: #fff;
  max-width: 1360px;
  text-align: center;
  margin: 0 auto;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.5s ease-in;
}
.png-report.report.png #terrestrial-protected-area h3.issue-title.appear {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (min-width: 900px) {
  .png-report.report.png #terrestrial-protected-area h3.issue-title {
    font-size: 70px;
  }
}
.png-report.report.png #terrestrial-protected-area .sticky-hero-image {
  background-image: url("../images/tonga/fangauta-lagoon.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
.png-report.report.png #terrestrial-protected-area .sticky-hero-image .wrapper {
  background: none;
  transition: all 1s ease-out;
  transform: translateY(100px);
}
.png-report.report.png #terrestrial-protected-area .sticky-hero-image .wrapper.appear {
  background: #171725;
  transform: translateY(0);
}
.png-report.report.png #terrestrial-protected-area .sticky-hero-image .wrapper p {
  color: lightblue;
  font-size: 27px;
}
.png-report.report.png #terrestrial-protected-area .hero-image.text-only::before {
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.6), rgba(33, 33, 33, 0));
}
.png-report.report.png #terrestrial-protected-area .figure {
  background: none;
  min-height: 100vh;
  position: relative;
  margin: 0;
}
.png-report.report.png #terrestrial-protected-area .lagoon-issue {
  height: 200vh;
  position: relative;
  transition: all 1s ease-in-out;
}
.png-report.report.png #terrestrial-protected-area .lagoon-issue.finished {
  opacity: 0.5;
}
.png-report.report.png #terrestrial-protected-area .lagoon-issue .issue-text {
  background: lightblue;
  background: #171725;
  padding: 50px;
}
.png-report.report.png #terrestrial-protected-area .lagoon-issue .issue-text h4 {
  font-size: 35px;
  margin: 0;
  color: lightblue;
}
.png-report.report.png #terrestrial-protected-area .lagoon-issue img {
  max-height: 90vh;
  max-width: 1200px;
  margin: auto;
}
@media only screen and (min-width: 1200px) {
  .png-report.report.png #terrestrial-protected-area .lagoon-issue .issue-text {
    padding: 50px;
    position: absolute;
    top: 100px;
    max-width: 300px;
  }
  .png-report.report.png #terrestrial-protected-area .lagoon-issue h4 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .png-report.report.png #terrestrial-protected-area .lagoon-issue .issue-text {
    left: -50px;
  }
}
.png-report.report.png #terrestrial-protected-area .pa-mangement {
  margin: 0;
}
.png-report.report.png #terrestrial-protected-area .pa-mangement #protected-area-management-effectiveness {
  width: 80%;
}
.png-report.report.png #terrestrial-protected-area .pa-mangement .text .pa-mangement-effectiveness-text ul {
  margin-left: 2.5rem;
}
.png-report.report.png #terrestrial-protected-area .text.mobile-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .png-report.report.png #terrestrial-protected-area .pa-mangement {
    height: auto;
  }
  .png-report.report.png #terrestrial-protected-area .pa-mangement #protected-area-management-effectiveness {
    width: 100%;
  }
  .png-report.report.png #terrestrial-protected-area .pa-mangement .text {
    display: none;
  }
  .png-report.report.png #terrestrial-protected-area .pa-mangement .text .pa-mangement-effectiveness-text h4, .png-report.report.png #terrestrial-protected-area .pa-mangement .text .pa-mangement-effectiveness-text ul {
    font-weight: 600;
    font-size: 20px;
  }
  .png-report.report.png #terrestrial-protected-area .text.mobile-only {
    display: block;
    margin: 0 2rem 0 2rem;
    background: var(--theme-color-light);
    mix-blend-mode: hard-light;
    font-family: "Source Serif Pro", serif;
    padding: 1em;
    position: relative;
    z-index: 3;
    top: -2rem;
  }
  .png-report.report.png #terrestrial-protected-area .text.mobile-only h4, .png-report.report.png #terrestrial-protected-area .text.mobile-only ul {
    font-weight: 600;
    font-size: 18px;
  }
  .png-report.report.png #terrestrial-protected-area .text.mobile-only ul {
    padding-left: 5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .png-report.report.png #terrestrial-protected-area .pa-mangement {
    display: flex;
  }
  .png-report.report.png #terrestrial-protected-area .pa-mangement .text {
    background: none;
  }
  .png-report.report.png #terrestrial-protected-area .pa-mangement .text .pa-mangement-effectiveness-text {
    background: var(--theme-color-light);
    padding: 1em;
  }
}
.png-report.report.png #terrestrial-protected-area h3.actions-title {
  text-align: center;
  top: 50px;
  color: inherit;
}
.png-report.report.png #terrestrial-protected-area .tambu {
  background: #171725;
  color: #fff;
}
.png-report.report.png #terrestrial-protected-area .tambu .wrapper {
  max-width: 1160px;
}
.png-report.report.png #terrestrial-protected-area .tambu .wrapper .display-inline {
  display: flex;
  padding-left: 40px;
  margin-left: 50px;
}
.png-report.report.png #terrestrial-protected-area .tambu .wrapper .dotpoint {
  padding-bottom: 70px;
}
.png-report.report.png #terrestrial-protected-area .tambu .wrapper .dotpoint li {
  font-size: 24px;
  margin-bottom: 1rem;
}
@media screen and (max-width: 900px) {
  .png-report.report.png #terrestrial-protected-area .tambu .wrapper h3 {
    margin-left: 0 !important;
  }
  .png-report.report.png #terrestrial-protected-area .tambu .wrapper .display-inline {
    margin-left: 0;
  }
}
.png-report.report.png #terrestrial-protected-area .icon-container {
  object-fit: contain;
  flex: 1;
  max-width: 90px;
  margin-right: 25px;
  max-height: 90px;
  min-width: 90px;
}
.png-report.report.png #terrestrial-protected-area svg {
  fill: #fff;
  height: 100%;
  width: 100%;
}
.png-report.report.png #terrestrial-protected-area ul {
  flex-flow: row wrap;
  max-width: 1160px;
  margin: 0 auto;
  transform: translateX(-50px);
}
.png-report.report.png #terrestrial-protected-area li.action {
  min-width: 40%;
  list-style: none;
  display: flex;
  flex: 1;
  margin-bottom: 70px;
  margin-left: 25px;
  opacity: 0;
  transform: translateY(40px);
  transition: transform 2.5s 0.75s, opacity 2.5s 0s;
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(0n+0) {
  transition-delay: calc(.5 * 0s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(1n+1) {
  transition-delay: calc(.5 * 1s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(2n+2) {
  transition-delay: calc(.5 * 2s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(3n+3) {
  transition-delay: calc(.5 * 3s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(4n+4) {
  transition-delay: calc(.5 * 4s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(5n+5) {
  transition-delay: calc(.5 * 5s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(6n+6) {
  transition-delay: calc(.5 * 6s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(7n+7) {
  transition-delay: calc(.5 * 7s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(8n+8) {
  transition-delay: calc(.5 * 8s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(9n+9) {
  transition-delay: calc(.5 * 9s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(10n+10) {
  transition-delay: calc(.5 * 10s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(11n+11) {
  transition-delay: calc(.5 * 11s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(12n+12) {
  transition-delay: calc(.5 * 12s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(13n+13) {
  transition-delay: calc(.5 * 13s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(14n+14) {
  transition-delay: calc(.5 * 14s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(15n+15) {
  transition-delay: calc(.5 * 15s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(16n+16) {
  transition-delay: calc(.5 * 16s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(17n+17) {
  transition-delay: calc(.5 * 17s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(18n+18) {
  transition-delay: calc(.5 * 18s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(19n+19) {
  transition-delay: calc(.5 * 19s);
}
.png-report.report.png #terrestrial-protected-area li.action:nth-child(20n+20) {
  transition-delay: calc(.5 * 20s);
}
@media only screen and (min-width: 900px) {
  .png-report.report.png #terrestrial-protected-area ul {
    display: flex;
  }
  .png-report.report.png #terrestrial-protected-area li.action {
    max-width: 50%;
    margin-left: 50px;
  }
  .png-report.report.png #terrestrial-protected-area li.action .icon-contianer {
    margin-right: 50px;
  }
}
.png-report.report.png #terrestrial-protected-area .wrapper.appear li.action {
  transform: translateY(0px);
  opacity: 1;
}
.png-report.report.png #png-data-and-knowledge-resources .hero-image {
  background-image: url("../images/png/56517063_869287370086547_365871157091500032_o.jpeg");
}
.png-report.report.png #png-data-and-knowledge-resources .hero-image::after {
  content: "© Biatus Bito";
}
.png-report.report.png .mixed-results-for-papua-new-guineas-environment {
  --theme-color: #ff463a;
  --theme-color-light: #fee5d4;
}
.png-report.report.png .terrestrial-protected-area {
  --theme-color: #b34949;
  --theme-color-light: #e1b8b4;
}
.png-report.report.png .papua-new-guineas-forests {
  --theme-color: #2ca142;
  --theme-color-light: #b5d5af;
}
.png-report.report.png .png-data-and-knowledge-resources {
  --theme-color: #f8da10;
  --theme-color-light: #FFFCE7;
}
.png-report.report.png .tonga-acknowledgements {
  --theme-color: #4cc4d3;
  --theme-color-light: #c4e8ec;
}
.png-report.report.png .download-chapter-link {
  background: var(--theme-color-light);
  color: #000;
  text-decoration: none;
  font-weight: 500;
  padding: 0px 20px;
  border-radius: 20px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  transition: opacity 1s ease-out 1s, transform 1s ease-out 1s, background 0.25s, color 0.25s;
  opacity: 0;
  transform: translateY(30px);
}
.png-report.report.png .download-chapter-link:hover {
  background: #212121;
  color: var(--theme-color-light);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .png-report.report.png #mixed-results-for-papua-new-guineas-environment .hero-image hr.after {
    background: #fee5d4;
  }
  .png-report.report.png #papua-new-guineas-forests .hero-image hr.after {
    background: #b5d5af;
  }
  .png-report.report.png #png-data-and-knowledge-resources .hero-image hr.after {
    background: #b0b4db;
  }
  .png-report.report.png #terrestrial-protected-area .hero-image hr.after {
    background: #eac0d9;
  }
}
.png-report.report.png img.center {
  width: 200px;
  float: left;
  margin: 0 30px 40px 0;
}
.png-report.report.png .figure-caption {
  max-width: 700px;
  margin: 0 auto;
}
.png-report.report.png #png-environmental-indicators, .png-report.report.png #png-deteriorating-trend {
  margin: 0;
}
.png-report.report.png #png-forest-loss {
  margin-bottom: 0;
}
.png-report.report.png .white-bg-chart {
  background: white !important;
}
@media only screen and (max-width: 720px) {
  .png-report.report.png ul#main-menu li a {
    font-size: 12px !important;
  }
}
.png-report.report.png #png-data-and-knowledge-resources .wrapper.acknowledgements {
  max-width: 1000px;
}
.png-report.report.png .logos-container .sprep-logo, .png-report.report.png .logos-container .inform-sprep-logo {
  max-width: 30%;
}
@media only screen and (min-width: 720px) {
  .png-report.report.png .logos-container .sprep-logo, .png-report.report.png .logos-container .inform-sprep-logo {
    max-width: 15%;
  }
}
.png-report.report.png .papua-new-guineas-forests .image {
  position: relative;
}
.png-report.report.png .papua-new-guineas-forests .image:after {
  content: "© Stuart Chape";
  position: absolute;
  font-family: "Roboto", sans-serif;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  right: 10px;
  padding-left: 15px;
  font-size: 14px;
  line-height: 14px;
  text-shadow: none !important;
  transform-origin: bottom right;
}
.png-report.report.png .papua-new-guineas-forests .wood-carver:after {
  content: "© Stuart Chape";
}
.png-report.report.png .papua-new-guineas-forests .solomon-islands-dataset-chart {
  margin: 0;
}
.png-report.report.png .papua-new-guineas-forests .solomon-islands-dataset-chart svg {
  margin: auto;
}
.png-report.report.png .papua-new-guineas-forests .forest-harvest {
  background: #171725;
  color: #fff;
}
.png-report.report.png .papua-new-guineas-forests .forest-harvest .wrapper {
  max-width: 1160px;
}
.png-report.report.png .papua-new-guineas-forests .forest-harvest .wrapper .display-inline {
  display: flex;
  padding-left: 40px;
  margin-left: 50px;
}
.png-report.report.png .papua-new-guineas-forests .forest-harvest .wrapper .dotpoint {
  padding-bottom: 70px;
}
.png-report.report.png .papua-new-guineas-forests .forest-harvest .wrapper .dotpoint li {
  font-size: 24px;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .png-report.report.png .papua-new-guineas-forests .forest-harvest .wrapper .display-inline {
    padding-left: 0;
    width: 90%;
  }
}
@media screen and (max-width: 900px) {
  .png-report.report.png .papua-new-guineas-forests .forest-harvest .wrapper h3 {
    margin-left: 0 !important;
  }
  .png-report.report.png .papua-new-guineas-forests .forest-harvest .wrapper .display-inline {
    margin-left: 0;
  }
}
.png-report.report.png .papua-new-guineas-forests ul {
  flex-flow: row wrap;
  max-width: 1160px;
  margin: 0 auto;
  transform: translateX(-50px);
}
.png-report.report.png .papua-new-guineas-forests .icon-container {
  object-fit: contain;
  flex: 1;
  max-width: 90px;
  margin-right: 25px;
  max-height: 90px;
  min-width: 90px;
}
.png-report.report.png .papua-new-guineas-forests svg {
  fill: #fff;
  height: 100%;
  width: 100%;
}
.png-report.report.png .papua-new-guineas-forests .action {
  min-width: 40%;
  display: flex;
  flex: 1;
  margin-bottom: 70px;
  transform: translateY(40px);
  transition: transform 2.5s 0.75s, opacity 2.5s 0s;
}
.png-report.report.png .papua-new-guineas-forests .action.full-width {
  min-width: 90%;
  max-width: none;
}
.png-report.report.png .papua-new-guineas-forests .action.full-width ul.dotpoint {
  margin: 20px 0 0 70px;
  padding: 0;
}
.png-report.report.png .papua-new-guineas-forests .action.full-width ul.dotpoint li {
  list-style: disc;
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(0n+0) {
  transition-delay: calc(.5 * 0s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(1n+1) {
  transition-delay: calc(.5 * 1s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(2n+2) {
  transition-delay: calc(.5 * 2s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(3n+3) {
  transition-delay: calc(.5 * 3s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(4n+4) {
  transition-delay: calc(.5 * 4s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(5n+5) {
  transition-delay: calc(.5 * 5s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(6n+6) {
  transition-delay: calc(.5 * 6s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(7n+7) {
  transition-delay: calc(.5 * 7s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(8n+8) {
  transition-delay: calc(.5 * 8s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(9n+9) {
  transition-delay: calc(.5 * 9s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(10n+10) {
  transition-delay: calc(.5 * 10s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(11n+11) {
  transition-delay: calc(.5 * 11s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(12n+12) {
  transition-delay: calc(.5 * 12s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(13n+13) {
  transition-delay: calc(.5 * 13s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(14n+14) {
  transition-delay: calc(.5 * 14s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(15n+15) {
  transition-delay: calc(.5 * 15s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(16n+16) {
  transition-delay: calc(.5 * 16s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(17n+17) {
  transition-delay: calc(.5 * 17s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(18n+18) {
  transition-delay: calc(.5 * 18s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(19n+19) {
  transition-delay: calc(.5 * 19s);
}
.png-report.report.png .papua-new-guineas-forests .action:nth-child(20n+20) {
  transition-delay: calc(.5 * 20s);
}
@media only screen and (min-width: 900px) {
  .png-report.report.png .papua-new-guineas-forests ul {
    display: flex;
  }
  .png-report.report.png .papua-new-guineas-forests li.action {
    max-width: 50%;
    margin-left: 50px;
  }
  .png-report.report.png .papua-new-guineas-forests li.action .icon-contianer {
    margin-right: 50px;
  }
}
.png-report.report.png .papua-new-guineas-forests .wrapper.appear li.action {
  transform: translateY(0px);
  opacity: 1;
}
.png-report.report.png .callout.full-screen-image.tropical-forest {
  background-image: url("../images/png/tropical-forest.jpg") !important;
  min-height: 100vh;
  width: auto;
}
.png-report.report.png .callout.full-screen-image.tropical-forest:after {
  content: "© Stuart Chape" !important;
  padding-left: 15px;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  text-shadow: none;
  top: 48vh;
  right: -2rem !important;
  transform: rotate(-90deg);
}
.png-report.report.png .callout.full-screen-image.tanapari-island-reef {
  min-height: 300vh;
  margin-top: 0;
}
.png-report.report.png .callout.full-screen-image.tanapari-island-reef h3, .png-report.report.png .callout.full-screen-image.tanapari-island-reef .content-text, .png-report.report.png .callout.full-screen-image.tanapari-island-reef p {
  max-width: 900px;
}
.png-report.report.png .callout.full-screen-image.tanapari-island-reef p {
  font-size: 24px;
}
.png-report.report.png .png-forest:after {
  content: "© Biatus Bito";
  position: absolute;
  font-family: "Roboto", sans-serif;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  right: 10px;
  padding-left: 15px;
  font-size: 14px;
  line-height: 14px;
  text-shadow: none !important;
  transform-origin: bottom right;
  color: #ccc !important;
}
.png-report.report.png .callout .image.forest-animals {
  background-image: url("../images/solomon-islands/Biodiversity_photo_Peter_McDonald.jpg");
  background-position-x: center;
}
.png-report.report.png .callout .image.forest-animals::after {
  content: "© Peter McDonald";
}

.solomon-islands-map-chart-wrapper {
  width: 600px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 1130px) {
  .solomon-islands-map-chart-wrapper {
    margin-right: 12%;
  }
}
#national_capital_district, #enga, #southern_highlands {
  transition: all 0.25s;
}
#national_capital_district:hover, #enga:hover, #southern_highlands:hover {
  fill: #9b93d6;
}

#manus, #east_sepik, #hela {
  transition: all 0.25s;
}
#manus:hover, #east_sepik:hover, #hela:hover {
  fill: #b2a150;
}

#western, #east_new_britain, #western_highlands {
  transition: all 0.25s;
}
#western:hover, #east_new_britain:hover, #western_highlands:hover {
  fill: #f4c4e4;
}

#central, #bougainville, #jiwaka {
  transition: all 0.25s;
}
#central:hover, #bougainville:hover, #jiwaka:hover {
  fill: #fcada1;
}

#northern, #new_ireland {
  transition: all 0.25s;
}
#northern:hover, #new_ireland:hover {
  fill: #53dd63;
}

#morobe, #west_sepik {
  transition: all 0.25s;
}
#morobe:hover, #west_sepik:hover {
  fill: #ebcba7;
}

#madang, #milne_bay_province {
  transition: all 0.25s;
}
#madang:hover, #milne_bay_province:hover {
  fill: #fefca6;
}

#eastern_highlands, #gulf_province {
  transition: all 0.25s;
}
#eastern_highlands:hover, #gulf_province:hover {
  fill: white;
}

#chimbu, #west_new_britain {
  transition: all 0.25s;
}
#chimbu:hover, #west_new_britain:hover {
  fill: #d778f9;
}

.png-dataset-chart .svg-map-title {
  margin-left: 0;
  margin-top: 0;
}
.png-dataset-chart .png-map-wrapper {
  position: relative;
}
.png-dataset-chart .png-map-wrapper .forest-caption {
  top: -3vw;
  width: 50%;
  background: #eee;
}
@media screen and (max-width: 600px) {
  .png-dataset-chart .forest-caption {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .png-dataset-chart .png-map-wrapper .forest-caption {
    top: 55vw;
    width: 100%;
    right: 0;
  }
}

.solomon-islands-report.report.solomon-islands .acknowledgements p,
.solomon-islands-report.report.solomon-islands #critical-connections p,
.solomon-islands-report.report.solomon-islands #intro-text p,
.solomon-islands-report.report.solomon-islands #intro-text span,
.solomon-islands-report.report.solomon-islands .resources-page .main-content p {
  font-family: "Source Serif Pro", serif;
}
.solomon-islands-report.report.solomon-islands .wrapper p, .wrapper .solomon-islands-report.report.solomon-islands p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .solomon-islands-report.report.solomon-islands h3.pullout {
    border-left: 5px solid #fee5d4;
  }
  .solomon-islands-report.report.solomon-islands #critical-connections h3.pullout, .solomon-islands-report.report.solomon-islands #overview h3.pullout {
    border-left: 5px solid lightblue;
  }
  .solomon-islands-report.report.solomon-islands #unsustainable-logging h3.pullout {
    border-left: 5px solid #b5d5af;
  }
  .solomon-islands-report.report.solomon-islands #marine-protected-area h3.pullout {
    border-left: 5px solid #eac0d9;
  }
  .solomon-islands-report.report.solomon-islands #solomon-islands-data-and-knowledge-resources h3.pullout {
    border-left: 5px solid #b0b4db;
  }
  .solomon-islands-report.report.solomon-islands #overview .callout .text {
    background: lightblue;
  }
  .solomon-islands-report.report.solomon-islands #much-room-for-improvement-for-solomon-islands-environment .callout .text {
    background: #fee5d4;
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes pulse {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.solomon-islands-report.report.solomon-islands .scroll-down {
  order: 10;
  flex-basis: 100%;
  margin-top: auto;
  display: block;
  text-decoration: none;
  color: #fff;
  width: 200px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
}
.solomon-islands-report.report.solomon-islands .scroll-down .chevron {
  margin-top: 5px;
  animation: pulse 2s infinite;
  display: block;
}
.solomon-islands-report.report.solomon-islands .scroll-down .chevron::before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 20px;
  position: relative;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 20px;
}
.solomon-islands-report.report.solomon-islands .scroll-down .chevron.down::before {
  transform: rotate(135deg);
  top: 0;
}
.solomon-islands-report.report.solomon-islands .scroll-down:hover {
  color: #fff;
}
@media (min-height: 1200px) {
  .solomon-islands-report.report.solomon-islands .scroll-down {
    position: absolute;
    top: 80vh;
  }
}
.solomon-islands-report.report.solomon-islands #solomon-islands-report-header {
  min-height: 100vh;
  width: 100vw;
  background-color: #212121;
  background: #212131;
  position: relative;
}
.solomon-islands-report.report.solomon-islands #solomon-islands-report-header .hero-image {
  background: url("../images/solomon-islands/Solomon_Islands_171_Tadhi_village_Buena_Vista_Island__Florida_Islands_20-08-2017_Stuart_Chape-mobile.jpg") no-repeat 70% top;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  transition: opacity 1s;
  box-sizing: border-box;
}
.solomon-islands-report.report.solomon-islands #solomon-islands-report-header .hero-image::after {
  content: "© Stuart Chape";
  top: 48vh;
  right: 25px;
  transform-origin: right bottom;
  transform: rotate(-90deg);
}
.solomon-islands-report.report.solomon-islands #solomon-islands-report-header .hero-image::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.5), rgba(33, 33, 33, 0.1));
  z-index: 2;
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
@media only screen and (min-width: 900px) {
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_171_Tadhi_village_Buena_Vista_Island__Florida_Islands_20-08-2017_Stuart_Chape-1440.jpg");
    background-attachment: fixed;
  }
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header .hero-image::before {
    background: linear-gradient(to bottom, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0));
  }
}
@media only screen and (min-width: 1200px) {
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_171_Tadhi_village_Buena_Vista_Island__Florida_Islands_20-08-2017_Stuart_Chape-1920.jpg");
  }
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header .hero-image::before {
    background: linear-gradient(to right, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0.1), rgba(33, 33, 33, 0));
  }
}
@media only screen and (min-width: 1920px) {
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_171_Tadhi_village_Buena_Vista_Island__Florida_Islands_20-08-2017_Stuart_Chape-2560.jpg");
  }
}
.solomon-islands-report.report.solomon-islands #solomon-islands-report-header .wrapper {
  min-height: inherit;
  width: 100%;
  max-width: 1360px;
  position: relative;
  z-index: 2;
  padding-bottom: 8vh;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
}
@keyframes FadeIn {
  0% {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5));
  }
  100% {
    background: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
  }
}
.solomon-islands-report.report.solomon-islands #solomon-islands-report-header .hero-image::before {
  background: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
}
.solomon-islands-report.report.solomon-islands #solomon-islands-report-header hgroup {
  margin-bottom: 100px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
}
.solomon-islands-report.report.solomon-islands #solomon-islands-report-header h1 {
  font-weight: 600;
  opacity: 0;
  font-size: 3.7em;
  margin: 0;
  transition: all 2s;
  transform: translateY(-30px);
  transition: opacity 1.5s 0.75s, transform 1.5s 0.75s;
}
.solomon-islands-report.report.solomon-islands #solomon-islands-report-header h2 {
  font-size: 2.7em;
  line-height: 1em;
  opacity: 0;
  color: #fff;
  margin: 0;
  color: lightblue;
  mix-blend-mode: luminosity;
  transform: translateY(30px);
  transition: transform 2.5s 0.75s, opacity 2.5s 4s, color 0.25s, background 0.25s;
}
.solomon-islands-report.report.solomon-islands #solomon-islands-report-header .appear h1, .solomon-islands-report.report.solomon-islands #solomon-islands-report-header .appear h2 {
  opacity: 1;
  transform: translateY(0);
}
.solomon-islands-report.report.solomon-islands #solomon-islands-report-header .appear h2 {
  transition-delay: 1s;
}
.solomon-islands-report.report.solomon-islands ul.navigation-index {
  margin: 0;
  padding: 0;
  margin-bottom: 60px;
  display: block;
  flex-flow: row wrap;
}
.solomon-islands-report.report.solomon-islands ul.navigation-index li {
  list-style: none;
  padding: 5px 5px;
}
.solomon-islands-report.report.solomon-islands ul.navigation-index li a {
  display: block;
  white-space: normal !important;
}
.solomon-islands-report.report.solomon-islands ul.navigation-index li a:hover {
  background: var(--theme-color-light);
  color: var(--theme-color);
  padding-right: 20px !important;
}
@media only screen and (min-width: 720px) {
  .solomon-islands-report.report.solomon-islands ul.navigation-index {
    display: flex;
  }
}
@media only screen and (min-width: 1200px) {
  .solomon-islands-report.report.solomon-islands ul.navigation-index {
    display: block;
    min-width: 400px;
  }
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a {
    display: inline-block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a.overview, .solomon-islands-report.report.solomon-islands ul.navigation-index li a.solomon-islands-data-and-knowledge-resources {
    border-left: 10px solid #313131;
  }
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a.overview:hover, .solomon-islands-report.report.solomon-islands ul.navigation-index li a.solomon-islands-data-and-knowledge-resources:hover {
    background: lightblue;
    color: #313131;
  }
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a.much-room-for-improvement-for-solomon-islands-environment {
    border-left: 10px solid #ff463a;
  }
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a.much-room-for-improvement-for-solomon-islands-environment:hover {
    background: #fee5d4;
    color: #ff463a;
  }
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a.unsustainable-logging {
    border-left: 10px solid #2ca142;
  }
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a.unsustainable-logging:hover {
    background: #b5d5af;
    color: #2ca142;
  }
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a.marine-protected-area {
    border-left: 10px solid #c44c91;
  }
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a.marine-protected-area:hover {
    background: #eac0d9;
    color: #c44c91;
  }
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a.solomon-islands-data-and-knowledge-resources {
    border-left: 10px solid #3e5aa9;
  }
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a.solomon-islands-data-and-knowledge-resources:hover {
    background: #b0b4db;
    color: #3e5aa9;
  }
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a.tonga-acknowledgements {
    border-left: 10px solid #4cc4d3;
  }
  .solomon-islands-report.report.solomon-islands ul.navigation-index li a.tonga-acknowledgements:hover {
    background: #c4e8ec;
    color: #4cc4d3;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .overview::before, .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .solomon-islands-data-and-knowledge-resources::before {
    background: #A9C4C7;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index a.overview.active:after, .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index a.solomon-islands-data-and-knowledge-resources.active:after {
    border: thin solid #A9C4C7;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .overview:hover::before, .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .solomon-islands-data-and-knowledge-resources:hover::before {
    background: #212121;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .much-room-for-improvement-for-solomon-islands-environment::before {
    background: #fee5d4;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index a.much-room-for-improvement-for-solomon-islands-environment.active:after {
    border: thin solid #fee5d4;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .much-room-for-improvement-for-solomon-islands-environment:hover::before {
    background: #ff463a;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .unsustainable-logging::before {
    background: #b5d5af;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index a.unsustainable-logging.active:after {
    border: thin solid #b5d5af;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .unsustainable-logging:hover::before {
    background: #2ca142;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .solomon-islands-data-and-knowledge-resources::before {
    background: #b0b4db;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .marine-protected-area::before {
    background: #eac0d9;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index a.marine-protected-area.active:after {
    border: thin solid #eac0d9;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .marine-protected-area:hover::before {
    background: #c44c91;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index a.solomon-islands-data-and-knowledge-resources.active:after {
    border: thin solid #b0b4db;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .solomon-islands-data-and-knowledge-resources:hover::before {
    background: #3e5aa9;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .tonga-acknowledgements::before {
    background: #c4e8ec;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index a.tonga-acknowledgements.active:after {
    border: thin solid #c4e8ec;
  }
  .solomon-islands-report.report.solomon-islands ul.sticky-navigation-index .tonga-acknowledgements:hover::before {
    background: #4cc4d3;
  }
}
@media only screen and (min-width: 1273px) {
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header .wrapper {
    flex-flow: row wrap;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media all and (min--moz-device-pixel-ratio: 0) and (max-width: 1292px) {
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header .wrapper {
    display: block;
  }
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header .scroll-down {
    left: 40%;
    margin: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header .hero-image {
    background-position: top right;
  }
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header h1 {
    font-size: 108px;
  }
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header h2 {
    font-size: 85px;
    line-height: 85px;
  }
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header h1, .solomon-islands-report.report.solomon-islands #solomon-islands-report-header hgroup {
    flex: 3;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 720px) {
  .solomon-islands-report.report.solomon-islands #intro-text .wrapper {
    margin-top: -8vh;
  }
  .solomon-islands-report.report.solomon-islands #solomon-islands-report-header {
    min-height: 110vh;
  }
}
.solomon-islands-report.report.solomon-islands .loaded #solomon-islands-report-header .hero-image {
  opacity: 1;
}
.solomon-islands-report.report.solomon-islands #intro-text {
  background: #171725;
}
.solomon-islands-report.report.solomon-islands #intro-text .wrapper {
  background: #171725;
  color: #fff;
  position: relative;
  z-index: 2;
}
.solomon-islands-report.report.solomon-islands #intro-text .wrapper h3 {
  color: var(--theme-color-light);
}
.solomon-islands-report.report.solomon-islands #intro-text .wrapper a {
  color: #fff;
  text-decoration: underline;
}
.solomon-islands-report.report.solomon-islands .pretext {
  font-size: 25px;
  line-height: 1em;
  color: #fff;
}
.solomon-islands-report.report.solomon-islands .front .image-caption, .front .solomon-islands-report.report.solomon-islands .image-caption, .solomon-islands-report.report.solomon-islands .hero-image::after, .solomon-islands-report.report.solomon-islands .callout .image::after, .callout .solomon-islands-report.report.solomon-islands .image::after {
  position: absolute;
  font-family: "Roboto", sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  right: 10px;
  padding-left: 15px;
  top: 68vh;
  font-size: 14px;
  line-height: 14px;
}
.solomon-islands-report.report.solomon-islands section {
  position: relative;
}
.solomon-islands-report.report.solomon-islands section p {
  font-family: "Source Serif Pro", serif;
}
.solomon-islands-report.report.solomon-islands section .wrapper {
  padding-bottom: 70px;
  padding-top: 70px;
}
.solomon-islands-report.report.solomon-islands section .wrapper.appear > * {
  transform: translateY(0);
  opacity: 1;
}
.solomon-islands-report.report.solomon-islands .step .hero-image {
  filter: grayscale(100%);
  transition: filter 2s;
}
.solomon-islands-report.report.solomon-islands .step.appear .hero-image {
  filter: grayscale(0%);
}
.solomon-islands-report.report.solomon-islands .hero-image {
  position: relative;
}
.solomon-islands-report.report.solomon-islands .hero-image::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.5), rgba(33, 33, 33, 0.1));
  z-index: 0;
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
.solomon-islands-report.report.solomon-islands #much-room-for-improvement-for-solomon-islands-environment .hero-image {
  background-image: url("../images/solomon-islands/Solomon_Islands_10_Honiara_Port_20-08-2017_Stuart_Chape-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  .solomon-islands-report.report.solomon-islands #much-room-for-improvement-for-solomon-islands-environment .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_10_Honiara_Port_20-08-2017_Stuart_Chape-1440.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  .solomon-islands-report.report.solomon-islands #much-room-for-improvement-for-solomon-islands-environment .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_10_Honiara_Port_20-08-2017_Stuart_Chape-1920.jpg");
  }
}
@media only screen and (min-width: 1920px) {
  .solomon-islands-report.report.solomon-islands #much-room-for-improvement-for-solomon-islands-environment .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_10_Honiara_Port_20-08-2017_Stuart_Chape-2560.jpg");
  }
}
.solomon-islands-report.report.solomon-islands #much-room-for-improvement-for-solomon-islands-environment .hero-image::after {
  content: "© Stuart Chape";
  right: 25px;
}
.solomon-islands-report.report.solomon-islands #unsustainable-logging .hero-image {
  background-image: url("../images/solomon-islands/Solomon_Islands_49_Guadalcanal_interior_forest_20-08-2017_Stuart_Chape-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  .solomon-islands-report.report.solomon-islands #unsustainable-logging .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_49_Guadalcanal_interior_forest_20-08-2017_Stuart_Chape-1440.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  .solomon-islands-report.report.solomon-islands #unsustainable-logging .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_49_Guadalcanal_interior_forest_20-08-2017_Stuart_Chape-1920.jpg");
  }
}
@media only screen and (min-width: 1920px) {
  .solomon-islands-report.report.solomon-islands #unsustainable-logging .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_49_Guadalcanal_interior_forest_20-08-2017_Stuart_Chape-2560.jpg");
  }
}
.solomon-islands-report.report.solomon-islands #unsustainable-logging .hero-image::after {
  content: "© Stuart Chape";
  right: 25px;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .hero-image {
  background-image: url("../images/solomon-islands/Solomon_Islands_125_Tanapari_island__Iron_Bottom_Sound_20-08-2017_Stuart_Chape-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  .solomon-islands-report.report.solomon-islands #marine-protected-area .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_125_Tanapari_island__Iron_Bottom_Sound_20-08-2017_Stuart_Chape-1440.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  .solomon-islands-report.report.solomon-islands #marine-protected-area .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_125_Tanapari_island__Iron_Bottom_Sound_20-08-2017_Stuart_Chape-1920.jpg");
  }
}
@media only screen and (min-width: 1920px) {
  .solomon-islands-report.report.solomon-islands #marine-protected-area .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_125_Tanapari_island__Iron_Bottom_Sound_20-08-2017_Stuart_Chape-2560.jpg");
  }
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .hero-image::after {
  content: "© Stuart Chape";
  right: 25px;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area {
  position: relative;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .spacer {
  height: 50vh;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area h3.issue-title {
  position: sticky;
  top: 5vh;
  font-size: 50px;
  color: #fff;
  max-width: 1360px;
  text-align: center;
  margin: 0 auto;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.5s ease-in;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area h3.issue-title.appear {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (min-width: 900px) {
  .solomon-islands-report.report.solomon-islands #marine-protected-area h3.issue-title {
    font-size: 70px;
  }
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .sticky-hero-image {
  background-image: url("../images/tonga/fangauta-lagoon.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .sticky-hero-image .wrapper {
  background: none;
  transition: all 1s ease-out;
  transform: translateY(100px);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .sticky-hero-image .wrapper.appear {
  background: #171725;
  transform: translateY(0);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .sticky-hero-image .wrapper p {
  color: lightblue;
  font-size: 27px;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .hero-image.text-only::before {
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.6), rgba(33, 33, 33, 0));
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .figure {
  background: none;
  min-height: 100vh;
  position: relative;
  margin: 0;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .lagoon-issue {
  height: 200vh;
  position: relative;
  transition: all 1s ease-in-out;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .lagoon-issue.finished {
  opacity: 0.5;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .lagoon-issue .issue-text {
  background: lightblue;
  background: #171725;
  padding: 50px;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .lagoon-issue .issue-text h4 {
  font-size: 35px;
  margin: 0;
  color: lightblue;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .lagoon-issue img {
  max-height: 90vh;
  max-width: 1200px;
  margin: auto;
}
@media only screen and (min-width: 1200px) {
  .solomon-islands-report.report.solomon-islands #marine-protected-area .lagoon-issue .issue-text {
    padding: 50px;
    position: absolute;
    top: 100px;
    max-width: 300px;
  }
  .solomon-islands-report.report.solomon-islands #marine-protected-area .lagoon-issue h4 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .solomon-islands-report.report.solomon-islands #marine-protected-area .lagoon-issue .issue-text {
    left: -50px;
  }
}
.solomon-islands-report.report.solomon-islands #marine-protected-area h3.actions-title {
  text-align: center;
  top: 50px;
  color: inherit;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .restoration {
  background: #171725;
  color: #fff;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .restoration .wrapper {
  max-width: 1160px;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .icon-container {
  object-fit: contain;
  flex: 1;
  max-width: 90px;
  margin-right: 25px;
  max-height: 90px;
  min-width: 90px;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .action-text {
  flex: 3;
  display: flex;
  align-items: center;
  font-size: 24px;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area svg {
  fill: #fff;
  height: 100%;
  width: 100%;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area ul {
  flex-flow: row wrap;
  max-width: 1160px;
  margin: 0 auto;
  transform: translateX(-50px);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action {
  min-width: 40%;
  list-style: none;
  display: flex;
  flex: 1;
  margin-bottom: 70px;
  margin-left: 25px;
  opacity: 0;
  transform: translateY(40px);
  transition: transform 2.5s 0.75s, opacity 2.5s 0s;
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(0n+0) {
  transition-delay: calc(.5 * 0s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(1n+1) {
  transition-delay: calc(.5 * 1s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(2n+2) {
  transition-delay: calc(.5 * 2s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(3n+3) {
  transition-delay: calc(.5 * 3s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(4n+4) {
  transition-delay: calc(.5 * 4s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(5n+5) {
  transition-delay: calc(.5 * 5s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(6n+6) {
  transition-delay: calc(.5 * 6s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(7n+7) {
  transition-delay: calc(.5 * 7s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(8n+8) {
  transition-delay: calc(.5 * 8s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(9n+9) {
  transition-delay: calc(.5 * 9s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(10n+10) {
  transition-delay: calc(.5 * 10s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(11n+11) {
  transition-delay: calc(.5 * 11s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(12n+12) {
  transition-delay: calc(.5 * 12s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(13n+13) {
  transition-delay: calc(.5 * 13s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(14n+14) {
  transition-delay: calc(.5 * 14s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(15n+15) {
  transition-delay: calc(.5 * 15s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(16n+16) {
  transition-delay: calc(.5 * 16s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(17n+17) {
  transition-delay: calc(.5 * 17s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(18n+18) {
  transition-delay: calc(.5 * 18s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(19n+19) {
  transition-delay: calc(.5 * 19s);
}
.solomon-islands-report.report.solomon-islands #marine-protected-area li.action:nth-child(20n+20) {
  transition-delay: calc(.5 * 20s);
}
@media only screen and (min-width: 900px) {
  .solomon-islands-report.report.solomon-islands #marine-protected-area ul {
    display: flex;
  }
  .solomon-islands-report.report.solomon-islands #marine-protected-area li.action {
    max-width: 50%;
    margin-left: 50px;
  }
  .solomon-islands-report.report.solomon-islands #marine-protected-area li.action .icon-contianer {
    margin-right: 50px;
  }
}
.solomon-islands-report.report.solomon-islands #marine-protected-area .wrapper.appear li.action {
  transform: translateY(0px);
  opacity: 1;
}
.solomon-islands-report.report.solomon-islands #solomon-islands-data-and-knowledge-resources .hero-image {
  background-image: url("../images/solomon-islands/Solomon_Islands_75_Oil_palm_plantation_Guadalcanal_20-08-2017_Stuart_Chape-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  .solomon-islands-report.report.solomon-islands #solomon-islands-data-and-knowledge-resources .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_75_Oil_palm_plantation_Guadalcanal_20-08-2017_Stuart_Chape-1440.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  .solomon-islands-report.report.solomon-islands #solomon-islands-data-and-knowledge-resources .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_75_Oil_palm_plantation_Guadalcanal_20-08-2017_Stuart_Chape-1920.jpg");
  }
}
@media only screen and (min-width: 1920px) {
  .solomon-islands-report.report.solomon-islands #solomon-islands-data-and-knowledge-resources .hero-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_75_Oil_palm_plantation_Guadalcanal_20-08-2017_Stuart_Chape-2560.jpg");
  }
}
.solomon-islands-report.report.solomon-islands #solomon-islands-data-and-knowledge-resources .hero-image::after {
  content: "";
}
.solomon-islands-report.report.solomon-islands .much-room-for-improvement-for-solomon-islands-environment {
  --theme-color: #ff463a;
  --theme-color-light: #fee5d4;
}
.solomon-islands-report.report.solomon-islands .marine-protected-area {
  --theme-color: #c44c91;
  --theme-color-light: #eac0d9;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging {
  --theme-color: #2ca142;
  --theme-color-light: #b5d5af;
}
.solomon-islands-report.report.solomon-islands .solomon-islands-data-and-knowledge-resources {
  --theme-color: #3e5aa9;
  --theme-color-light: #b0b4db;
}
.solomon-islands-report.report.solomon-islands .tonga-acknowledgements {
  --theme-color: #4cc4d3;
  --theme-color-light: #c4e8ec;
}
.solomon-islands-report.report.solomon-islands .download-chapter-link {
  background: var(--theme-color-light);
  color: #000;
  text-decoration: none;
  font-weight: 500;
  padding: 0px 20px;
  border-radius: 20px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  transition: opacity 1s ease-out 1s, transform 1s ease-out 1s, background 0.25s, color 0.25s;
  opacity: 0;
  transform: translateY(30px);
}
.solomon-islands-report.report.solomon-islands .download-chapter-link:hover {
  background: #212121;
  color: var(--theme-color-light);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .solomon-islands-report.report.solomon-islands #much-room-for-improvement-for-solomon-islands-environment .hero-image hr.after {
    background: #fee5d4;
  }
  .solomon-islands-report.report.solomon-islands #unsustainable-logging .hero-image hr.after {
    background: #b5d5af;
  }
  .solomon-islands-report.report.solomon-islands #solomon-islands-data-and-knowledge-resources .hero-image hr.after {
    background: #b0b4db;
  }
  .solomon-islands-report.report.solomon-islands #marine-protected-area .hero-image hr.after {
    background: #eac0d9;
  }
}
.solomon-islands-report.report.solomon-islands img.center {
  width: 200px;
  float: left;
  margin: 0 30px 40px 0;
}
.solomon-islands-report.report.solomon-islands .figure-caption {
  max-width: 700px;
  margin: 0 auto;
}
.solomon-islands-report.report.solomon-islands #solomon-islands-summary-state, .solomon-islands-report.report.solomon-islands #solomon-islands-summary-trend {
  margin: 0;
}
.solomon-islands-report.report.solomon-islands #solomon-islands-forest-loss {
  margin-bottom: 0;
}
.solomon-islands-report.report.solomon-islands .white-bg-chart {
  background: white !important;
}
@media only screen and (max-width: 720px) {
  .solomon-islands-report.report.solomon-islands ul#main-menu li a {
    font-size: 12px !important;
  }
}
.solomon-islands-report.report.solomon-islands #solomon-islands-data-and-knowledge-resources .wrapper.acknowledgements {
  max-width: 1000px;
}
.solomon-islands-report.report.solomon-islands .logos-container .sprep-logo, .solomon-islands-report.report.solomon-islands .logos-container .inform-sprep-logo {
  max-width: 30%;
}
@media only screen and (min-width: 720px) {
  .solomon-islands-report.report.solomon-islands .logos-container .sprep-logo, .solomon-islands-report.report.solomon-islands .logos-container .inform-sprep-logo {
    max-width: 15%;
  }
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .image {
  position: relative;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .image:after {
  content: "© Stuart Chape";
  position: absolute;
  font-family: "Roboto", sans-serif;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  right: 10px;
  padding-left: 15px;
  font-size: 14px;
  line-height: 14px;
  text-shadow: none !important;
  transform-origin: bottom right;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .wood-carver:after {
  content: "© Stuart Chape";
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .solomon-islands-dataset-chart {
  margin: 0;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .solomon-islands-dataset-chart svg {
  margin: auto;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .restoration {
  background: #171725;
  color: #fff;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .restoration .wrapper {
  max-width: 1160px;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .restoration .wrapper .display-inline {
  display: flex;
  padding-left: 40px;
  margin-left: 50px;
  margin-top: 30px;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .restoration .wrapper .dotpoint {
  padding-bottom: 70px;
  padding-left: 175px;
  margin-left: 50px;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .restoration .wrapper .dotpoint li {
  font-size: 20px;
}
@media screen and (max-width: 900px) {
  .solomon-islands-report.report.solomon-islands .unsustainable-logging .restoration .wrapper h3 {
    margin-left: 0;
  }
  .solomon-islands-report.report.solomon-islands .unsustainable-logging .restoration .wrapper .display-inline {
    margin-left: 0;
  }
  .solomon-islands-report.report.solomon-islands .unsustainable-logging .restoration .wrapper .display-inline ul {
    padding-left: 0;
  }
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging ul {
  flex-flow: row wrap;
  max-width: 1160px;
  margin: 0 auto;
  transform: translateX(-50px);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .icon-container {
  object-fit: contain;
  flex: 1;
  max-width: 90px;
  margin-right: 25px;
  max-height: 90px;
  min-width: 90px;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .action-text {
  flex: 3;
  display: flex;
  align-items: center;
  font-size: 24px;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging svg {
  fill: #fff;
  height: 100%;
  width: 100%;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action {
  min-width: 40%;
  list-style: none;
  display: flex;
  flex: 1;
  margin-bottom: 70px;
  margin-left: 25px;
  opacity: 0;
  transform: translateY(40px);
  transition: transform 2.5s 0.75s, opacity 2.5s 0s;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action.full-width {
  min-width: 100%;
  max-width: none;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action.full-width .action-text {
  flex-flow: row wrap;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action.full-width ul.dotpoint {
  margin: 20px 0 0 70px;
  padding: 0;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action.full-width ul.dotpoint li {
  list-style: disc;
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(0n+0) {
  transition-delay: calc(.5 * 0s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(1n+1) {
  transition-delay: calc(.5 * 1s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(2n+2) {
  transition-delay: calc(.5 * 2s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(3n+3) {
  transition-delay: calc(.5 * 3s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(4n+4) {
  transition-delay: calc(.5 * 4s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(5n+5) {
  transition-delay: calc(.5 * 5s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(6n+6) {
  transition-delay: calc(.5 * 6s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(7n+7) {
  transition-delay: calc(.5 * 7s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(8n+8) {
  transition-delay: calc(.5 * 8s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(9n+9) {
  transition-delay: calc(.5 * 9s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(10n+10) {
  transition-delay: calc(.5 * 10s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(11n+11) {
  transition-delay: calc(.5 * 11s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(12n+12) {
  transition-delay: calc(.5 * 12s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(13n+13) {
  transition-delay: calc(.5 * 13s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(14n+14) {
  transition-delay: calc(.5 * 14s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(15n+15) {
  transition-delay: calc(.5 * 15s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(16n+16) {
  transition-delay: calc(.5 * 16s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(17n+17) {
  transition-delay: calc(.5 * 17s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(18n+18) {
  transition-delay: calc(.5 * 18s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(19n+19) {
  transition-delay: calc(.5 * 19s);
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging li.action:nth-child(20n+20) {
  transition-delay: calc(.5 * 20s);
}
@media only screen and (min-width: 900px) {
  .solomon-islands-report.report.solomon-islands .unsustainable-logging ul {
    display: flex;
  }
  .solomon-islands-report.report.solomon-islands .unsustainable-logging li.action {
    max-width: 50%;
    margin-left: 50px;
  }
  .solomon-islands-report.report.solomon-islands .unsustainable-logging li.action .icon-contianer {
    margin-right: 50px;
  }
}
.solomon-islands-report.report.solomon-islands .unsustainable-logging .wrapper.appear li.action {
  transform: translateY(0px);
  opacity: 1;
}
.solomon-islands-report.report.solomon-islands .callout.full-screen-image.people .callout-image {
  background: url("../images/solomon-islands/Wood_carver_Solomon_Islands-mobile.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 900px) {
  .solomon-islands-report.report.solomon-islands .callout.full-screen-image.people .callout-image {
    background-image: url("../images/solomon-islands/Wood_carver_Solomon_Islands-1440.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  .solomon-islands-report.report.solomon-islands .callout.full-screen-image.people .callout-image {
    background-image: url("../images/solomon-islands/Wood_carver_Solomon_Islands-1920.jpg");
  }
}
@media only screen and (min-width: 1920px) {
  .solomon-islands-report.report.solomon-islands .callout.full-screen-image.people .callout-image {
    background-image: url("../images/solomon-islands/Wood_carver_Solomon_Islands-2560.jpg");
  }
}
.solomon-islands-report.report.solomon-islands .callout.full-screen-image.tanapari-island-reef {
  min-height: 300vh;
  margin-top: 0;
}
.solomon-islands-report.report.solomon-islands .callout.full-screen-image.tanapari-island-reef h3, .solomon-islands-report.report.solomon-islands .callout.full-screen-image.tanapari-island-reef .content-text, .solomon-islands-report.report.solomon-islands .callout.full-screen-image.tanapari-island-reef p {
  max-width: 900px;
}
.solomon-islands-report.report.solomon-islands .callout.full-screen-image.tanapari-island-reef p {
  font-size: 24px;
}
.solomon-islands-report.report.solomon-islands .callout.full-screen-image.tanapari-island-reef .callout-image {
  background: url("../images/solomon-islands/Solomon_Islands_127_Tanapari_island_reef_Iron_Bottom_Sound_20-08-2017_Stuart_Chape-mobile.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 900px) {
  .solomon-islands-report.report.solomon-islands .callout.full-screen-image.tanapari-island-reef .callout-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_127_Tanapari_island_reef_Iron_Bottom_Sound_20-08-2017_Stuart_Chape-1440.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  .solomon-islands-report.report.solomon-islands .callout.full-screen-image.tanapari-island-reef .callout-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_127_Tanapari_island_reef_Iron_Bottom_Sound_20-08-2017_Stuart_Chape-1920.jpg");
  }
}
@media only screen and (min-width: 1920px) {
  .solomon-islands-report.report.solomon-islands .callout.full-screen-image.tanapari-island-reef .callout-image {
    background-image: url("../images/solomon-islands/Solomon_Islands_127_Tanapari_island_reef_Iron_Bottom_Sound_20-08-2017_Stuart_Chape-2560.jpg");
  }
}
.solomon-islands-report.report.solomon-islands .callout.full-screen-image.tanapari-island-reef .callout-image:after {
  content: "© Stuart Chape";
}
.solomon-islands-report.report.solomon-islands .callout.full-screen-image.tanapari-island-reef .callout-image:before {
  content: "";
  background: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
  position: absolute;
  z-index: 2;
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
.solomon-islands-report.report.solomon-islands .callout .image.forest-animals {
  background-image: url("../images/solomon-islands/Biodiversity_photo_Peter_McDonald.jpg");
  background-position-x: center;
}
.solomon-islands-report.report.solomon-islands .callout .image.forest-animals::after {
  content: "© Peter McDonald";
}

.solomon-islands-map-chart-wrapper {
  width: 600px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 1130px) {
  .solomon-islands-map-chart-wrapper {
    margin-right: 12%;
  }
}
#choiseul {
  transition: all 0.25s;
}
#choiseul:hover {
  fill: #9b93d6;
}

#western_province {
  transition: all 0.25s;
}
#western_province:hover {
  fill: #b2a150;
}

#isabel {
  transition: all 0.25s;
}
#isabel:hover {
  fill: #f4c4e4;
}

#central_province {
  transition: all 0.25s;
}
#central_province:hover {
  fill: #fcada1;
}

#rennell_bellona {
  transition: all 0.25s;
}
#rennell_bellona:hover {
  fill: #53dd63;
}

#guadalcanal {
  transition: all 0.25s;
}
#guadalcanal:hover {
  fill: #ebcba7;
}

#makira_ulawa {
  transition: all 0.25s;
}
#makira_ulawa:hover {
  fill: #fefca6;
}

#malaita {
  transition: all 0.25s;
}
#malaita:hover {
  fill: white;
}

#temotu {
  transition: all 0.25s;
}
#temotu:hover {
  fill: #d778f9;
}

.solomon-islands-dataset-chart .svg-map-title {
  margin-left: 0;
}
.solomon-islands-dataset-chart .solomon-islands-map-wrapper {
  position: relative;
}
@media screen and (max-width: 600px) {
  .solomon-islands-dataset-chart .forest-caption {
    font-size: 14px;
  }
}

.tuvalu-report.report.tuvalu .acknowledgements p,
.tuvalu-report.report.tuvalu #critical-connections p,
.tuvalu-report.report.tuvalu #intro-text p,
.tuvalu-report.report.tuvalu #intro-text span,
.tuvalu-report.report.tuvalu #intro-text ul,
.tuvalu-report.report.tuvalu .resources-page .main-content p {
  font-family: "Source Serif Pro", serif;
}
.tuvalu-report.report.tuvalu .wrapper p, .wrapper .tuvalu-report.report.tuvalu p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tuvalu-report.report.tuvalu h3.pullout {
    border-left: 5px solid #fee5d4;
  }
  .tuvalu-report.report.tuvalu #critical-connections h3.pullout, .tuvalu-report.report.tuvalu #overview h3.pullout {
    border-left: 5px solid lightblue;
  }
  .tuvalu-report.report.tuvalu #tuvalus-climate-resilience h3.pullout {
    border-left: 5px solid #b5d5af;
  }
  .tuvalu-report.report.tuvalu #invasive-species h3.pullout {
    border-left: 5px solid #eac0d9;
  }
  .tuvalu-report.report.tuvalu #lagoon-water-quality h3.pullout {
    border-left: 5px solid #b0b4db;
  }
  .tuvalu-report.report.tuvalu #overview .callout .text {
    background: lightblue;
  }
  .tuvalu-report.report.tuvalu #mixed-results-for-tuvalus-environment .callout .text {
    background: #fee5d4;
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes pulse {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.tuvalu-report.report.tuvalu .scroll-down {
  order: 10;
  flex-basis: 100%;
  margin-top: auto;
  display: block;
  text-decoration: none;
  color: #fff;
  width: 200px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
  width: 80%;
}
.tuvalu-report.report.tuvalu .scroll-down .chevron {
  margin-top: 5px;
  animation: pulse 2s infinite;
  display: block;
}
.tuvalu-report.report.tuvalu .scroll-down .chevron::before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 20px;
  position: relative;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 20px;
}
.tuvalu-report.report.tuvalu .scroll-down .chevron.down::before {
  transform: rotate(135deg);
  top: 0;
}
.tuvalu-report.report.tuvalu .scroll-down:hover {
  color: #fff;
}
@media (min-height: 1200px) {
  .tuvalu-report.report.tuvalu .scroll-down {
    position: absolute;
    top: 80vh;
  }
}
.tuvalu-report.report.tuvalu #tuvalu-report-header {
  min-height: 100vh;
  width: 100vw;
  background-color: #212121;
  background: #212131;
  position: relative;
}
.tuvalu-report.report.tuvalu #tuvalu-report-header .hero-image {
  background: url("../images/tuvalu/141227_011056.jpeg") no-repeat 70% top;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  transition: opacity 1s;
  box-sizing: border-box;
}
.tuvalu-report.report.tuvalu #tuvalu-report-header .hero-image::after {
  content: "© iStock.com/Dmitry Malov";
  top: 48vh;
  right: 25px;
  transform-origin: right bottom;
  transform: rotate(-90deg);
}
.tuvalu-report.report.tuvalu #tuvalu-report-header .hero-image::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.5), rgba(33, 33, 33, 0.1));
  z-index: 2;
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
@media only screen and (min-width: 900px) {
  .tuvalu-report.report.tuvalu #tuvalu-report-header .hero-image {
    background-attachment: fixed;
  }
  .tuvalu-report.report.tuvalu #tuvalu-report-header .hero-image::before {
    background: linear-gradient(to bottom, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0));
  }
}
@media only screen and (min-width: 1200px) {
  .tuvalu-report.report.tuvalu #tuvalu-report-header .hero-image::before {
    background: linear-gradient(to right, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0.1), rgba(33, 33, 33, 0));
  }
}
.tuvalu-report.report.tuvalu #tuvalu-report-header .wrapper {
  min-height: inherit;
  width: 100%;
  max-width: 1360px;
  position: relative;
  z-index: 2;
  padding-bottom: 8vh;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
}
@keyframes FadeIn {
  0% {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5));
  }
  100% {
    background: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
  }
}
.tuvalu-report.report.tuvalu #tuvalu-report-header .hero-image::before {
  background: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
}
.tuvalu-report.report.tuvalu #tuvalu-report-header hgroup {
  margin-bottom: 100px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
}
.tuvalu-report.report.tuvalu #tuvalu-report-header h1 {
  font-weight: 600;
  opacity: 0;
  font-size: 3.7em;
  margin: 0;
  transition: all 2s;
  transform: translateY(-30px);
  transition: opacity 1.5s 0.75s, transform 1.5s 0.75s;
}
.tuvalu-report.report.tuvalu #tuvalu-report-header h2 {
  font-size: 2.7em;
  line-height: 1em;
  opacity: 0;
  color: #fff;
  margin: 0;
  color: lightblue;
  mix-blend-mode: luminosity;
  transform: translateY(30px);
  transition: transform 2.5s 0.75s, opacity 2.5s 4s, color 0.25s, background 0.25s;
}
.tuvalu-report.report.tuvalu #tuvalu-report-header .appear h1, .tuvalu-report.report.tuvalu #tuvalu-report-header .appear h2 {
  opacity: 1;
  transform: translateY(0);
}
.tuvalu-report.report.tuvalu #tuvalu-report-header .appear h2 {
  transition-delay: 1s;
}
.tuvalu-report.report.tuvalu ul.navigation-index {
  margin: 0;
  padding: 0;
  margin-bottom: 60px;
  display: block;
  flex-flow: row wrap;
}
.tuvalu-report.report.tuvalu ul.navigation-index li {
  list-style: none;
  padding: 5px 5px;
}
.tuvalu-report.report.tuvalu ul.navigation-index li a {
  display: block;
  white-space: normal !important;
}
.tuvalu-report.report.tuvalu ul.navigation-index li a:hover {
  background: var(--theme-color-light);
  color: var(--theme-color);
  padding-right: 20px !important;
}
@media only screen and (min-width: 720px) {
  .tuvalu-report.report.tuvalu ul.navigation-index {
    display: flex;
  }
}
@media only screen and (min-width: 1200px) {
  .tuvalu-report.report.tuvalu ul.navigation-index {
    display: block;
    min-width: 400px;
  }
  .tuvalu-report.report.tuvalu ul.navigation-index li a {
    display: inline-block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tuvalu-report.report.tuvalu ul.navigation-index li a.overview, .tuvalu-report.report.tuvalu ul.navigation-index li a.lagoon-water-quality {
    border-left: 10px solid #313131;
  }
  .tuvalu-report.report.tuvalu ul.navigation-index li a.overview:hover, .tuvalu-report.report.tuvalu ul.navigation-index li a.lagoon-water-quality:hover {
    background: lightblue;
    color: #313131;
  }
  .tuvalu-report.report.tuvalu ul.navigation-index li a.mixed-results-for-tuvalus-environment {
    border-left: 10px solid #ff463a;
  }
  .tuvalu-report.report.tuvalu ul.navigation-index li a.mixed-results-for-tuvalus-environment:hover {
    background: #fee5d4;
    color: #ff463a;
  }
  .tuvalu-report.report.tuvalu ul.navigation-index li a.tuvalus-climate-resilience {
    border-left: 10px solid #2ca142;
  }
  .tuvalu-report.report.tuvalu ul.navigation-index li a.tuvalus-climate-resilience:hover {
    background: #b5d5af;
    color: #2ca142;
  }
  .tuvalu-report.report.tuvalu ul.navigation-index li a.invasive-species {
    border-left: 10px solid #c44c91;
  }
  .tuvalu-report.report.tuvalu ul.navigation-index li a.invasive-species:hover {
    background: #eac0d9;
    color: #c44c91;
  }
  .tuvalu-report.report.tuvalu ul.navigation-index li a.lagoon-water-quality {
    border-left: 10px solid #3e5aa9;
  }
  .tuvalu-report.report.tuvalu ul.navigation-index li a.lagoon-water-quality:hover {
    background: #b0b4db;
    color: #3e5aa9;
  }
  .tuvalu-report.report.tuvalu ul.navigation-index li a.manicipal-solid-waste {
    border-left: 10px solid #4cc4d3;
  }
  .tuvalu-report.report.tuvalu ul.navigation-index li a.manicipal-solid-waste:hover {
    background: #c4e8ec;
    color: #4cc4d3;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index .overview::before, .tuvalu-report.report.tuvalu ul.sticky-navigation-index .lagoon-water-quality::before {
    background: #A9C4C7;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index a.overview.active:after, .tuvalu-report.report.tuvalu ul.sticky-navigation-index a.lagoon-water-quality.active:after {
    border: thin solid #A9C4C7;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index .overview:hover::before, .tuvalu-report.report.tuvalu ul.sticky-navigation-index .lagoon-water-quality:hover::before {
    background: #212121;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index .mixed-results-for-tuvalus-environment::before {
    background: #fee5d4;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index a.mixed-results-for-tuvalus-environment.active:after {
    border: thin solid #fee5d4;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index .mixed-results-for-tuvalus-environment:hover::before {
    background: #ff463a;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index .tuvalus-climate-resilience::before {
    background: #b5d5af;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index a.tuvalus-climate-resilience.active:after {
    border: thin solid #b5d5af;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index .tuvalus-climate-resilience:hover::before {
    background: #2ca142;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index .lagoon-water-quality::before {
    background: #b0b4db;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index .invasive-species::before {
    background: #eac0d9;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index a.invasive-species.active:after {
    border: thin solid #eac0d9;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index .invasive-species:hover::before {
    background: #c44c91;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index a.lagoon-water-quality.active:after {
    border: thin solid #b0b4db;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index .lagoon-water-quality:hover::before {
    background: #3e5aa9;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index .manicipal-solid-waste::before {
    background: #c4e8ec;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index a.manicipal-solid-waste.active:after {
    border: thin solid #c4e8ec;
  }
  .tuvalu-report.report.tuvalu ul.sticky-navigation-index .manicipal-solid-waste:hover::before {
    background: #4cc4d3;
  }
}
@media only screen and (min-width: 1273px) {
  .tuvalu-report.report.tuvalu #tuvalu-report-header .wrapper {
    flex-flow: row wrap;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media all and (min--moz-device-pixel-ratio: 0) and (max-width: 1292px) {
  .tuvalu-report.report.tuvalu #tuvalu-report-header .wrapper {
    display: block;
  }
  .tuvalu-report.report.tuvalu #tuvalu-report-header .scroll-down {
    left: 40%;
    margin: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .tuvalu-report.report.tuvalu #tuvalu-report-header .hero-image {
    background-position: top right;
  }
  .tuvalu-report.report.tuvalu #tuvalu-report-header h1 {
    font-size: 108px;
  }
  .tuvalu-report.report.tuvalu #tuvalu-report-header h2 {
    font-size: 85px;
    line-height: 85px;
  }
  .tuvalu-report.report.tuvalu #tuvalu-report-header h1, .tuvalu-report.report.tuvalu #tuvalu-report-header hgroup {
    flex: 3;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 720px) {
  .tuvalu-report.report.tuvalu #intro-text .wrapper {
    margin-top: -8vh;
  }
  .tuvalu-report.report.tuvalu #tuvalu-report-header {
    min-height: 110vh;
  }
}
.tuvalu-report.report.tuvalu .loaded #tuvalu-report-header .hero-image {
  opacity: 1;
}
.tuvalu-report.report.tuvalu #intro-text {
  background: #171725;
}
.tuvalu-report.report.tuvalu #intro-text .wrapper {
  background: #171725;
  color: #fff;
  position: relative;
  z-index: 2;
}
.tuvalu-report.report.tuvalu #intro-text .wrapper h3 {
  color: var(--theme-color-light);
}
.tuvalu-report.report.tuvalu #intro-text .wrapper a {
  color: #fff;
  text-decoration: underline;
}
.tuvalu-report.report.tuvalu #intro-text .wrapper ul {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tuvalu-report.report.tuvalu .pretext {
  font-size: 25px;
  line-height: 1em;
  color: #fff;
}
.tuvalu-report.report.tuvalu .front .image-caption, .front .tuvalu-report.report.tuvalu .image-caption, .tuvalu-report.report.tuvalu .hero-image::after, .tuvalu-report.report.tuvalu .callout .image::after, .callout .tuvalu-report.report.tuvalu .image::after {
  position: absolute;
  font-family: "Roboto", sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  right: 10px;
  padding-left: 15px;
  top: 68vh;
  font-size: 14px;
  line-height: 14px;
}
.tuvalu-report.report.tuvalu section {
  position: relative;
}
.tuvalu-report.report.tuvalu section p, .tuvalu-report.report.tuvalu section ul {
  font-family: "Source Serif Pro", serif;
}
.tuvalu-report.report.tuvalu section .wrapper {
  padding-bottom: 70px;
  padding-top: 70px;
}
.tuvalu-report.report.tuvalu section .wrapper.appear > * {
  transform: translateY(0);
  opacity: 1;
}
.tuvalu-report.report.tuvalu .step .hero-image {
  filter: grayscale(100%);
  transition: filter 2s;
}
.tuvalu-report.report.tuvalu .step.appear .hero-image {
  filter: grayscale(0%);
}
.tuvalu-report.report.tuvalu .hero-image {
  position: relative;
}
.tuvalu-report.report.tuvalu .hero-image::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.5), rgba(33, 33, 33, 0.1));
  z-index: 0;
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
.tuvalu-report.report.tuvalu #mixed-results-for-tuvalus-environment .hero-image {
  background-image: url("../images/tuvalu/141227_084450.jpeg");
  background-position-x: 50%;
}
.tuvalu-report.report.tuvalu #mixed-results-for-tuvalus-environment .hero-image::after {
  content: "© iStock.com/Dmitry Malov";
  right: 25px;
}
.tuvalu-report.report.tuvalu #tuvalus-climate-resilience .hero-image {
  background-image: url("../images/tuvalu/141229_035815.jpeg");
}
.tuvalu-report.report.tuvalu #tuvalus-climate-resilience .hero-image::after {
  content: "© iStock.com/Dmitry Malov";
  right: 25px;
}
.tuvalu-report.report.tuvalu #invasive-species .hero-image {
  background-image: url("../images/tuvalu/invasive.png");
  background-position-x: 60%;
}
.tuvalu-report.report.tuvalu #invasive-species .hero-image::after {
  content: "© Alvaro Hoyos";
  right: 25px;
}
.tuvalu-report.report.tuvalu #tuvalu-data-and-knowledge-resources .hero-image {
  background-image: url("../images/tuvalu/141230_003003_1_.jpeg");
}
.tuvalu-report.report.tuvalu #tuvalu-data-and-knowledge-resources .hero-image::after {
  content: "© iStock (Dmitry Malov)";
  right: 25px;
}
.tuvalu-report.report.tuvalu #invasive-species {
  position: relative;
}
.tuvalu-report.report.tuvalu #invasive-species .spacer {
  height: 50vh;
}
.tuvalu-report.report.tuvalu #invasive-species h3.issue-title {
  position: sticky;
  top: 5vh;
  font-size: 50px;
  color: #fff;
  max-width: 1360px;
  text-align: center;
  margin: 0 auto;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.5s ease-in;
}
.tuvalu-report.report.tuvalu #invasive-species h3.issue-title.appear {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (min-width: 900px) {
  .tuvalu-report.report.tuvalu #invasive-species h3.issue-title {
    font-size: 70px;
  }
}
.tuvalu-report.report.tuvalu #invasive-species .sticky-hero-image {
  background-image: url("../images/tonga/fangauta-lagoon.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
.tuvalu-report.report.tuvalu #invasive-species .sticky-hero-image .wrapper {
  background: none;
  transition: all 1s ease-out;
  transform: translateY(100px);
}
.tuvalu-report.report.tuvalu #invasive-species .sticky-hero-image .wrapper.appear {
  background: #171725;
  transform: translateY(0);
}
.tuvalu-report.report.tuvalu #invasive-species .sticky-hero-image .wrapper p {
  color: lightblue;
  font-size: 27px;
}
.tuvalu-report.report.tuvalu #invasive-species .hero-image.text-only::before {
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.6), rgba(33, 33, 33, 0));
}
.tuvalu-report.report.tuvalu #invasive-species .figure {
  background: none;
  min-height: 100vh;
  position: relative;
  margin: 0;
}
.tuvalu-report.report.tuvalu #invasive-species .lagoon-issue {
  height: 200vh;
  position: relative;
  transition: all 1s ease-in-out;
}
.tuvalu-report.report.tuvalu #invasive-species .lagoon-issue.finished {
  opacity: 0.5;
}
.tuvalu-report.report.tuvalu #invasive-species .lagoon-issue .issue-text {
  background: lightblue;
  background: #171725;
  padding: 50px;
}
.tuvalu-report.report.tuvalu #invasive-species .lagoon-issue .issue-text h4 {
  font-size: 35px;
  margin: 0;
  color: lightblue;
}
.tuvalu-report.report.tuvalu #invasive-species .lagoon-issue img {
  max-height: 90vh;
  max-width: 1200px;
  margin: auto;
}
@media only screen and (min-width: 1200px) {
  .tuvalu-report.report.tuvalu #invasive-species .lagoon-issue .issue-text {
    padding: 50px;
    position: absolute;
    top: 100px;
    max-width: 300px;
  }
  .tuvalu-report.report.tuvalu #invasive-species .lagoon-issue h4 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .tuvalu-report.report.tuvalu #invasive-species .lagoon-issue .issue-text {
    left: -50px;
  }
}
.tuvalu-report.report.tuvalu #invasive-species .pa-mangement {
  margin: 0;
}
.tuvalu-report.report.tuvalu #invasive-species .pa-mangement #protected-area-management-effectiveness {
  width: 80%;
}
.tuvalu-report.report.tuvalu #invasive-species .pa-mangement .text .pa-mangement-effectiveness-text ul {
  margin-left: 2.5rem;
}
.tuvalu-report.report.tuvalu #invasive-species .text.mobile-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .tuvalu-report.report.tuvalu #invasive-species .pa-mangement {
    height: auto;
  }
  .tuvalu-report.report.tuvalu #invasive-species .pa-mangement #protected-area-management-effectiveness {
    width: 100%;
  }
  .tuvalu-report.report.tuvalu #invasive-species .pa-mangement .text {
    display: none;
  }
  .tuvalu-report.report.tuvalu #invasive-species .pa-mangement .text .pa-mangement-effectiveness-text h4, .tuvalu-report.report.tuvalu #invasive-species .pa-mangement .text .pa-mangement-effectiveness-text ul {
    font-weight: 600;
    font-size: 20px;
  }
  .tuvalu-report.report.tuvalu #invasive-species .text.mobile-only {
    display: block;
    margin: 0 2rem 0 2rem;
    background: var(--theme-color-light);
    mix-blend-mode: hard-light;
    font-family: "Source Serif Pro", serif;
    padding: 1em;
    position: relative;
    z-index: 3;
    top: -2rem;
  }
  .tuvalu-report.report.tuvalu #invasive-species .text.mobile-only h4, .tuvalu-report.report.tuvalu #invasive-species .text.mobile-only ul {
    font-weight: 600;
    font-size: 18px;
  }
  .tuvalu-report.report.tuvalu #invasive-species .text.mobile-only ul {
    padding-left: 5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .tuvalu-report.report.tuvalu #invasive-species .pa-mangement {
    display: flex;
  }
  .tuvalu-report.report.tuvalu #invasive-species .pa-mangement .text {
    background: none;
  }
  .tuvalu-report.report.tuvalu #invasive-species .pa-mangement .text .pa-mangement-effectiveness-text {
    background: var(--theme-color-light);
    padding: 1em;
  }
}
.tuvalu-report.report.tuvalu #invasive-species h3.actions-title {
  text-align: center;
  top: 50px;
  color: inherit;
}
.tuvalu-report.report.tuvalu #invasive-species .info {
  background: #171725;
  color: #fff;
}
.tuvalu-report.report.tuvalu #invasive-species .info p {
  margin-left: 50px;
}
@media screen and (max-width: 767px) {
  .tuvalu-report.report.tuvalu #invasive-species .info p {
    margin-left: 0;
  }
}
.tuvalu-report.report.tuvalu #invasive-species .info .wrapper, .tuvalu-report.report.tuvalu #invasive-species .list-of-invasive-species .wrapper {
  max-width: 1160px;
}
.tuvalu-report.report.tuvalu #invasive-species .info .wrapper .display-inline, .tuvalu-report.report.tuvalu #invasive-species .list-of-invasive-species .wrapper .display-inline {
  display: flex;
  padding-left: 40px;
  margin-left: 50px;
}
.tuvalu-report.report.tuvalu #invasive-species .info .wrapper .dotpoint li, .tuvalu-report.report.tuvalu #invasive-species .list-of-invasive-species .wrapper .dotpoint li {
  font-size: 24px;
  margin-bottom: 1rem;
}
@media screen and (max-width: 900px) {
  .tuvalu-report.report.tuvalu #invasive-species .info .wrapper h3, .tuvalu-report.report.tuvalu #invasive-species .list-of-invasive-species .wrapper h3 {
    margin-left: 0 !important;
  }
  .tuvalu-report.report.tuvalu #invasive-species .info .wrapper .display-inline, .tuvalu-report.report.tuvalu #invasive-species .list-of-invasive-species .wrapper .display-inline {
    margin-left: 0;
  }
}
.tuvalu-report.report.tuvalu #invasive-species .list-of-invasive-species .wrapper {
  max-width: 1160px;
}
.tuvalu-report.report.tuvalu #invasive-species .list-of-invasive-species .wrapper .display-inline {
  display: flex;
  padding-left: 40px;
  margin-left: 50px;
  margin-top: 30px;
}
.tuvalu-report.report.tuvalu #invasive-species .list-of-invasive-species .wrapper .dotpoint {
  padding-bottom: 70px;
  padding-left: 175px;
  margin-left: 50px;
}
.tuvalu-report.report.tuvalu #invasive-species .list-of-invasive-species .wrapper .dotpoint li {
  font-size: 20px;
}
@media screen and (max-width: 900px) {
  .tuvalu-report.report.tuvalu #invasive-species .list-of-invasive-species .wrapper h3 {
    margin-left: 0;
  }
  .tuvalu-report.report.tuvalu #invasive-species .list-of-invasive-species .wrapper .display-inline {
    margin-left: 0;
  }
  .tuvalu-report.report.tuvalu #invasive-species .list-of-invasive-species .wrapper .display-inline ul {
    padding-left: 0;
  }
}
.tuvalu-report.report.tuvalu #invasive-species svg {
  fill: #fff;
  height: 100%;
  width: 100%;
}
.tuvalu-report.report.tuvalu #invasive-species ul {
  flex-flow: row wrap;
  max-width: 1160px;
  margin: 0 auto;
  transform: translateX(-50px);
}
.tuvalu-report.report.tuvalu #invasive-species li.action {
  min-width: 40%;
  list-style: disc;
  display: list-item;
  flex: 1;
  margin-bottom: 20px;
  margin-left: 25px;
  opacity: 0;
  transform: translateY(40px);
  transition: transform 2.5s 0.75s, opacity 2.5s 0s;
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(0n+0) {
  transition-delay: calc(.5 * 0s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(1n+1) {
  transition-delay: calc(.5 * 1s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(2n+2) {
  transition-delay: calc(.5 * 2s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(3n+3) {
  transition-delay: calc(.5 * 3s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(4n+4) {
  transition-delay: calc(.5 * 4s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(5n+5) {
  transition-delay: calc(.5 * 5s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(6n+6) {
  transition-delay: calc(.5 * 6s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(7n+7) {
  transition-delay: calc(.5 * 7s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(8n+8) {
  transition-delay: calc(.5 * 8s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(9n+9) {
  transition-delay: calc(.5 * 9s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(10n+10) {
  transition-delay: calc(.5 * 10s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(11n+11) {
  transition-delay: calc(.5 * 11s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(12n+12) {
  transition-delay: calc(.5 * 12s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(13n+13) {
  transition-delay: calc(.5 * 13s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(14n+14) {
  transition-delay: calc(.5 * 14s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(15n+15) {
  transition-delay: calc(.5 * 15s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(16n+16) {
  transition-delay: calc(.5 * 16s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(17n+17) {
  transition-delay: calc(.5 * 17s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(18n+18) {
  transition-delay: calc(.5 * 18s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(19n+19) {
  transition-delay: calc(.5 * 19s);
}
.tuvalu-report.report.tuvalu #invasive-species li.action:nth-child(20n+20) {
  transition-delay: calc(.5 * 20s);
}
@media only screen and (min-width: 900px) {
  .tuvalu-report.report.tuvalu #invasive-species ul {
    display: flex;
  }
  .tuvalu-report.report.tuvalu #invasive-species li.action {
    max-width: 50%;
    margin-left: 50px;
  }
  .tuvalu-report.report.tuvalu #invasive-species li.action .icon-contianer {
    margin-right: 50px;
  }
}
.tuvalu-report.report.tuvalu #invasive-species .wrapper.appear li.action {
  transform: translateY(0px);
  opacity: 1;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .hero-image {
  background-image: url("../images/tuvalu/180619_225547.jpeg");
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .hero-image::after {
  content: "© iStock.com/Tamara_frvc";
  right: 2em;
}
.tuvalu-report.report.tuvalu #manicipal-solid-waste .hero-image {
  background-image: url("../images/tuvalu/190209_165301.jpeg");
}
.tuvalu-report.report.tuvalu #manicipal-solid-waste .hero-image::after {
  content: "© Paul Anderson";
}
.tuvalu-report.report.tuvalu .mixed-results-for-tuvalus-environment {
  --theme-color: #ff463a;
  --theme-color-light: #fee5d4;
}
.tuvalu-report.report.tuvalu .invasive-species {
  --theme-color: #b34949;
  --theme-color-light: #e1b8b4;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience {
  --theme-color: #2ca142;
  --theme-color-light: #b5d5af;
}
.tuvalu-report.report.tuvalu .manicipal-solid-waste {
  --theme-color: #f8da10;
  --theme-color-light: #FFFCE7;
}
.tuvalu-report.report.tuvalu .lagoon-water-quality {
  --theme-color: #4cc4d3;
  --theme-color-light: #c4e8ec;
}
.tuvalu-report.report.tuvalu .download-chapter-link {
  background: var(--theme-color-light);
  color: #000;
  text-decoration: none;
  font-weight: 500;
  padding: 0px 20px;
  border-radius: 20px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  transition: opacity 1s ease-out 1s, transform 1s ease-out 1s, background 0.25s, color 0.25s;
  opacity: 0;
  transform: translateY(30px);
}
.tuvalu-report.report.tuvalu .download-chapter-link:hover {
  background: #212121;
  color: var(--theme-color-light);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tuvalu-report.report.tuvalu #mixed-results-for-tuvalus-environment .hero-image hr.after {
    background: #fee5d4;
  }
  .tuvalu-report.report.tuvalu #tuvalus-climate-resilience .hero-image hr.after {
    background: #b5d5af;
  }
  .tuvalu-report.report.tuvalu #lagoon-water-quality .hero-image hr.after {
    background: #b0b4db;
  }
  .tuvalu-report.report.tuvalu #invasive-species .hero-image hr.after {
    background: #eac0d9;
  }
}
.tuvalu-report.report.tuvalu img.center {
  width: 200px;
  float: left;
  margin: 0 30px 40px 0;
}
.tuvalu-report.report.tuvalu .figure-caption {
  max-width: 700px;
  margin: 0 auto;
}
.tuvalu-report.report.tuvalu #tuvalu-environmental-indicators, .tuvalu-report.report.tuvalu #tuvalu-trend {
  margin: 0;
}
.tuvalu-report.report.tuvalu #png-forest-loss {
  margin-bottom: 0;
}
.tuvalu-report.report.tuvalu .white-bg-chart {
  background: white !important;
}
@media only screen and (max-width: 720px) {
  .tuvalu-report.report.tuvalu ul#main-menu li a {
    font-size: 12px !important;
  }
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .wrapper.acknowledgements {
  max-width: 1000px;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .risk-of-illness-table {
  margin-right: 0 !important;
  text-align: center;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .risk-of-illness-table.mobile-only {
  display: none;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .risk-of-illness-table table {
  display: block;
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .risk-of-illness-table table .bottom-detail td {
  border: none;
  font-size: 12px;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .risk-of-illness-table table .top-detail td {
  border: none;
  font-size: 15px;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .risk-of-illness-table td, .tuvalu-report.report.tuvalu #lagoon-water-quality .risk-of-illness-table th {
  border: 1px solid black;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .anthropogenic-pollution .urban-map {
  background-image: url("../images/tuvalu/Funafuti_Urban_map_final.jpeg");
  border-radius: unset;
  background-size: contain;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .anthropogenic-pollution .text {
  background: none;
  margin: auto;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .anthropogenic-pollution .text tbody {
  background: white;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .grey-background .tuvalu-adaptation {
  max-width: 1160px;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .grey-background .tuvalu-adaptation h3 {
  margin: 0;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .grey-background .tuvalu-adaptation .inline {
  display: flex;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .grey-background .tuvalu-adaptation .inline ul.pullout, .tuvalu-report.report.tuvalu #lagoon-water-quality .grey-background .tuvalu-adaptation .inline .adaptation-planning {
  width: 50%;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .grey-background .tuvalu-adaptation .inline .adaptation-planning {
  margin-left: 1em;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .full-screen-image.recommendation {
  min-height: 260vh;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .full-screen-image.recommendation .recommendation-image-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(33, 33, 33, 0.4));
}
@media screen and (max-width: 1025px) {
  .tuvalu-report.report.tuvalu #lagoon-water-quality .risk-of-illness-table.desktop-only {
    display: none;
  }
  .tuvalu-report.report.tuvalu #lagoon-water-quality .text.mobile-only {
    display: block;
    position: relative;
    z-index: 3;
    top: -2rem;
    margin: 0 15%;
  }
}
@media screen and (max-width: 767px) {
  .tuvalu-report.report.tuvalu #lagoon-water-quality .anthropogenic-pollution .urban-map {
    margin-left: 0.5em;
    width: auto;
  }
  .tuvalu-report.report.tuvalu #lagoon-water-quality .text.mobile-only {
    margin: unset;
    padding: 0 0.5em;
  }
  .tuvalu-report.report.tuvalu #lagoon-water-quality .grey-background .tuvalu-adaptation .inline {
    display: block;
  }
  .tuvalu-report.report.tuvalu #lagoon-water-quality .grey-background .tuvalu-adaptation .inline ul.pullout, .tuvalu-report.report.tuvalu #lagoon-water-quality .grey-background .tuvalu-adaptation .inline .adaptation-planning {
    width: unset;
  }
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .tuvalu-info {
  background: #171725;
  color: #fff;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .tuvalu-info .wrapper {
  max-width: 1160px;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .tuvalu-info .wrapper p {
  margin-left: 50px;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .tuvalu-info .wrapper .display-inline {
  display: flex;
  padding-left: 40px;
  margin-left: 50px;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .tuvalu-info .wrapper .dotpoint {
  padding-bottom: 70px;
}
.tuvalu-report.report.tuvalu #lagoon-water-quality .tuvalu-info .wrapper .dotpoint li {
  font-size: 24px;
  margin-bottom: 1rem;
}
@media screen and (max-width: 900px) {
  .tuvalu-report.report.tuvalu #lagoon-water-quality .tuvalu-info .wrapper h3 {
    margin-left: 0 !important;
  }
  .tuvalu-report.report.tuvalu #lagoon-water-quality .tuvalu-info .wrapper .display-inline {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .tuvalu-report.report.tuvalu #lagoon-water-quality .tuvalu-info .wrapper .display-inline {
    padding-left: 0;
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .tuvalu-report.report.tuvalu #lagoon-water-quality .tuvalu-info .wrapper p {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .tuvalu-report.report.tuvalu #lagoon-water-quality .anthropogenic-pollution {
    height: auto;
  }
  .tuvalu-report.report.tuvalu #lagoon-water-quality .anthropogenic-pollution .risk-of-illness-table {
    height: auto;
  }
  .tuvalu-report.report.tuvalu #lagoon-water-quality .anthropogenic-pollution .risk-of-illness-table tbody {
    width: 100%;
    display: table;
  }
}
@media only screen and (min-width: 1025px) {
  .tuvalu-report.report.tuvalu #lagoon-water-quality .anthropogenic-pollution .image {
    width: 500px;
    height: 100vh;
    margin-left: 200px;
  }
}
.tuvalu-report.report.tuvalu #manicipal-solid-waste .tuvalu-info {
  background: #171725;
  color: #fff;
}
.tuvalu-report.report.tuvalu #manicipal-solid-waste .tuvalu-info .wrapper {
  max-width: 1160px;
}
.tuvalu-report.report.tuvalu #manicipal-solid-waste .tuvalu-info .wrapper p, .tuvalu-report.report.tuvalu #manicipal-solid-waste .tuvalu-info .wrapper ul {
  margin-left: 50px;
}
.tuvalu-report.report.tuvalu #manicipal-solid-waste .tuvalu-info .wrapper .display-inline {
  display: flex;
  padding-left: 40px;
  margin-left: 50px;
}
.tuvalu-report.report.tuvalu #manicipal-solid-waste .tuvalu-info .wrapper .dotpoint {
  padding-bottom: 70px;
}
.tuvalu-report.report.tuvalu #manicipal-solid-waste .tuvalu-info .wrapper .dotpoint li {
  font-size: 24px;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .tuvalu-report.report.tuvalu #manicipal-solid-waste .tuvalu-info .wrapper .display-inline {
    padding-left: 0;
    width: 90%;
  }
}
@media screen and (max-width: 900px) {
  .tuvalu-report.report.tuvalu #manicipal-solid-waste .tuvalu-info .wrapper h3 {
    margin-left: 0 !important;
  }
  .tuvalu-report.report.tuvalu #manicipal-solid-waste .tuvalu-info .wrapper .display-inline {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .tuvalu-report.report.tuvalu #manicipal-solid-waste .tuvalu-info .wrapper p, .tuvalu-report.report.tuvalu #manicipal-solid-waste .tuvalu-info .wrapper ul {
    margin-left: 0;
  }
}
.tuvalu-report.report.tuvalu .logos-container .sprep-logo, .tuvalu-report.report.tuvalu .logos-container .inform-sprep-logo {
  max-width: 30%;
}
@media only screen and (min-width: 720px) {
  .tuvalu-report.report.tuvalu .logos-container .sprep-logo, .tuvalu-report.report.tuvalu .logos-container .inform-sprep-logo {
    max-width: 15%;
  }
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .image {
  position: relative;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .image:after {
  content: "© Stuart Chape";
  position: absolute;
  font-family: "Roboto", sans-serif;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  right: 10px;
  padding-left: 15px;
  font-size: 14px;
  line-height: 14px;
  text-shadow: none !important;
  transform-origin: bottom right;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .wood-carver:after {
  content: "© Stuart Chape";
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .solomon-islands-dataset-chart {
  margin: 0;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .solomon-islands-dataset-chart svg {
  margin: auto;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .tuvalu-info {
  background: #171725;
  color: #fff;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .tuvalu-info .wrapper {
  max-width: 1160px;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .tuvalu-info .wrapper p {
  margin-left: 50px;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .tuvalu-info .wrapper .display-inline {
  display: flex;
  padding-left: 40px;
  margin-left: 50px;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .tuvalu-info .wrapper .dotpoint {
  padding-bottom: 70px;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .tuvalu-info .wrapper .dotpoint li {
  font-size: 24px;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .tuvalu-report.report.tuvalu .tuvalus-climate-resilience .tuvalu-info .wrapper .display-inline {
    padding-left: 0;
    width: 90%;
  }
}
@media screen and (max-width: 900px) {
  .tuvalu-report.report.tuvalu .tuvalus-climate-resilience .tuvalu-info .wrapper h3 {
    margin-left: 0 !important;
  }
  .tuvalu-report.report.tuvalu .tuvalus-climate-resilience .tuvalu-info .wrapper .display-inline {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .tuvalu-report.report.tuvalu .tuvalus-climate-resilience .tuvalu-info .wrapper p {
    margin-left: 0;
  }
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .tuvalu-adaptation h3 {
  margin-top: 0;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .grey-background .tuvalu-adaptation {
  padding-bottom: 0;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .grey-background .tuvalu-adaptation h3 {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .tuvalu-report.report.tuvalu .tuvalus-climate-resilience .grey-background .tuvalu-adaptation {
    padding-bottom: 2em;
  }
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .hcfc-info {
  position: relative;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .hcfc-info #hcfc-phase-out-schedule {
  width: 100%;
  min-height: 800px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .tuvalu-report.report.tuvalu .tuvalus-climate-resilience .hcfc-info #hcfc-phase-out-schedule {
    min-height: 500px;
  }
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .hcfc-info .schedule-table {
  display: block;
  border-collapse: collapse;
  width: 100%;
  position: absolute;
  bottom: 6em;
  left: 8em;
  font-size: 14px;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .hcfc-info .schedule-table td {
  border: 1px solid;
}
@media screen and (max-width: 534px) {
  .tuvalu-report.report.tuvalu .tuvalus-climate-resilience .hcfc-info .schedule-table {
    left: 1em;
  }
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience ul {
  flex-flow: row wrap;
  max-width: 1160px;
  margin: 0 auto;
  transform: translateX(-50px);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .icon-container {
  object-fit: contain;
  flex: 1;
  max-width: 90px;
  margin-right: 25px;
  max-height: 90px;
  min-width: 90px;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience svg {
  fill: #fff;
  height: 100%;
  width: 100%;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action {
  min-width: 40%;
  display: flex;
  flex: 1;
  margin-bottom: 70px;
  transform: translateY(40px);
  transition: transform 2.5s 0.75s, opacity 2.5s 0s;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action.full-width {
  min-width: 90%;
  max-width: none;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action.full-width ul.dotpoint {
  margin: 20px 0 0 70px;
  padding: 0;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action.full-width ul.dotpoint li {
  list-style: disc;
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(0n+0) {
  transition-delay: calc(.5 * 0s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(1n+1) {
  transition-delay: calc(.5 * 1s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(2n+2) {
  transition-delay: calc(.5 * 2s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(3n+3) {
  transition-delay: calc(.5 * 3s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(4n+4) {
  transition-delay: calc(.5 * 4s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(5n+5) {
  transition-delay: calc(.5 * 5s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(6n+6) {
  transition-delay: calc(.5 * 6s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(7n+7) {
  transition-delay: calc(.5 * 7s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(8n+8) {
  transition-delay: calc(.5 * 8s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(9n+9) {
  transition-delay: calc(.5 * 9s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(10n+10) {
  transition-delay: calc(.5 * 10s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(11n+11) {
  transition-delay: calc(.5 * 11s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(12n+12) {
  transition-delay: calc(.5 * 12s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(13n+13) {
  transition-delay: calc(.5 * 13s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(14n+14) {
  transition-delay: calc(.5 * 14s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(15n+15) {
  transition-delay: calc(.5 * 15s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(16n+16) {
  transition-delay: calc(.5 * 16s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(17n+17) {
  transition-delay: calc(.5 * 17s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(18n+18) {
  transition-delay: calc(.5 * 18s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(19n+19) {
  transition-delay: calc(.5 * 19s);
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .action:nth-child(20n+20) {
  transition-delay: calc(.5 * 20s);
}
@media only screen and (min-width: 900px) {
  .tuvalu-report.report.tuvalu .tuvalus-climate-resilience ul {
    display: flex;
  }
  .tuvalu-report.report.tuvalu .tuvalus-climate-resilience li.action {
    max-width: 50%;
    margin-left: 50px;
  }
  .tuvalu-report.report.tuvalu .tuvalus-climate-resilience li.action .icon-contianer {
    margin-right: 50px;
  }
}
.tuvalu-report.report.tuvalu .tuvalus-climate-resilience .wrapper.appear li.action {
  transform: translateY(0px);
  opacity: 1;
}
.tuvalu-report.report.tuvalu .callout.full-screen-image.recommendation .callout-image {
  background: url("../images/tuvalu/IMG_2064.jpeg") center center no-repeat;
  background-size: cover;
}
.tuvalu-report.report.tuvalu .callout.full-screen-image.recommendation .callout-image .wrapper {
  max-width: 1160px;
}
.tuvalu-report.report.tuvalu .callout.full-screen-image.recommendation .callout-image:after {
  content: "© Peter McDonald" !important;
}
.tuvalu-report.report.tuvalu .callout.full-screen-image .recommendation-image-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(33, 33, 33, 0.4));
}
.tuvalu-report.report.tuvalu .callout.full-screen-image ul {
  color: #fff;
  max-width: 700px;
  transform: translateY(0);
  opacity: 1;
  margin: 0 auto;
  margin-top: 1em;
}
.tuvalu-report.report.tuvalu .callout.full-screen-image.tanapari-island-reef {
  min-height: 300vh;
  margin-top: 0;
}
.tuvalu-report.report.tuvalu .callout.full-screen-image.tanapari-island-reef h3, .tuvalu-report.report.tuvalu .callout.full-screen-image.tanapari-island-reef .content-text, .tuvalu-report.report.tuvalu .callout.full-screen-image.tanapari-island-reef p {
  max-width: 900px;
}
.tuvalu-report.report.tuvalu .callout.full-screen-image.tanapari-island-reef p {
  font-size: 24px;
}
.tuvalu-report.report.tuvalu .adaptation-planning:after {
  content: "© Lagi Reupena";
  position: absolute;
  font-family: "Roboto", sans-serif;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  right: 10px;
  padding-left: 15px;
  font-size: 14px;
  line-height: 14px;
  text-shadow: none !important;
  transform-origin: bottom right;
  color: #ccc !important;
}
.tuvalu-report.report.tuvalu .callout .image.forest-animals {
  background-image: url("../images/solomon-islands/Biodiversity_photo_Peter_McDonald.jpg");
  background-position-x: center;
}
.tuvalu-report.report.tuvalu .callout .image.forest-animals::after {
  content: "© Peter McDonald";
}

.solomon-islands-map-chart-wrapper {
  width: 600px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 1130px) {
  .solomon-islands-map-chart-wrapper {
    margin-right: 12%;
  }
}
#national_capital_district, #enga, #southern_highlands {
  transition: all 0.25s;
}
#national_capital_district:hover, #enga:hover, #southern_highlands:hover {
  fill: #9b93d6;
}

#manus, #east_sepik, #hela {
  transition: all 0.25s;
}
#manus:hover, #east_sepik:hover, #hela:hover {
  fill: #b2a150;
}

#western, #east_new_britain, #western_highlands {
  transition: all 0.25s;
}
#western:hover, #east_new_britain:hover, #western_highlands:hover {
  fill: #f4c4e4;
}

#central, #bougainville, #jiwaka {
  transition: all 0.25s;
}
#central:hover, #bougainville:hover, #jiwaka:hover {
  fill: #fcada1;
}

#northern, #new_ireland {
  transition: all 0.25s;
}
#northern:hover, #new_ireland:hover {
  fill: #53dd63;
}

#morobe, #west_sepik {
  transition: all 0.25s;
}
#morobe:hover, #west_sepik:hover {
  fill: #ebcba7;
}

#madang, #milne_bay_province {
  transition: all 0.25s;
}
#madang:hover, #milne_bay_province:hover {
  fill: #fefca6;
}

#eastern_highlands, #gulf_province {
  transition: all 0.25s;
}
#eastern_highlands:hover, #gulf_province:hover {
  fill: white;
}

#chimbu, #west_new_britain {
  transition: all 0.25s;
}
#chimbu:hover, #west_new_britain:hover {
  fill: #d778f9;
}

.png-dataset-chart .svg-map-title {
  margin-left: 0;
  margin-top: 0;
}
.png-dataset-chart .png-map-wrapper {
  position: relative;
}
.png-dataset-chart .png-map-wrapper .forest-caption {
  top: -3vw;
  width: 50%;
  background: #eee;
}
@media screen and (max-width: 600px) {
  .png-dataset-chart .forest-caption {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .png-dataset-chart .png-map-wrapper .forest-caption {
    top: 55vw;
    width: 100%;
    right: 0;
  }
}

:root {
  --theme-color: #313131;
  --theme-color-light: lightblue;
}

.sticky {
  position: sticky;
  top: 0;
}

table {
  display: none;
}

a {
  transition: all 0.25s;
}

.acknowledgements p,
#critical-connections p,
#intro-text p,
.resources-page .main-content p {
  font-family: "Source Serif Pro", serif;
}

body {
  margin: 0;
  font-size: 18px;
  line-height: 1.6em;
  color: #212129;
  font-family: "Roboto", sans-serif;
  width: 100vw;
  overflow-x: hidden;
}
@media only screen and (min-width: 900px) {
  body {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  body {
    font-size: 22px;
  }
}

.wrapper {
  max-width: 700px;
  margin: 0 auto;
  padding: 60px 20px;
}
@media only screen and (min-width: 720px) {
  .wrapper {
    padding: 60px 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .wrapper {
    padding: 70px 80px;
  }
}

.social-resources {
  background: #025482;
  background: #0375b4;
  background: #e6f1f8;
}
.resources-page .wrapper {
  max-width: 1000px;
}
.resources-page .wrapper img.center {
  margin: 0 50px 50px 0;
}

a {
  color: inherit;
  transition: all 0.25s;
}
a:hover {
  color: #025482;
}

img,
svg {
  max-width: 100%;
  display: block;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.wrapper p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4 {
  font-weight: 500;
  line-height: 1.2em;
}

h1 {
  color: #fff;
  margin: 0;
  margin-bottom: 60px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
  font-weight: 500;
  font-size: 40px;
  line-height: 1.1em;
}
@media only screen and (min-width: 720px) {
  h1 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  h1 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  h1 {
    font-size: 70px;
  }
}

h2 {
  font-size: 25px;
  font-weight: 600;
}
@media only screen and (min-width: 720px) {
  h2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  h2 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  h2 {
    font-size: 40px;
  }
}

h3 {
  font-size: 26px;
  margin: 2em 0;
  color: black;
}
h3.pullout {
  font-family: "Source Serif Pro", serif;
  border-left: 5px solid var(--theme-color-light);
  padding-left: 15px;
  opacity: 0;
  transition: all 1s ease-out;
}
@media only screen and (min-width: 720px) {
  h3.pullout {
    transform: translateX(100px);
  }
}
@media only screen and (min-width: 1024px) {
  h3.pullout {
    margin-left: -100px;
    padding-left: 30px;
  }
}
h3.pullout.appear {
  opacity: 1;
  transform: translateX(0);
}
h3.pullout.alt {
  background-color: var(--theme-color-light);
  padding: 1em;
}
@media only screen and (min-width: 1024px) {
  h3 {
    font-size: 30px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  h3.pullout {
    border-left: 5px solid #fee5d4;
  }

  #critical-connections h3.pullout, #assessing-the-state-of-environment-and-conservation h3.pullout {
    border-left: 5px solid lightblue;
  }

  #land h3.pullout {
    border-left: 5px solid #b5d5af;
  }

  #coastal-and-marine h3.pullout {
    border-left: 5px solid #b0b4db;
  }

  #conservation-and-protection h3.pullout {
    border-left: 5px solid #a9c4c7;
  }

  #biodiversity h3.pullout {
    border-left: 5px solid #eac0d9;
  }

  #atmosphere-and-climate h3.pullout {
    border-left: 5px solid #c4e8ec;
  }

  #built-environment h3.pullout {
    border-left: 5px solid #b8b8dd;
  }

  #assessing-the-state-of-environment-and-conservation .callout .text {
    background: lightblue;
  }

  #environmental-governance .callout .text {
    background: #fee5d4;
  }

  #conservation-and-protection .callout .text {
    background: #a9c4c7;
  }

  #biodiversity .callout .text, #built-environment .callout .text {
    background: #eac0d9;
  }
}
.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  text-decoration: none;
  font-size: 14px;
  z-index: 3;
  color: #212121;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  line-height: 1em;
  padding: 4px 12px 5px;
  transition: all 0.25s;
}
.back-to-top:hover {
  background: #fff;
  color: #000;
}

@-webkit-keyframes pulse {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes pulse {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
#primary-navbar {
  width: 100%;
  background: white;
  box-shadow: 0 0px 60px rgba(0, 0, 0, 0.05);
  z-index: 100;
  box-sizing: border-box;
}
#primary-navbar .wrapper {
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  padding: 10px 15px;
}
#primary-navbar #logo {
  max-width: 160px;
  display: block;
  margin: 0 auto 10px auto;
}
#primary-navbar #logo img {
  max-width: 100%;
}
@media only screen and (min-width: 540px) {
  #primary-navbar .wrapper {
    display: flex;
    padding: 10px 20px;
  }
  #primary-navbar #logo {
    margin: 0;
  }
  #primary-navbar ul#main-menu {
    width: auto;
  }
  #primary-navbar ul#main-menu li {
    padding: 0 20px;
  }
}

ul#main-menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul#main-menu li {
  list-style: none;
  padding: 0 10px;
}
ul#main-menu li a {
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: black;
}
ul#main-menu li a:hover, ul#main-menu li a.active {
  color: #0375b4;
}

.container {
  width: 700px;
  margin: 0 auto;
}
.container > details {
  margin: 40px 0;
  border-top: 4px solid black;
}

.scroll-down {
  order: 10;
  flex-basis: 100%;
  margin-top: auto;
  display: block;
  text-decoration: none;
  color: #fff;
  width: 200px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
}
.scroll-down .chevron {
  margin-top: 5px;
  animation: pulse 2s infinite;
  display: block;
}
.scroll-down .chevron::before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 20px;
  position: relative;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 20px;
}
.scroll-down .chevron.down::before {
  transform: rotate(135deg);
  top: 0;
}
.scroll-down:hover {
  color: #fff;
}

#report-header {
  min-height: 100vh;
  width: 100vw;
  background-color: #212121;
  background: #212131;
  position: relative;
}
#report-header .hero-image {
  background: url("../images/Crimson-crowned_fruit_dove_Ptilinopus_porphyraceus_Stuart_Chape-mobile.jpg") no-repeat 70% top;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  transition: opacity 1s;
  box-sizing: border-box;
}
#report-header .hero-image::after {
  content: "Crimson Crowned Fruit Dove © Stuart Chape";
  top: 48vh;
  right: 5px;
  transform-origin: right bottom;
  transform: rotate(-90deg);
}
#report-header .hero-image::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.5), rgba(33, 33, 33, 0.1));
  z-index: 2;
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
@media only screen and (min-width: 900px) {
  #report-header .hero-image {
    background-image: url("../images/Crimson-crowned_fruit_dove_Ptilinopus_porphyraceus_Stuart_Chape-laptop.jpg");
    background-attachment: fixed;
  }
  #report-header .hero-image::before {
    background: linear-gradient(to bottom, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0));
  }
}
@media only screen and (min-width: 1200px) {
  #report-header .hero-image {
    background-image: url("../images/Crimson-crowned_fruit_dove_Ptilinopus_porphyraceus_Stuart_Chape-desktop.jpg");
  }
  #report-header .hero-image::before {
    background: linear-gradient(to right, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0.1), rgba(33, 33, 33, 0));
  }
}
#report-header .wrapper {
  min-height: inherit;
  width: 100%;
  max-width: 1360px;
  position: relative;
  z-index: 2;
  padding-bottom: 8vh;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
}

ul.navigation-index {
  margin: 0;
  padding: 0;
  margin-bottom: 60px;
  display: block;
  flex-flow: row wrap;
}
ul.navigation-index li {
  max-width: 574.3px;
  list-style: none;
  padding: 5px 5px;
}
ul.navigation-index li a {
  background: #fff;
  text-decoration: none;
  border-radius: 0 5px 5px 0;
  padding: 10px 20px;
  display: inline-block;
  white-space: nowrap;
  line-height: 1.2em;
  color: #212121;
  background: var(--theme-color-light);
  background: #fff;
  font-family: "Roboto", sans-serif;
  border-left: 10px solid var(--theme-color);
  transition: all 0.25s;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
ul.navigation-index li a:hover {
  background: var(--theme-color-light);
  color: var(--theme-color);
}
@media only screen and (min-width: 720px) {
  ul.navigation-index {
    display: flex;
  }
}
@media only screen and (min-width: 1200px) {
  ul.navigation-index {
    display: block;
    min-width: 400px;
  }
  ul.navigation-index li a:hover {
    padding-right: 50px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  ul.navigation-index li a.assessing-the-state-of-environment-and-conservation, ul.navigation-index li a.data-and-knowledge-resources {
    border-left: 10px solid #313131;
  }
  ul.navigation-index li a.assessing-the-state-of-environment-and-conservation:hover, ul.navigation-index li a.data-and-knowledge-resources:hover {
    background: lightblue;
    color: #313131;
  }
  ul.navigation-index li a.environmental-governance {
    border-left: 10px solid #ff463a;
  }
  ul.navigation-index li a.environmental-governance:hover {
    background: #fee5d4;
    color: #ff463a;
  }
  ul.navigation-index li a.land {
    border-left: 10px solid #2ca142;
  }
  ul.navigation-index li a.land:hover {
    background: #b5d5af;
    color: #2ca142;
  }
  ul.navigation-index li a.coastal-and-marine {
    border-left: 10px solid #3e5aa9;
  }
  ul.navigation-index li a.coastal-and-marine:hover {
    background: #b0b4db;
    color: #3e5aa9;
  }
  ul.navigation-index li a.conservation-and-protection {
    border-left: 10px solid #008284;
  }
  ul.navigation-index li a.conservation-and-protection:hover {
    background: #a9c4c7;
    color: #008284;
  }
  ul.navigation-index li a.biodiversity {
    border-left: 10px solid #c44c91;
  }
  ul.navigation-index li a.biodiversity:hover {
    background: #eac0d9;
    color: #c44c91;
  }
  ul.navigation-index li a.atmosphere-and-climate {
    border-left: 10px solid #4cc4d3;
  }
  ul.navigation-index li a.atmosphere-and-climate:hover {
    background: #c4e8ec;
    color: #4cc4d3;
  }
  ul.navigation-index li a.built-environment {
    border-left: 10px solid #5760ab;
  }
  ul.navigation-index li a.built-environment:hover {
    background: #b8b8dd;
    color: #5760ab;
  }
}
ul.sticky-navigation-index {
  position: fixed;
  left: 0;
  top: 50%;
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  color: #212121;
  padding-right: 20px;
  z-index: 4;
  transition: all 0.25s;
  display: none;
}
@media only screen and (min-width: 720px) {
  ul.sticky-navigation-index {
    display: block;
  }
}
ul.sticky-navigation-index a {
  text-indent: -420px;
  transition: all 0.25s;
  display: block;
  position: relative;
  font-size: 15px;
  color: #212121;
  text-decoration: none;
}
ul.sticky-navigation-index a::before {
  content: "";
  width: 13px;
  height: 13px;
  background: var(--theme-color-light);
  border-radius: 10px;
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.25s;
}
ul.sticky-navigation-index a.active {
  font-weight: 500;
}
ul.sticky-navigation-index a.active::before {
  background: var(--theme-color);
}
ul.sticky-navigation-index a.active::after {
  content: "";
  width: 17px;
  height: 17px;
  border: thin solid var(--theme-color);
  border-radius: 10px;
  position: absolute;
  left: 7px;
  top: 7px;
  transition: all 0.25s;
}
ul.sticky-navigation-index a:hover::before {
  background: var(--theme-color);
}
ul.sticky-navigation-index:hover {
  background: white;
  border-radius: 0 8px 8px 0;
}
ul.sticky-navigation-index:hover a {
  text-indent: 20px;
  padding: 0px 10px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  ul.sticky-navigation-index .assessing-the-state-of-environment-and-conservation::before, ul.sticky-navigation-index .data-and-knowledge-resources::before {
    background: #A9C4C7;
  }
  ul.sticky-navigation-index a.assessing-the-state-of-environment-and-conservation.active:after, ul.sticky-navigation-index a.data-and-knowledge-resources.active:after {
    border: thin solid #A9C4C7;
  }
  ul.sticky-navigation-index .assessing-the-state-of-environment-and-conservation:hover::before, ul.sticky-navigation-index .data-and-knowledge-resources:hover::before {
    background: #212121;
  }
  ul.sticky-navigation-index .environmental-governance::before {
    background: #fee5d4;
  }
  ul.sticky-navigation-index a.environmental-governance.active:after {
    border: thin solid #fee5d4;
  }
  ul.sticky-navigation-index .environmental-governance:hover::before {
    background: #ff463a;
  }
  ul.sticky-navigation-index .land::before {
    background: #b5d5af;
  }
  ul.sticky-navigation-index a.land.active:after {
    border: thin solid #b5d5af;
  }
  ul.sticky-navigation-index .land:hover::before {
    background: #2ca142;
  }
  ul.sticky-navigation-index .coastal-and-marine::before {
    background: #b0b4db;
  }
  ul.sticky-navigation-index a.coastal-and-marine.active:after {
    border: thin solid #b0b4db;
  }
  ul.sticky-navigation-index .coastal-and-marine:hover::before {
    background: #3e5aa9;
  }
  ul.sticky-navigation-index .conservation-and-protection::before {
    background: #a9c4c7;
  }
  ul.sticky-navigation-index a.conservation-and-protection.active:after {
    border: thin solid #a9c4c7;
  }
  ul.sticky-navigation-index .conservation-and-protection:hover::before {
    background: #008284;
  }
  ul.sticky-navigation-index .biodiversity::before {
    background: #eac0d9;
  }
  ul.sticky-navigation-index a.biodiversity.active:after {
    border: thin solid #eac0d9;
  }
  ul.sticky-navigation-index .biodiversity:hover::before {
    background: #c44c91;
  }
  ul.sticky-navigation-index .atmosphere-and-climate::before {
    background: #c4e8ec;
  }
  ul.sticky-navigation-index a.atmosphere-and-climate.active:after {
    border: thin solid #c4e8ec;
  }
  ul.sticky-navigation-index .atmosphere-and-climate:hover::before {
    background: #4cc4d3;
  }
  ul.sticky-navigation-index .built-environment::before {
    background: #b8b8dd;
  }
  ul.sticky-navigation-index a.built-environment.active:after {
    border: thin solid #b8b8dd;
  }
  ul.sticky-navigation-index .built-environment:hover:before {
    background: #5760ab;
  }
}
@media only screen and (min-width: 1024px) {
  #report-header .hero-image {
    background-position: top right;
  }
  #report-header .wrapper {
    flex-flow: row wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20vh;
  }
  #report-header ul.navigation-index {
    flex: 1;
  }
  #report-header h1 {
    flex: 3;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  #report-header ul.navigation-index {
    flex: 1;
  }
}
@media only screen and (min-width: 720px) {
  #intro-text .wrapper {
    margin-top: -8vh;
  }

  #report-header {
    min-height: 110vh;
  }
}
.loaded #report-header .hero-image {
  opacity: 1;
}

#intro-text {
  background: #171725;
}

#intro-text .wrapper {
  background: #171725;
  color: #fff;
  position: relative;
  z-index: 2;
}
#intro-text .wrapper h3 {
  color: var(--theme-color-light);
}
#intro-text .wrapper a {
  color: #fff;
  text-decoration: underline;
}

.pretext {
  font-size: 25px;
  line-height: 1em;
  color: #fff;
}

.callout {
  margin: 100px 0;
  height: 180vh;
  width: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .callout {
    height: auto;
  }
}
.callout .text {
  margin: 20vh 2rem 0 2rem;
  background: var(--theme-color-light);
  mix-blend-mode: hard-light;
  font-family: "Source Serif Pro", serif;
  padding: 1em;
  position: relative;
  z-index: 3;
}
.callout h3 {
  margin: 0px 0;
}
.callout .image {
  width: 66vh;
  height: 66vh;
  left: 0;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 1s ease-in-out;
  transform: scale(50%);
  opacity: 0;
  position: sticky !important;
  top: 16vh;
  max-width: 100%;
  box-sizing: border-box;
  z-index: 3;
}
.callout .image::after {
  color: #ccc !important;
  text-shadow: none !important;
  transform: rotate(-90deg);
  transform-origin: bottom right;
  top: 0 !important;
}
.callout .image.chart {
  border: none;
  width: 100vh;
}
.callout .image img {
  border-radius: 200px;
}
.callout .image.sprep-team {
  background-image: url("../images/Inform_Project_Photo_Page_7.jpg");
}
.callout .image.sprep-team::after {
  content: "";
}
.callout .image.bat {
  background-image: url("../images/Terrestrial_wildlife_protection_Bradley_Nolan.jpg");
}
.callout .image.bat::after {
  content: "Bat © Bradley Nolan";
}
.callout .image.reef {
  background-image: url("../images/Reef_credit_Lagi_Reupena.jpg");
}
.callout .image.reef::after {
  content: "Reef © Lagi Reupena";
}
.callout .image.scooters {
  background-image: url("../images/Electric_Vehicles_for-Sustainable_Transport_Roland_Setu.jpg");
}
.callout .image.scooters::after {
  content: "Electric Scooters © Roland Setu";
}
@media only screen and (min-width: 900px) {
  .callout .image {
    border-radius: 900px;
  }
  .callout .text {
    width: 600px;
    margin: 20vh auto 0 auto;
  }
}
@media only screen and (min-width: 1024px) {
  .callout h3 {
    font-size: 40px;
  }
  .callout p {
    font-size: 30px;
  }
}
.callout.appear {
  position: relative;
}
.callout.appear .image {
  transform: scale(100%);
  opacity: 1;
}
@media only screen and (min-width: 1600px) {
  .callout.appear .text {
    transform: translateX(-300px);
  }
  .callout.appear .image {
    transform: scale(100%) translateX(300px);
  }
  .callout.appear .image.chart {
    transform: scale(100%) translateX(100px);
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .callout .image {
    position: relative;
  }
}
.front .image-caption, .hero-image::after, .callout .image::after {
  position: absolute;
  font-family: "Roboto", sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  right: 10px;
  padding-left: 15px;
  top: 68vh;
  font-size: 14px;
  line-height: 14px;
}

section {
  position: relative;
}
section p {
  font-family: "Source Serif Pro", serif;
}
section .wrapper {
  padding-bottom: 70px;
  padding-top: 70px;
}
section .wrapper p {
  opacity: 0;
  transition: all 1s ease-out;
  transform: translateY(100px);
}
section .wrapper.appear p {
  transform: translateY(0);
  opacity: 1;
}
section.appear .hero-image h2 {
  opacity: 1;
  transform: translateY(0);
}
section.appear hr {
  transform: scaleX(100%);
  opacity: 1;
}
section.appear .download-chapter-link {
  opacity: 1;
  transform: translateY(0);
}

.hero-image {
  height: 66vh;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
  flex-direction: column;
  padding: 30px;
}
.hero-image::after {
  content: "This still needs an image attribution";
}
.hero-image hr {
  height: 2px;
  max-width: 400px;
  width: 100%;
  border: none;
  transform: scaleX(5%);
  opacity: 0;
  transition: all 1.5s;
  transition-delay: 0.5s;
}
.hero-image hr.before {
  background: var(--theme-color-light);
  display: none;
}
.hero-image hr.after {
  background: var(--theme-color-light);
  margin-bottom: 20px;
}
.hero-image h2 {
  max-width: 1360px;
  margin: 20px 0;
  color: #fff;
  color: var(--theme-color-light);
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-size: 50px;
  font-family: "Roboto", sans-serif;
  mix-blend-mode: color-dodge;
  mix-blend-mode: luminosity;
  text-align: center;
  transition: all 1s ease-out;
  opacity: 0;
  transform: translateY(170px);
}
.hero-image h2::before {
  width: 300px;
  height: 2px;
  background: var(--theme-color);
  margin: 20px auto;
}
.hero-image h2::after {
  width: 200px;
  height: 1px;
  background: var(--theme-color-light);
  margin: 0 auto;
}
.hero-image h2.shadow {
  position: absolute;
  color: #fff;
}
@media only screen and (min-width: 900px) {
  .hero-image {
    background-attachment: fixed;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-image h2 {
    font-size: 70px;
  }
}

#assessing-the-state-of-environment-and-conservation .hero-image {
  background-image: url("../images/Climate_adaptation_and_mitigation_funding_Dead_forest-mobile.jpg");
}
#assessing-the-state-of-environment-and-conservation .hero-image::after {
  content: "Dead forest on disappearing island, Solomon Islands © Stuart Chape";
  padding-left: 15px;
}
@media only screen and (min-width: 900px) {
  #assessing-the-state-of-environment-and-conservation .hero-image {
    background-image: url("../images/Climate_adaptation_and_mitigation_funding_Dead_forest-laptop.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  #assessing-the-state-of-environment-and-conservation .hero-image {
    background-image: url("../images/Climate_adaptation_and_mitigation_funding_Dead_forest-desktop.jpg");
  }
}

#environmental-governance .hero-image {
  background-image: url("../images/Climate_change_in_Pacific-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  #environmental-governance .hero-image {
    background-image: url("../images/Climate_change_in_Pacific-laptop.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  #environmental-governance .hero-image {
    background-image: url("../images/Climate_change_in_Pacific-desktop.jpg");
  }
}
#environmental-governance .hero-image::after {
  content: "© Stuart Chape";
}

#land .hero-image {
  background-image: url("../images/Copy_of_Afulilo_Charles_Netzler-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  #land .hero-image {
    background-image: url("../images/Copy_of_Afulilo_Charles_Netzler-laptop.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  #land .hero-image {
    background-image: url("../images/Copy_of_Afulilo_Charles_Netzler-desktop.jpg");
  }
}
#land .hero-image::after {
  content: "Afulilo, Samoa © Charles Netzler";
}

#regional-frameworks .hero-image {
  background-image: url("../images/Choiseul_Province_Solomon_Islands_3-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  #regional-frameworks .hero-image {
    background-image: url("../images/Choiseul_Province_Solomon_Islands_3-laptop.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  #regional-frameworks .hero-image {
    background-image: url("../images/Choiseul_Province_Solomon_Islands_3-desktop.jpg");
  }
}
#regional-frameworks .hero-image::after {
  content: "Choiseul Province, Solomon Islands © Stuart Chape";
}

#about-section .hero-image {
  background-image: url("../images/Samoa_Charles_Netzler-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  #about-section .hero-image {
    background-image: url("../images/Samoa_Charles_Netzler-desktop.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  #about-section .hero-image {
    background-image: url("../images/Samoa_Charles_Netzler-desktop.jpg");
  }
}
#about-section .hero-image::after {
  content: "Samoa © Charles Netzler";
}

#coastal-and-marine .hero-image {
  background-image: url("../images/Copy_of_Tuvalu_reef_credit_Peter_McDonald-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  #coastal-and-marine .hero-image {
    background-image: url("../images/Copy_of_Tuvalu_reef_credit_Peter_McDonald-laptop.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  #coastal-and-marine .hero-image {
    background-image: url("../images/Copy_of_Tuvalu_reef_credit_Peter_McDonald-desktop.jpg");
  }
}
#coastal-and-marine .hero-image::after {
  content: "Tuvalu Reef © Peter McDonald";
}

#conservation-and-protection .hero-image {
  background-image: url("../images/Copy_of_Forest_research_PNG_credit-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  #conservation-and-protection .hero-image {
    background-image: url("../images/Copy_of_Forest_research_PNG_credit-laptop.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  #conservation-and-protection .hero-image {
    background-image: url("../images/Copy_of_Forest_research_PNG_credit-desktop.jpg");
  }
}
#conservation-and-protection .hero-image::after {
  content: "Conducting forest research as part of a carbon credit programme, PNG © Cory Wright, UN REDD Programme";
}

#biodiversity .hero-image {
  background-image: url("../images/Juney_Ward_2-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  #biodiversity .hero-image {
    background-image: url("../images/Juney_Ward_2-laptop.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  #biodiversity .hero-image {
    background-image: url("../images/Juney_Ward_2-desktop.jpg");
  }
}
#biodiversity .hero-image::after {
  content: "© Juney Ward";
}

#atmosphere-and-climate .hero-image {
  background-image: url("../images/Dawn_Storm-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  #atmosphere-and-climate .hero-image {
    background-image: url("../images/Dawn_Storm-laptop.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  #atmosphere-and-climate .hero-image {
    background-image: url("../images/Dawn_Storm-desktop.jpg");
  }
}
#atmosphere-and-climate .hero-image::after {
  content: "Dawn storm, Samoa © Stuart Chape";
}

#built-environment .hero-image {
  background-image: url("../images/Copy_of_Lagoon_Water_Quality-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  #built-environment .hero-image {
    background-image: url("../images/Copy_of_Lagoon_Water_Quality-laptop.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  #built-environment .hero-image {
    background-image: url("../images/Copy_of_Lagoon_Water_Quality-desktop.jpg");
  }
}
#built-environment .hero-image::after {
  content: "© Stuart Chape";
}

#data-and-knowledge-resources .hero-image {
  background-image: url("../images/Copy_of_Mangrove_Samoa_David_Unoi-mobile.jpg");
}
@media only screen and (min-width: 900px) {
  #data-and-knowledge-resources .hero-image {
    background-image: url("../images/Copy_of_Mangrove_Samoa_David_Unoi-laptop.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  #data-and-knowledge-resources .hero-image {
    background-image: url("../images/Copy_of_Mangrove_Samoa_David_Unoi-desktop.jpg");
  }
}
#data-and-knowledge-resources .hero-image::after {
  content: "Mangroves, Samoa © David Unoi";
}

.environmental-governance {
  --theme-color: #ff463a;
  --theme-color-light: #fee5d4;
}

.land {
  --theme-color: #2ca142;
  --theme-color-light: #b5d5af;
}

.coastal-and-marine {
  --theme-color: #3e5aa9;
  --theme-color-light: #b0b4db;
}

.conservation-and-protection {
  --theme-color: #008284;
  --theme-color-light: #a9c4c7;
}

.biodiversity {
  --theme-color: #c44c91;
  --theme-color-light: #eac0d9;
}

.atmosphere-and-climate {
  --theme-color: #4cc4d3;
  --theme-color-light: #c4e8ec;
}

.built-environment {
  --theme-color: #5760ab;
  --theme-color-light: #b8b8dd;
}

.download-chapter-link {
  background: var(--theme-color-light);
  color: #000;
  text-decoration: none;
  font-weight: 500;
  padding: 0px 20px;
  border-radius: 20px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  transition: opacity 1s ease-out 1s, transform 1s ease-out 1s, background 0.25s, color 0.25s;
  opacity: 0;
  transform: translateY(30px);
}
.download-chapter-link:hover {
  background: #212121;
  color: var(--theme-color-light);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #assessing-the-state-of-environment-and-conservation .hero-image hr.after,
#assessing-the-state-of-environment-and-conservation .download-chapter-link {
    background: #add8e6;
  }

  #assessing-the-state-of-environment-and-conservation .download-chapter-link:hover {
    color: #add8e6;
  }

  #environmental-governance .hero-image hr.after, #environmental-governance .download-chapter-link {
    background: #fee5d4;
  }

  #environmental-governance .download-chapter-link:hover {
    color: #fee5d4;
  }

  #land .hero-image hr.after, #land .download-chapter-link {
    background: #b5d5af;
  }

  #land .download-chapter-link:hover {
    color: #b5d5af;
  }

  #coastal-and-marine .hero-image hr.after, #coastal-and-marine .download-chapter-link {
    background: #b0b4db;
  }

  #coastal-and-marine .download-chapter-link:hover {
    color: #b0b4db;
  }

  #conservation-and-protection .hero-image hr.after, #conservation-and-protection .download-chapter-link {
    background: #a9c4c7;
  }

  #conservation-and-protection .download-chapter-link:hover {
    color: #a9c4c7;
  }

  #biodiversity .hero-image hr.after, #biodiversity .download-chapter-link {
    background: #eac0d9;
  }

  #biodiversity .download-chapter-link:hover {
    color: #eac0d9;
  }

  #atmosphere-and-climate .hero-image hr.after, #atmosphere-and-climate .download-chapter-link {
    background: #c4e8ec;
  }

  #atmosphere-and-climate .download-chapter-link:hover {
    color: #c4e8ec;
  }

  #built-environment .hero-image hr.after, #built-environment .download-chapter-link {
    background: #b8b8dd;
  }

  #built-environment .download-chapter-link:hover {
    color: #b8b8dd;
  }

  #regional-frameworks .hero-image hr.after, #about-section .hero-image hr.after,
#data-and-knowledge-resources .hero-image hr.after, #data-and-knowledge-resources .download-chapter-link {
    background: #add8e6;
  }

  #data-and-knowledge-resources .download-chapter-link:hover {
    color: #add8e6;
  }
}
.download-chapter-link:hover {
  background: #212121 !important;
  color: var(--theme-color-light);
}

img.center {
  width: 200px;
  float: left;
  margin: 0 30px 40px 0;
}

.figure {
  margin: 40px auto;
  width: 100%;
  padding: 0px;
  box-sizing: border-box;
  position: relative;
  background: #eee;
}
.figure > div {
  margin: 0 auto;
  max-width: 1360px;
}
.figure.full-width > div {
  max-width: none;
}
@media only screen and (min-width: 540px) {
  .figure {
    padding: 15px;
  }
}
@media only screen and (min-width: 900px) {
  .figure {
    margin: 80px auto;
  }
}
@media only screen and (min-width: 1024px) {
  .figure {
    padding: 80px;
  }
}

.figure-caption {
  max-width: 700px;
  margin: 0 auto;
}

.theme-indicators {
  max-width: 1360px;
  text-align: center;
}

.indicator-container {
  display: inline-flex;
  position: relative;
  margin-left: -20px;
  justify-content: center;
  flex-flow: row wrap;
}
.indicator-container a {
  margin: 0 0 20px 5px;
  padding: 10px;
  text-decoration: none;
  font-size: 15px;
  position: relative;
  z-index: 2;
  font-family: "Roboto", sans-serif;
  width: 100px;
  line-height: 1.2em;
  transition: all 0.25s;
  background: var(--theme-color-light);
  color: #212121;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-bottom: 3px solid var(--theme-color-light);
  font-weight: 500;
  background: #eee;
}
.indicator-container a img {
  display: block;
}
.indicator-container a .indicator-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  flex: 1;
}
.indicator-container a:hover {
  background: var(--theme-color-light);
  border-bottom-color: var(--theme-color);
  color: #212121;
  transform: translateY(-10px);
}
.indicator-container img {
  width: 140px;
}
.indicator-container.related {
  margin: 0;
}
.indicator-container.related a img {
  display: none;
}
.indicator-container.related a .indicator-title {
  padding-top: 0;
}
@media only screen and (min-width: 720px) {
  .indicator-container a {
    padding: 20px;
    width: 140px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .indicator-container a {
    display: block;
  }
  .indicator-container a:hover {
    transform: translateY(-10px);
  }

  .environmental-governance .indicator-container a {
    border-bottom: 3px solid #fee5d4;
  }
  .environmental-governance .indicator-container a:hover {
    background: #fee5d4;
    border-bottom-color: #ff463a;
  }
  .environmental-governance .indicator-container a.atmosphere-and-climate {
    border-bottom: 3px solid #c4e8ec;
  }
  .environmental-governance .indicator-container a.atmosphere-and-climate:hover {
    background: #c4e8ec;
    border-bottom-color: #4cc4d3;
  }

  .land .indicator-container a {
    border-bottom: 3px solid #b5d5af;
  }
  .land .indicator-container a:hover {
    background: #b5d5af;
    border-bottom-color: #2ca142;
  }

  .coastal-and-marine .indicator-container a {
    border-bottom: 3px solid #b0b4db;
  }
  .coastal-and-marine .indicator-container a:hover {
    background: #b0b4db;
    border-bottom-color: #3e5aa9;
  }
  .coastal-and-marine .indicator-container a.land {
    border-bottom: 3px solid #b5d5af;
  }
  .coastal-and-marine .indicator-container a.land:hover {
    background: #b5d5af;
    border-bottom-color: #2CA146;
  }

  .conservation-and-protection .indicator-container a {
    border-bottom: 3px solid #a9c4c7;
  }
  .conservation-and-protection .indicator-container a:hover {
    background: #a9c4c7;
    border-bottom: 3px solid #008284;
  }
  .conservation-and-protection .indicator-container a.coastal-and-marine {
    border-bottom: 3px solid #b0b4db;
  }
  .conservation-and-protection .indicator-container a.coastal-and-marine:hover {
    background: #b0b4db;
    border-bottom: 3px solid #3e5aa9;
  }

  .biodiversity .indicator-container a {
    border-bottom: 3px solid #eac0d9;
  }
  .biodiversity .indicator-container a:hover {
    background: #eac0d9;
    border-bottom: 3px solid #c44c91;
  }
  .biodiversity .indicator-container a.coastal-and-marine {
    border-bottom: 3px solid #b0b4db;
  }
  .biodiversity .indicator-container a.coastal-and-marine:hover {
    background: #b0b4db;
    border-bottom: 3px solid #3e5aa9;
  }
  .biodiversity .indicator-container a.environmental-governance {
    border-bottom: 3px solid #fee5d4;
  }
  .biodiversity .indicator-container a.environmental-governance:hover {
    background: #fee5d4;
    border-bottom: 3px solid #ff463a;
  }
  .biodiversity .indicator-container a.land {
    border-bottom: 3px solid #b5d5af;
  }
  .biodiversity .indicator-container a.land:hover {
    background: #b5d5af;
    border-bottom: 3px solid #2CA146;
  }

  .atmosphere-and-climate .indicator-container a {
    border-bottom: 3px solid #c4e8ec;
  }
  .atmosphere-and-climate .indicator-container a:hover {
    background: #c4e8ec;
    border-bottom: 3px solid #4cc4d3;
  }
  .atmosphere-and-climate .indicator-container a.built-environment {
    border-bottom: 3px solid #b8b8dd;
  }
  .atmosphere-and-climate .indicator-container a.built-environment:hover {
    background: #4cc4d3;
    border-bottom: 3px solid #5760ab;
  }
  .atmosphere-and-climate .indicator-container a.land {
    border-bottom: 3px solid #b5d5af;
  }
  .atmosphere-and-climate .indicator-container a.land:hover {
    background: #b5d5af;
    border-bottom: 3px solid #2CA146;
  }

  .built-environment .indicator-container a {
    border-bottom: 3px solid #b8b8dd;
  }
  .built-environment .indicator-container a:hover {
    background: #b8b8dd;
    border-bottom: 3px solid #5760ab;
  }
  .built-environment .indicator-container a.land {
    border-bottom: 3px solid #b5d5af;
  }
  .built-environment .indicator-container a.land:hover {
    background: #b5d5af;
    border-bottom: 3px solid #2CA146;
  }
}
ul.formatted-resources {
  padding: 0;
}
ul.formatted-resources li {
  list-style: none;
}
ul.formatted-resources li a {
  display: block;
  border-left: 5px solid #0375b4;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 1.2em;
  margin-bottom: 1em;
  padding: 10px 15px;
  background: #eee;
  color: #212121;
  text-decoration: none;
}
ul.formatted-resources li a:hover {
  background: #ccc;
  color: #000;
}
@media only screen and (min-width: 720px) {
  ul.formatted-resources.promoted {
    display: flex;
    margin-left: -40px;
    justify-content: space-around;
  }
  ul.formatted-resources.promoted li {
    margin-left: 40px;
    flex: 1;
  }
  ul.formatted-resources.promoted li a .name {
    flex-basis: auto;
  }
}
ul.formatted-resources.promoted li {
  margin-bottom: 40px;
}
ul.formatted-resources.promoted li a {
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  flex-flow: row wrap;
  justify-content: center;
  border: none;
  border-bottom: 5px solid #0375b4;
}
ul.formatted-resources.promoted li a .name {
  font-weight: 500;
  display: block;
  flex-basis: 100%;
}
ul.formatted-resources.promoted li a svg {
  width: 80px;
  height: auto;
  margin: 20px 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  ul.formatted-resources.promoted li a svg {
    height: 80px;
  }
}
.resources {
  max-width: 960px;
}
.resources.wrapper {
  padding-top: 0;
}
@media only screen and (min-width: 1024px) {
  .resources {
    column-count: 2;
    column-gap: 60px;
  }
}
.resources .column {
  display: table;
  break-inside: avoid;
}

.front .hero-image {
  padding: 0;
}
.front .image-caption {
  z-index: 4;
  transform-origin: bottom right;
  transform: rotate(-90deg);
  right: 10px;
  top: 82vh;
}
.front header {
  width: 100vw;
  position: relative;
}
.front header .wrapper {
  max-width: 1160px;
  z-index: 3;
}
.front header .row {
  padding-bottom: 50px;
}
.front header img {
  transform: rotate(4deg);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.6);
  margin: 0 auto 60px auto;
  max-width: 300px;
  width: 66%;
}
.front header .hero-image {
  background: url("../images/cover-image-mobile.jpg") no-repeat center center;
  background-size: cover;
  height: 100%;
  box-sizing: border-box;
  min-height: 100vh;
  background-attachment: fixed;
}
.front header .hero-image::after, .front header .hero-image::before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
}
.front header .hero-image::after {
  background: #0375b4;
  background: #212121;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.9), rgba(3, 117, 180, 0.6));
  z-index: 2;
  opacity: 1;
  right: 0;
}
.front header .hero-image::before {
  mix-blend-mode: darken;
  z-index: 1;
}
@media only screen and (min-width: 900px) {
  .front header .hero-image {
    background-image: url("../images/cover-image-laptop.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  .front header .hero-image {
    background-image: url("../images/cover-image-desktop.jpg");
  }
}
.front .wrapper h1,
.front .wrapper img {
  flex-basis: 40%;
  flex: 1;
}
.front .wrapper.main {
  margin-top: -70px;
  position: relative;
  z-index: 5;
  background: #fff;
}
.front .wrapper.main p {
  font-family: "Source Serif Pro", serif;
}
.front .wrapper.main .btn {
  background: #000;
}
.front .wrapper.main .btn:hover {
  background: #fff;
  border-color: #000;
}
.front .secondary {
  margin-top: 40px;
}
.front .btn {
  text-decoration: none;
  border: 2px solid #212121;
  color: #fff;
  padding: 10px 20px;
  font-weight: 500;
  border-radius: 4px;
  margin-bottom: 20px;
  font-size: 17px;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.1);
  background: #212121;
  line-height: 1.2em;
  text-align: center;
  display: block;
}
.front .btn:hover {
  background: #fff;
  color: #000;
  border-color: #fff;
}
.front #national-report-resources {
  background: #eee;
}
.front #national-report-resources .formatted-resources {
  display: flex;
  flex-flow: row wrap;
}
.front #national-report-resources .formatted-resources li {
  list-style: none;
  width: 100%;
}
.front #national-report-resources .formatted-resources li a {
  background: #fff;
}
.front #national-report-resources .formatted-resources li a:hover {
  background: #ccc;
}
@media only screen and (min-width: 650px) {
  .front #national-report-resources .formatted-resources {
    margin-left: -50px;
  }
  .front #national-report-resources .formatted-resources li {
    margin-left: 50px;
    min-width: 40%;
    flex: 1;
  }
}
@media only screen and (min-width: 540px) {
  .front .row.buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .front .btn {
    padding: 10px 20px;
    margin-right: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .front header img {
    float: right;
    margin: 0 0 0 60px;
  }
  .front .wrapper {
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1024px) {
  .front footer .wrapper {
    display: block;
  }
}
.survey {
  background: #eee;
  background: #eaf7ff;
  text-align: center;
}
.survey img {
  margin: 0 auto 50px auto;
  transform: rotate(-5deg);
  width: 100px;
}
.survey a {
  text-decoration: underline;
}
@media only screen and (min-width: 1024px) {
  .survey {
    text-align: left;
  }
  .survey img {
    margin: 0 50px 0 0;
  }
}

.resources-page a {
  word-break: break-word;
}
.resources-page .resources.wrapper h3 {
  margin-top: 0;
}
.resources-page h2 {
  margin-top: 0;
}
.resources-page .about-inform {
  background: #e6f1f8;
}

.social {
  text-align: center;
}
.social .wrapper {
  padding: 30px 20px;
}

.grid-container {
  display: flex;
  margin-left: -15px;
  flex-flow: row wrap;
}
.grid-container a {
  margin-left: 15px;
  margin-bottom: 15px;
  min-width: 40%;
  flex: 1;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.grid-container a:hover {
  box-shadow: 8px 10px 18px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px) translateX(-5px);
}
@media only screen and (min-width: 900px) {
  .grid-container {
    margin-left: -50px;
  }
  .grid-container a {
    margin-bottom: 50px;
    margin-left: 50px;
  }
}

.soe-grid-container {
  display: flex;
  margin-left: -15px;
  flex-flow: row wrap;
  margin-top: 60px;
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  max-width: 1000px;
  mix-blend-mode: darken;
  align-items: center;
  margin-left: -20px;
  justify-content: space-between;
}
.soe-grid-container a {
  margin-left: 15px;
  margin-bottom: 15px;
  min-width: 25%;
  flex: 0;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.soe-grid-container a:hover {
  box-shadow: 8px 10px 18px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px) translateX(-5px);
}
@media only screen and (min-width: 900px) {
  .soe-grid-container {
    margin-left: -50px;
  }
  .soe-grid-container a {
    margin-bottom: 50px;
    margin-left: 50px;
    flex-basis: 28%;
    max-width: 30%;
    min-width: 11%;
  }
}

p.h3 {
  display: inline-block;
  margin-right: 20px;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500;
}

a:hover {
  color: #0375b4;
}

.share-wrapper {
  display: inline-block;
}
.share-wrapper a {
  width: 45px;
  height: 45px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: -15px;
}
.share-wrapper a svg {
  width: 100%;
  height: auto;
  fill: #212121;
}
.share-wrapper a:hover {
  fill: #000;
  transform: scale(120%);
}

p.pullout {
  font-weight: 500;
  background: #eee;
  padding: 1em;
  width: 100%;
  margin: 3em 0 2em -1em;
}

#acknowledgements {
  background: #eee;
}

.logos-container {
  margin-top: 60px;
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  max-width: 1000px;
  mix-blend-mode: darken;
  align-items: center;
  margin-left: -20px;
  justify-content: space-between;
}
.logos-container a {
  flex-basis: 24%;
  max-width: 22%;
  min-width: 22%;
  margin-left: 20px;
  flex-grow: 1;
}
.logos-container a div {
  width: 100%;
  height: 100%;
}
.logos-container a img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 720px) {
  .logos-container {
    margin-left: -40px;
  }
  .logos-container a {
    flex-basis: 12%;
    max-width: 11%;
    min-width: 11%;
    margin-left: 40px;
  }
}

footer {
  background: black;
  font-family: "Roboto", sans-serif;
}
footer .wrapper {
  font-size: 14px;
  max-width: 1360px;
  color: #fff;
  line-height: 1.2em;
  padding-top: 30px;
  padding-bottom: 30px;
}
footer p {
  display: inline-block;
}
footer .two-column {
  column-gap: 60px;
}
footer .two-column p {
  break-inside: avoid;
}
footer .two-column > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
footer svg {
  width: 80px;
  height: auto;
  margin-right: 30px;
  fill: #fff;
  display: block;
}
footer .copyright {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  color: #eee;
  align-items: center;
  text-align: center;
  justify-content: center;
}
footer a {
  color: inherit;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
  text-decoration: underline;
}
footer .sprep-link {
  transition: all 0.25s;
  transform: scale(90%);
}
footer .sprep-link img {
  margin-bottom: 50px;
}
footer .sprep-link:hover {
  transform: scale(100%);
}
@media only screen and (min-width: 1024px) {
  footer .sprep-link img {
    margin-right: 50px;
    margin-bottom: 0;
  }
  footer .copyright {
    flex-direction: row;
  }
  footer .two-column {
    column-count: 2;
  }
  footer .two-column svg {
    height: 130px;
    width: auto;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1024px) {
  footer .two-column svg {
    width: 14em;
  }
  footer .two-column > div {
    display: inline-flex;
  }
}

/*# sourceMappingURL=soec.style.css.map */