/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 14 June 2024 23:19:33
*/


/* Outdated print mixin */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 1.25rem;
}
body {
  color: #222;
}
a {
  color: #007eb1;
}
a:hover {
  color: #ff8100;
}
abbr {
  text-decoration: none;
}
@media only screen and (min-width: 750px) {
  .left-column {
    border-right: 1px solid #ddd;
  }
}
:focus {
  outline-color: #c00;
  outline-style: auto;
  outline-width: 1px;
}
.content-image.original img {
  width: auto;
}
.content-image.image-center.original img {
  margin: 0 auto;
}
.two-column-content {
  margin-bottom: 0;
  margin-top: 2rem;
}
.single-caption {
  padding: 0.75em 1em;
  background-color: #efefef;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 0.8em;
  color: #333;
  margin: 1rem 0;
}
blockquote {
  color: #007eb1;
}
blockquote footer {
  color: #777;
}
blockquote::after {
  color: #e6e6e6;
}
.pullquote {
  color: #007eb1;
}
dl.glossary dt, dl.glossary dd {
  padding: 0;
}
dl.glossary dd {
  margin-bottom: 1.5em;
}
dl.glossary ul:nth-of-type(1) {
  margin-bottom: 1em;
}
.main-content h1 {
  border-bottom: 2px solid #ddd;
  padding-bottom: 0.25em;
}
.main-content .content-header h1 {
  font-size: 2.5rem;
  font-weight: normal;
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
}
.main-content dt {
  padding: 0.75rem 1.25rem;
}
.main-content dt:first-child {
  padding-bottom: 0;
}
.main-content dt a.more {
  display: none;
  float: right;
  font-weight: normal;
  font-size: 0.9rem;
  text-decoration: none;
  color: #666 !important;
}
.main-content dt a.more:hover {
  text-decoration: underline;
}
.main-content dd {
  margin: 0;
  padding: 0.75rem 1.25rem;
}
.main-content dd p:last-child {
  margin: 0;
}
.main-content dd ul {
  margin-bottom: 0;
}
.main-content hr {
  border-top: 1px dashed #bbb;
}
.main-content > h2, .main-content .key-findings > h2, .main-content .box-heading, .main-content .youtube-container h2, .main-content .case-studies h2 {
  position: relative;
  padding-left: 1em;
  line-height: 1.05;
}
.main-content > h2::before, .main-content .key-findings > h2::before, .main-content .box-heading::before, .main-content .youtube-container h2::before, .main-content .case-studies h2::before, .main-content > h2::after, .main-content .key-findings > h2::after, .main-content .box-heading::after, .main-content .youtube-container h2::after, .main-content .case-studies h2::after {
  position: absolute;
  height: 100%;
  width: 15px;
  content: '';
}
.main-content > h2::before, .main-content .key-findings > h2::before, .main-content .box-heading::before, .main-content .youtube-container h2::before, .main-content .case-studies h2::before {
  top: 0;
  left: 0;
  background-color: #ddd;
}
.main-content > h2::after, .main-content .key-findings > h2::after, .main-content .box-heading::after, .main-content .youtube-container h2::after, .main-content .case-studies h2::after {
  top: -4px;
  left: -4px;
  z-index: -1;
  background-color: #ccc;
}
.main-content .key-messages {
  margin-bottom: 2em;
}
.main-content .key-messages dt {
  margin-bottom: 0.5em;
  padding-bottom: 0.35em;
  font-size: 1.17em;
}
.main-content .region-info > h4 {
  margin: 5rem 0 0 0;
  font-size: 1.1rem;
}
.main-content h4 {
  margin-bottom: 1em;
}
.main-content p ~ h3, .main-content p ~ h4 {
  margin-top: 2em;
}
.main-content h3.criteria {
  padding-bottom: 0.25em;
}
.main-content .finding-text, .main-content .programs {
  padding: 1em 1.5em;
  margin-bottom: 2em;
}
.main-content .finding-text p:last-child {
  margin: 0;
}
.main-content .key-findings .dark-heading {
  padding: 0;
}
.main-content .key-findings .dark-heading::before, .main-content .key-findings .dark-heading::after {
  display: none;
}
.main-content .findings h3 {
  font-size: 1.5em;
}
.main-content .findings .box-heading {
  padding: 0 1em;
  border-style: none;
}
.main-content .findings .box-heading + dl {
  border-top: 2px solid #aaa;
  margin-top: 0.5rem;
}
.main-content .findings, .main-content .programs {
  margin-bottom: 3em;
}
.main-content .findings dl, .main-content .programs dl {
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media only screen and (min-width: 750px) {
  .main-content .findings dl, .main-content .programs dl {
    flex-direction: row;
  }
}
@media only screen and (min-width: 750px) {
  .main-content .findings dt, .main-content .programs dt {
    width: 25%;
    border-bottom: 1px solid #e1e1e1;
  }
}
.main-content .findings dt:last-of-type, .main-content .programs dt:last-of-type {
  border-style: none;
}
.main-content .findings dd, .main-content .programs dd {
  border-bottom: 1px solid #e1e1e1;
}
@media only screen and (min-width: 750px) {
  .main-content .findings dd, .main-content .programs dd {
    width: 75%;
  }
}
.main-content .findings dd:last-of-type, .main-content .programs dd:last-of-type {
  border-style: none;
}
.main-content .findings > h3, .main-content .programs > h3 {
  border-bottom: 2px solid #aaa;
  margin-bottom: 0;
  padding: 0 1.25rem 0.35em 1.25rem;
}
.main-content .programs {
  padding-bottom: 0;
}
.main-content .programs h3 {
  padding-left: 0;
}
.main-content .programs table {
  margin: 0;
}
.main-content .programs table tbody tr td:first-child {
  padding-left: 0;
  padding-bottom: 0;
}
.biodiversity .main-content > h2, .biodiversity .main-content .key-findings > h2, .biodiversity .main-content .box-heading, .biodiversity .main-content .youtube-container h2, .biodiversity .main-content .case-studies h2 {
  color: #306910;
}
.biodiversity .main-content > h2::before, .biodiversity .main-content .key-findings > h2::before, .biodiversity .main-content .box-heading::before, .biodiversity .main-content .youtube-container h2::before, .biodiversity .main-content .case-studies h2::before {
  background-color: #6fbc44;
}
.biodiversity .main-content > h2::after, .biodiversity .main-content .key-findings > h2::after, .biodiversity .main-content .box-heading::after, .biodiversity .main-content .youtube-container h2::after, .biodiversity .main-content .case-studies h2::after {
  background-color: #b7dda2;
}
.biodiversity .main-content .key-findings > .dark-heading {
  color: #222;
}
.biodiversity .main-content a {
  color: #427429;
}
.biodiversity .main-content h3.criteria, .biodiversity .main-content .programs h3 {
  border-bottom: 2px solid #6fbc44;
}
.biodiversity .main-content .finding-text, .biodiversity .main-content .programs {
  background-color: rgba(110, 188, 68, 0.1);
  border: 1px dashed rgba(110, 188, 68, 0.5);
}
@media only screen and (min-width: 750px) {
  .biodiversity .main-content .programs table tbody tr th {
    border-bottom: 1px dashed rgba(110, 188, 68, 0.5);
  }
}
.biodiversity .main-content .programs table tbody tr td {
  border-bottom: 1px dashed rgba(110, 188, 68, 0.5);
}
.biodiversity .main-content .programs table tbody tr td:first-child {
  border-style: none;
}
@media only screen and (min-width: 750px) {
  .biodiversity .main-content .programs table tbody tr td:first-child {
    border-bottom: 1px dashed rgba(110, 188, 68, 0.5);
  }
}
.biodiversity .main-content .programs table tbody tr:last-child th, .biodiversity .main-content .programs table tbody tr:last-child td {
  border-style: none;
}
.biodiversity .main-content .key-messages dt {
  border-bottom: 2px solid #6fbc44;
}
.heritage .main-content > h2, .heritage .main-content .key-findings > h2, .heritage .main-content .box-heading, .heritage .main-content .youtube-container h2, .heritage .main-content .case-studies h2 {
  color: #bd0004;
}
.heritage .main-content > h2::before, .heritage .main-content .key-findings > h2::before, .heritage .main-content .box-heading::before, .heritage .main-content .youtube-container h2::before, .heritage .main-content .case-studies h2::before {
  background-color: #ec2428;
}
.heritage .main-content > h2::after, .heritage .main-content .key-findings > h2::after, .heritage .main-content .box-heading::after, .heritage .main-content .youtube-container h2::after, .heritage .main-content .case-studies h2::after {
  background-color: #f6987d;
}
.heritage .main-content .key-findings > .dark-heading {
  color: #222;
}
.heritage .main-content a {
  color: #bd0004;
}
.heritage .main-content h3.criteria, .heritage .main-content .programs h3 {
  border-bottom: 2px solid #ec2428;
}
.heritage .main-content .finding-text, .heritage .main-content .programs {
  background-color: rgba(236, 36, 40, 0.05);
  border: 1px dashed rgba(236, 36, 40, 0.35);
}
@media only screen and (min-width: 750px) {
  .heritage .main-content .programs table tbody tr th {
    border-bottom: 1px dashed rgba(236, 36, 40, 0.35);
  }
}
.heritage .main-content .programs table tbody tr td {
  border-bottom: 1px dashed rgba(236, 36, 40, 0.35);
}
.heritage .main-content .programs table tbody tr td:first-child {
  border-style: none;
}
@media only screen and (min-width: 750px) {
  .heritage .main-content .programs table tbody tr td:first-child {
    border-bottom: 1px dashed rgba(236, 36, 40, 0.35);
  }
}
.heritage .main-content .programs table tbody tr:last-child th, .heritage .main-content .programs table tbody tr:last-child td {
  border-style: none;
}
.heritage .main-content .key-messages dt {
  border-bottom: 2px solid #ec2428;
}
.pollution .main-content > h2, .pollution .main-content .key-findings > h2, .pollution .main-content .box-heading, .pollution .main-content .youtube-container h2, .pollution .main-content .case-studies h2 {
  color: #b74700;
}
.pollution .main-content > h2::before, .pollution .main-content .key-findings > h2::before, .pollution .main-content .box-heading::before, .pollution .main-content .youtube-container h2::before, .pollution .main-content .case-studies h2::before {
  background-color: #f17a2f;
}
.pollution .main-content > h2::after, .pollution .main-content .key-findings > h2::after, .pollution .main-content .box-heading::after, .pollution .main-content .youtube-container h2::after, .pollution .main-content .case-studies h2::after {
  background-color: #f9b88b;
}
.pollution .main-content .key-findings > .dark-heading {
  color: #222;
}
.pollution .main-content a {
  color: #b74700;
}
.pollution .main-content h3.criteria, .pollution .main-content .programs h3 {
  border-bottom: 2px solid #f17a2f;
}
.pollution .main-content .finding-text, .pollution .main-content .programs {
  background-color: rgba(241, 122, 47, 0.05);
  border: 1px dashed rgba(241, 122, 47, 0.35);
}
@media only screen and (min-width: 750px) {
  .pollution .main-content .programs table tbody tr th {
    border-bottom: 1px dashed rgba(241, 122, 47, 0.35);
  }
}
.pollution .main-content .programs table tbody tr td {
  border-bottom: 1px dashed rgba(241, 122, 47, 0.35);
}
.pollution .main-content .programs table tbody tr td:first-child {
  border-style: none;
}
@media only screen and (min-width: 750px) {
  .pollution .main-content .programs table tbody tr td:first-child {
    border-bottom: 1px dashed rgba(241, 122, 47, 0.35);
  }
}
.pollution .main-content .programs table tbody tr:last-child th, .pollution .main-content .programs table tbody tr:last-child td {
  border-style: none;
}
.pollution .main-content .key-messages dt {
  border-bottom: 2px solid #f17a2f;
}
.climate .main-content > h2, .climate .main-content .key-findings > h2, .climate .main-content .box-heading, .climate .main-content .youtube-container h2, .climate .main-content .case-studies h2 {
  color: #001865;
}
.climate .main-content > h2::before, .climate .main-content .key-findings > h2::before, .climate .main-content .box-heading::before, .climate .main-content .youtube-container h2::before, .climate .main-content .case-studies h2::before {
  background-color: #3a53a4;
}
.climate .main-content > h2::after, .climate .main-content .key-findings > h2::after, .climate .main-content .box-heading::after, .climate .main-content .youtube-container h2::after, .climate .main-content .case-studies h2::after {
  background-color: #9195ca;
}
.climate .main-content .key-findings > .dark-heading {
  color: #222;
}
.climate .main-content a {
  color: #001865;
}
.climate .main-content h3.criteria, .climate .main-content .programs h3 {
  border-bottom: 2px solid #3a53a4;
}
.climate .main-content .finding-text, .climate .main-content .programs {
  background-color: rgba(58, 83, 164, 0.05);
  border: 1px dashed rgba(58, 83, 164, 0.35);
}
@media only screen and (min-width: 750px) {
  .climate .main-content .programs table tbody tr th {
    border-bottom: 1px dashed rgba(58, 83, 164, 0.35);
  }
}
.climate .main-content .programs table tbody tr td {
  border-bottom: 1px dashed rgba(58, 83, 164, 0.35);
}
.climate .main-content .programs table tbody tr td:first-child {
  border-style: none;
}
@media only screen and (min-width: 750px) {
  .climate .main-content .programs table tbody tr td:first-child {
    border-bottom: 1px dashed rgba(58, 83, 164, 0.35);
  }
}
.climate .main-content .programs table tbody tr:last-child th, .climate .main-content .programs table tbody tr:last-child td {
  border-style: none;
}
.climate .main-content .key-messages dt {
  border-bottom: 2px solid #3a53a4;
}
.liveability .main-content > h2, .liveability .main-content .key-findings > h2, .liveability .main-content .box-heading, .liveability .main-content .youtube-container h2, .liveability .main-content .case-studies h2 {
  color: #6d1490;
}
.liveability .main-content > h2::before, .liveability .main-content .key-findings > h2::before, .liveability .main-content .box-heading::before, .liveability .main-content .youtube-container h2::before, .liveability .main-content .case-studies h2::before {
  background-color: #7f3f98;
}
.liveability .main-content > h2::after, .liveability .main-content .key-findings > h2::after, .liveability .main-content .box-heading::after, .liveability .main-content .youtube-container h2::after, .liveability .main-content .case-studies h2::after {
  background-color: #b292c4;
}
.liveability .main-content .key-findings > .dark-heading {
  color: #222;
}
.liveability .main-content a {
  color: #6d1490;
}
.liveability .main-content h3.criteria, .liveability .main-content .programs h3 {
  border-bottom: 2px solid #7f3f98;
}
.liveability .main-content .finding-text, .liveability .main-content .programs {
  background-color: rgba(127, 63, 152, 0.05);
  border: 1px dashed rgba(127, 63, 152, 0.35);
}
@media only screen and (min-width: 750px) {
  .liveability .main-content .programs table tbody tr th {
    border-bottom: 1px dashed rgba(127, 63, 152, 0.35);
  }
}
.liveability .main-content .programs table tbody tr td {
  border-bottom: 1px dashed rgba(127, 63, 152, 0.35);
}
.liveability .main-content .programs table tbody tr td:first-child {
  border-style: none;
}
@media only screen and (min-width: 750px) {
  .liveability .main-content .programs table tbody tr td:first-child {
    border-bottom: 1px dashed rgba(127, 63, 152, 0.35);
  }
}
.liveability .main-content .programs table tbody tr:last-child th, .liveability .main-content .programs table tbody tr:last-child td {
  border-style: none;
}
.liveability .main-content .key-messages dt {
  border-bottom: 2px solid #7f3f98;
}
.great-barrier-reef .main-content > h2, .great-barrier-reef .main-content .key-findings > h2, .great-barrier-reef .main-content .box-heading, .great-barrier-reef .main-content .youtube-container h2, .great-barrier-reef .main-content .case-studies h2 {
  color: #555;
}
.great-barrier-reef .main-content > h2::before, .great-barrier-reef .main-content .key-findings > h2::before, .great-barrier-reef .main-content .box-heading::before, .great-barrier-reef .main-content .youtube-container h2::before, .great-barrier-reef .main-content .case-studies h2::before {
  background-color: #00aeef;
}
.great-barrier-reef .main-content > h2::after, .great-barrier-reef .main-content .key-findings > h2::after, .great-barrier-reef .main-content .box-heading::after, .great-barrier-reef .main-content .youtube-container h2::after, .great-barrier-reef .main-content .case-studies h2::after {
  background-color: #68d6ff;
}
.great-barrier-reef .main-content .key-findings > .dark-heading {
  color: #222;
}
.great-barrier-reef .main-content a {
  color: #555;
}
.great-barrier-reef .main-content h3.criteria, .great-barrier-reef .main-content .programs h3 {
  border-bottom: 2px solid #00aeef;
}
.great-barrier-reef .main-content .finding-text, .great-barrier-reef .main-content .programs {
  background-color: rgba(0, 174, 239, 0.05);
  border: 1px dashed rgba(0, 174, 239, 0.35);
}
.great-barrier-reef .main-content .programs table tbody tr:not(:last-child) th, .great-barrier-reef .main-content .programs table tbody tr:not(:last-child) td {
  border-bottom: 1px dashed rgba(0, 174, 239, 0.35);
}
.great-barrier-reef .main-content .key-messages dt {
  border-bottom: 2px solid #00aeef;
}
.climate-change .main-content > h2, .climate-change .main-content .key-findings > h2, .climate-change .main-content .box-heading, .climate-change .main-content .youtube-container h2, .climate-change .main-content .case-studies h2 {
  color: #555;
}
.climate-change .main-content > h2::before, .climate-change .main-content .key-findings > h2::before, .climate-change .main-content .box-heading::before, .climate-change .main-content .youtube-container h2::before, .climate-change .main-content .case-studies h2::before {
  background-color: #e6007e;
}
.climate-change .main-content > h2::after, .climate-change .main-content .key-findings > h2::after, .climate-change .main-content .box-heading::after, .climate-change .main-content .youtube-container h2::after, .climate-change .main-content .case-studies h2::after {
  background-color: #ff92ce;
}
.climate-change .main-content .key-findings > .dark-heading {
  color: #222;
}
.climate-change .main-content a {
  color: #555;
}
.climate-change .main-content h3.criteria, .climate-change .main-content .programs h3 {
  border-bottom: 2px solid #e6007e;
}
.climate-change .main-content .finding-text, .climate-change .main-content .programs {
  background-color: rgba(244, 201, 0, 0.05);
  border: 1px dashed rgba(244, 201, 0, 0.35);
}
.climate-change .main-content .programs table tbody tr:not(:last-child) th, .climate-change .main-content .programs table tbody tr:not(:last-child) td {
  border-bottom: 1px dashed rgba(244, 201, 0, 0.35);
}
.climate-change .main-content .key-messages dt {
  border-bottom: 2px solid #f4c900;
}
.skip-links {
  background-color: #007eb1;
  color: #fff;
}
.skip-links a {
  color: #fff;
}
.skip-links a:hover {
  text-decoration: none;
}
header {
  background: rgba(0, 0, 0, 0.75);
  z-index: 5;
}
@media print {
  header {
    background-color: #fff;
  }
}
header .header a {
  color: #fff;
}
@media print {
  header .header a {
    color: #000;
  }
}
header .header .global-search button {
  background-color: #007eb1;
  color: #fff;
}
header .header .header-utilities {
  background-color: rgba(0, 0, 0, 0.85);
}
@media only screen and (min-width: 750px) {
  header .header .header-utilities {
    background-color: transparent;
    margin-top: 1em;
  }
}
header .header .header-utilities .icon-menu-toggle {
  background-color: #666;
}
header .header .header-utilities .icon-menu-toggle .icon-menu-bar {
  background-color: #fff;
}
header .header .header-utilities .icon-menu-toggle.active {
  background-color: #c00;
}
header .header .header-utilities .utilities > li {
  border-right: 1px solid #666;
}
.biodiversity .header .global-search button {
  background-color: #6ebc44;
}
.heritage .header .global-search button {
  background-color: #ec2428;
}
.pollution .header .global-search button {
  background-color: #f17a2f;
}
.climate .header .global-search button {
  background-color: #3a53a4;
}
.liveability .header .global-search button {
  background-color: #7f3f98;
}
.great-barrier-reef .header .global-search button {
  background-color: #00aeef;
}
.climate-change .header .global-search button {
  background-color: #e6007e;
}
@media only screen and (min-width: 1000px) {
  .biodiversity .primary-nav-container:hover {
    background-color: rgba(28, 80, 0, 0.85);
  }
  .heritage .primary-nav-container:hover {
    background-color: rgba(93, 0, 2, 0.85);
  }
  .pollution .primary-nav-container:hover {
    background-color: rgba(111, 43, 0, 0.85);
  }
  .climate .primary-nav-container:hover {
    background-color: rgba(1, 19, 78, 0.85);
  }
  .liveability .primary-nav-container:hover {
    background-color: rgba(56, 0, 78, 0.85);
  }
  .great-barrier-reef .primary-nav-container:hover {
    background-color: rgba(0, 70, 97, 0.85);
  }
  .climate-change .primary-nav-container:hover {
    background-color: rgba(103, 0, 56, 0.85);
  }
}
.primary-nav-container {
  background-color: #333;
  position: absolute;
  top: 180px;
  left: 0;
  width: 100%;
  z-index: 500;
}
@media only screen and (min-width: 1000px) {
  .primary-nav-container {
    position: static;
    background-color: rgba(0, 0, 0, 0.85);
    transition: all 0.5s ease;
  }
}
@media only screen and (min-width: 1000px) {
  .primary-nav-container .primary-nav.simple > li:nth-child(10) {
    margin-left: 4rem;
  }
  .primary-nav-container .primary-nav.simple > li:nth-child(10) a, .primary-nav-container .primary-nav.simple > li:nth-child(11) a, .primary-nav-container .primary-nav.simple > li:nth-child(12) a {
    color: #ccc;
  }
  .primary-nav-container .primary-nav.simple > li:nth-child(10) a:hover, .primary-nav-container .primary-nav.simple > li:nth-child(11) a:hover, .primary-nav-container .primary-nav.simple > li:nth-child(12) a:hover {
    color: #111;
  }
  .primary-nav-container .primary-nav .primary-sub-nav a {
    white-space: nowrap;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .primary-nav-container .primary-nav.simple > li:nth-child(10) {
    margin: 0;
  }
  .primary-nav-container .primary-nav.simple > li > a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    line-height: 1.2;
  }
}
.primary-nav-container .primary-nav li {
  transition: all 0.1s ease;
}
.primary-nav-container .primary-nav > li:hover {
  background-color: #fff;
}
.primary-nav-container .primary-nav li a {
  color: #fff;
}
.primary-nav-container .primary-nav > li:hover > a {
  color: #111;
}
.primary-nav-container .primary-nav .mobile {
  background-color: #444;
}
.primary-nav-container .primary-nav.simple .primary-sub-nav > li {
  background-color: #222;
}
.primary-nav-container .primary-nav.simple .primary-sub-nav > li:hover {
  background-color: #444;
}
.primary-nav-container .primary-nav.mega .primary-sub-nav {
  background-color: #111;
}
.primary-nav-container .primary-nav.mega .sub-nav-topics {
  color: #999;
}
.biodiversity .section-nav h3 a {
  background-color: #60a53b;
  /* a unique color needed because of accessibility contrast */
}
.biodiversity .section-nav h3 a::after {
  background-color: #b7dda2;
}
.biodiversity .section-nav .secondary-nav .active > a {
  background-color: #e9f5e3;
  color: #306910;
}
.heritage .section-nav h3 a {
  background-color: #ec2428;
}
.heritage .section-nav h3 a::after {
  background-color: #f6987d;
}
.heritage .section-nav .secondary-nav .active > a {
  background-color: #fdddd0;
  color: #bd0004;
}
.pollution .section-nav h3 a {
  background-color: #ef6f1f;
  /* a unique color needed because of accessibility contrast */
}
.pollution .section-nav h3 a::after {
  background-color: #f9b88b;
}
.pollution .section-nav .secondary-nav .active > a {
  background-color: #fee7d6;
  color: #b34400;
  /* a unique color needed because of accessibility contrast */
}
.climate .section-nav h3 a {
  background-color: #3a53a4;
}
.climate .section-nav h3 a::after {
  background-color: #9195ca;
}
.climate .section-nav .secondary-nav .active > a {
  background-color: #d8d9ed;
  color: #3a53a4;
}
.liveability .section-nav h3 a {
  background-color: #7f3f98;
}
.liveability .section-nav h3 a::after {
  background-color: #b292c4;
}
.liveability .section-nav .secondary-nav .active > a {
  background-color: #e2d9ec;
  color: #7f3f98;
}
.great-barrier-reef .section-nav h3 a {
  background-color: #00aeef;
}
.great-barrier-reef .section-nav h3 a::after {
  background-color: #68d6ff;
}
.great-barrier-reef .section-nav .secondary-nav .active > a {
  background-color: #d4effc;
  color: #008ec3;
}
.climate-change .section-nav h3 a {
  background-color: #e6007e;
}
.climate-change .section-nav h3 a::after {
  background-color: #ff92ce;
}
.climate-change .section-nav .secondary-nav .active > a {
  background-color: #fcdfeb;
  color: #b90065;
}
.section-nav h3 a {
  color: #fff;
  background-color: #007eb1;
  position: relative;
  padding: 0.5em 1em;
}
.section-nav h3 a::after {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 45px;
  height: 45px;
  content: '';
  z-index: -1;
  background-color: #39afe0;
}
.section-nav h3 a:hover {
  color: #fff;
}
.section-nav a {
  color: #111;
}
.section-nav a:hover {
  color: #111;
}
.section-nav .secondary-nav a {
  position: relative;
}
.section-nav .secondary-nav a::after {
  background-color: #bbb;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  display: block;
  background-color: #bbb;
  content: "";
  transition: width 0.1s ease;
}
.section-nav .secondary-nav a:hover {
  background-color: #fff;
}
.section-nav .secondary-nav a:hover::after {
  width: 6px;
}
.section-nav .secondary-nav .active > a {
  background-color: #eee;
}
.section-nav .secondary-nav .secondary-sub-nav > li a {
  padding-left: 3em;
}
.section-nav .secondary-nav .secondary-sub-nav > li > a {
  border-bottom: 1px dotted #ccc;
}
body * {
  -webkit-tap-highlight-color: transparent;
}
.home {
  background: linear-gradient(transparent 50%, #fff 75%), url('https://www.stateoftheenvironment.des.qld.gov.au/__data/assets/image/0011/1457174/homepage.jpg') 0 0 no-repeat #fff;
  background-size: cover;
}
.homepage-logos {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  margin: 1em 0 2.5em 0;
}
@media only screen and (min-width: 750px) {
  .homepage-logos {
    flex-direction: row;
  }
}
.homepage-logos .soe-logo, .homepage-logos .aoc-logo {
  display: block;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.75));
}
@media only screen and (max-width: 749px) {
  .homepage-logos .soe-logo {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .homepage-logos .soe-logo {
    margin-right: 1rem;
    width: calc(50% - 1rem);
  }
  .homepage-logos a {
    margin-left: 1rem;
    width: calc(50% - 1rem);
  }
}
.main-content {
  flex-grow: 1;
}
div + h3 {
  margin-top: 3rem;
}
.subFindingCheckBox {
  list-style-type: none;
  margin: 0 0 3rem 1.5rem;
  padding: 0;
  column-count: 2;
}
.subFindingCheckBox label {
  cursor: pointer;
  margin-left: 0.35rem;
}
.mr-content {
  margin-bottom: 2rem;
}
.sub-themes {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1em 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (min-width: 750px) {
  .sub-themes {
    margin: 0 0 2em 0;
  }
}
.sub-themes .tile {
  text-align: center;
  padding: 0;
  margin-bottom: 2.5em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 750px) {
  .sub-themes .tile {
    width: 50%;
    padding: 0 2em;
  }
}
.sub-themes .tile img {
  margin: 0 auto 4px auto;
}
.sub-themes .tile h2 {
  line-height: 1.2;
  margin-bottom: 0.5em;
}
.sub-themes .tile h2 a {
  text-decoration: none;
}
.sub-themes .tile h2 a:hover {
  text-decoration: underline;
}
.sub-themes .tile .more {
  display: block;
  padding: 0.75em 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background-color: #fafafa;
  color: #545454;
  text-decoration: none;
}
.sub-themes .tile .more:hover {
  text-decoration: underline;
}
.case-studies {
  margin-top: 4rem;
  margin-bottom: 2em;
}
.content-header {
  overflow: hidden;
  border-bottom: 7px solid #ccc;
  margin-bottom: 0.5em;
}
.content-header .container {
  position: relative;
  height: 282px;
}
@media only screen and (min-width: 750px) {
  .content-header .container {
    height: 420px;
  }
}
.content-header h1 {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: calc(100% + 1.75rem);
  margin: 0 auto 0 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-style: none;
  padding: 0.75rem 1.25rem;
  line-height: 1.15;
  z-index: 2;
}
@media only screen and (min-width: 750px) {
  .content-header h1 {
    left: 20%;
    right: 0;
    padding: 0.75rem 8rem 0.75rem 2.5rem;
    height: 110px;
    align-items: flex-end;
    line-height: 1.4;
  }
}
.content-header.case-study h1 {
  left: 12rem;
}
.content.case-study .main-content {
  padding-left: 15rem;
}
.icon-panel {
  display: none;
}
@media only screen and (min-width: 1555px) {
  .icon-panel {
    position: absolute;
    top: 350px;
    right: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #eee;
    z-index: 50;
    display: flex;
    flex-direction: column;
  }
  .icon-panel.offset {
    top: 460px;
  }
  .icon-panel li {
    width: 110px;
    height: 110px;
    padding: 10px;
  }
  .icon-panel img {
    margin: 0 auto;
    width: 90px;
    opacity: 0.5;
  }
  .icon-panel li:nth-child(1) {
    order: 1;
  }
  .icon-panel li:nth-child(1) img {
    filter: grayscale(1) brightness(20);
    opacity: 1;
  }
  .icon-panel .active {
    order: 2 !important;
  }
  .icon-panel .active img {
    filter: grayscale(1) brightness(20);
    opacity: 1;
  }
  .icon-panel li:nth-child(2) {
    order: 20;
  }
  .icon-panel li:nth-child(3) {
    order: 30;
  }
  .icon-panel li:nth-child(4) {
    order: 40;
  }
  .icon-panel li:nth-child(5) {
    order: 50;
  }
}
.programs table > tbody > tr > td {
  display: block;
  padding: 0.75rem 0;
}
@media only screen and (min-width: 750px) {
  .programs table > tbody > tr > td {
    display: table-cell;
    padding: 0.75rem 1rem;
  }
}
.programs table > tbody > tr > td:first-child {
  font-weight: bold;
}
@media only screen and (min-width: 750px) {
  .programs table > tbody > tr > td:first-child {
    width: 25%;
  }
}
@media only screen and (min-width: 750px) {
  .biodiversity .left-column {
    border-right: 1px solid #b7dda2;
  }
}
.biodiversity .content-header {
  border-bottom: 7px solid #6ebc44;
}
.biodiversity .icon-panel {
  background-color: #e9f5e3;
}
.biodiversity .icon-panel li:nth-child(1) {
  background-color: #6ebc44;
}
.biodiversity .icon-panel .active {
  background-color: #b7dda2;
}
@media only screen and (min-width: 750px) {
  .heritage .left-column {
    border-right: 1px solid #f6987d;
  }
}
.heritage .content-header {
  border-bottom: 7px solid #ec2428;
}
.heritage .icon-panel {
  background-color: #fdddd0;
}
.heritage .icon-panel li:nth-child(1) {
  background-color: #ec2428;
}
.heritage .icon-panel .active {
  background-color: #f6987d;
}
@media only screen and (min-width: 750px) {
  .pollution .left-column {
    border-right: 1px solid #f9b88b;
  }
}
.pollution .content-header {
  border-bottom: 7px solid #f17a2f;
}
.pollution .icon-panel {
  background-color: #fee7d6;
}
.pollution .icon-panel li:nth-child(1) {
  background-color: #f17a2f;
}
.pollution .icon-panel .active {
  background-color: #f9b88b;
}
@media only screen and (min-width: 750px) {
  .climate .left-column {
    border-right: 1px solid #9195ca;
  }
}
.climate .content-header {
  border-bottom: 7px solid #3a53a4;
}
.climate .icon-panel {
  background-color: #d8d9ed;
}
.climate .icon-panel li:nth-child(1) {
  background-color: #3a53a4;
}
.climate .icon-panel .active {
  background-color: #9195ca;
}
@media only screen and (min-width: 750px) {
  .liveability .left-column {
    border-right: 1px solid #b292c4;
  }
}
.liveability .content-header {
  border-bottom: 7px solid #7f3f98;
}
.liveability .icon-panel {
  background-color: #e2d9ec;
}
.liveability .icon-panel li:nth-child(1) {
  background-color: #7f3f98;
}
.liveability .icon-panel .active {
  background-color: #b292c4;
}
@media only screen and (min-width: 750px) {
  .great-barrier-reef .left-column {
    border-right: 1px solid #68d6ff;
  }
}
.great-barrier-reef .content-header {
  border-bottom: 7px solid #00aeef;
}
.great-barrier-reef .icon-panel {
  background-color: #d4effc;
}
.great-barrier-reef .icon-panel li:nth-child(1) {
  background-color: #00aeef;
}
.great-barrier-reef .icon-panel .active {
  background-color: #68d6ff;
}
@media only screen and (min-width: 750px) {
  .climate-change .left-column {
    border-right: 1px solid #ff92ce;
  }
}
.climate-change .content-header {
  border-bottom: 7px solid #e6007e;
}
.climate-change .icon-panel {
  background-color: #fcdfeb;
}
.climate-change .icon-panel li:nth-child(1) {
  background-color: #e6007e;
}
.climate-change .icon-panel .active {
  background-color: #ff92ce;
}
/* About Us styling */
.highlight-content {
  background-color: #f6f6f6;
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
  margin-bottom: 1rem;
}
.highlight-content p:last-child {
  margin: 0;
}
.highlight-content a {
  color: #0079a8;
}
.explore-panel {
  padding: 1.5rem 2.5rem;
  font-style: italic;
  font-size: 1.5rem;
  border-top: 4px solid #999;
  border-bottom: 4px solid #999;
  margin: 3rem 0;
  text-align: center;
  color: #666;
}
.explore-panel p:last-child {
  margin: 0;
}
fieldset.about-theme {
  border: 2px solid #ccc;
  padding: 0 1.5rem 1.5rem 1.5rem;
  margin-bottom: 2rem;
}
fieldset.about-theme legend {
  padding-left: 1rem;
  padding-right: 1rem;
}
fieldset.about-theme legend h3 {
  margin: 0 0 0.5rem 0;
}
fieldset.about-theme legend a {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
}
fieldset.about-theme legend a:hover {
  text-decoration: underline;
}
fieldset.about-theme img {
  max-height: 60px;
  width: auto;
  margin-right: 0.75rem;
}
fieldset.about-theme.about-theme-biodiversity {
  border-color: #6ebc44;
}
fieldset.about-theme.about-theme-biodiversity legend a {
  color: #306910;
}
fieldset.about-theme.about-theme-heritage {
  border-color: #ec2428;
}
fieldset.about-theme.about-theme-heritage legend a {
  color: #bd0004;
}
fieldset.about-theme.about-theme-pollution {
  border-color: #f17a2f;
}
fieldset.about-theme.about-theme-pollution legend a {
  color: #b74700;
}
fieldset.about-theme.about-theme-climate {
  border-color: #3a53a4;
}
fieldset.about-theme.about-theme-climate legend a {
  color: #3a53a4;
}
fieldset.about-theme.about-theme-liveability {
  border-color: #7f3f98;
}
fieldset.about-theme.about-theme-liveability legend a {
  color: #7f3f98;
}
fieldset.about-theme.about-theme-great-barrier-reef {
  border-color: #00aeef;
}
fieldset.about-theme.about-theme-great-barrier-reef legend a {
  color: #008ec3;
}
fieldset.about-theme.about-theme-climate-change {
  border-color: #e6007e;
}
fieldset.about-theme.about-theme-climate-change legend a {
  color: #b90065;
}
h3 + .conditions-container {
  margin: 0 0 2rem 0.25rem;
}
.conditions-container {
  margin: 3rem 0 0 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (min-width: 750px) {
  .conditions-container {
    display: flex;
  }
}
.conditions-container .condition-dial {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 750px) {
  .conditions-container .condition-dial {
    width: 275px;
  }
}
.conditions-container .condition-dial img {
  margin-left: 12px;
}
.conditions-container .condition-dial .rank {
  display: block;
  margin-top: 0.75rem;
  font-weight: bold;
  text-align: center;
}
.conditions-container .condition-dial .rank.letter {
  font-size: 6rem;
}
.conditions-container .condition-dial .rank.smaller {
  font-size: 1.25rem;
}
.conditions-container .rankings {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (min-width: 750px) {
  .conditions-container .rankings {
    margin-left: 2rem;
  }
}
.conditions-container .rankings h4 {
  margin-bottom: 0;
}
.conditions-container .rankings ul {
  list-style-type: disc;
  margin-bottom: 1rem;
}
.conditions-container .rankings p {
  margin: 0;
}
.soe-summary {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 3rem;
}
@media only screen and (min-width: 750px) {
  .soe-summary {
    margin-top: 6.5rem;
  }
}
.soe-summary::after {
  position: absolute;
  top: 3.5rem;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  /*
   background-color: #edf8fe;
   border-top: 1px solid #daedf4;
   border-bottom: 1px solid #daedf4;
   */
  width: 100%;
  height: 220px;
  z-index: -1;
  content: '';
}
.soe-summary .soe-summary-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}
@media only screen and (min-width: 750px) {
  .soe-summary .soe-summary-container {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1000px) {
  .soe-summary .soe-summary-container {
    width: 800px;
    margin: 0 auto;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .soe-summary .soe-summary-container {
    justify-content: flex-start;
  }
}
.soe-summary .soe-summary-container .soe-cover-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .soe-summary .soe-summary-container .soe-cover-image {
    margin-left: 220px;
  }
}
.soe-summary .soe-summary-container .soe-cover-image a {
  display: block;
  border: 3px solid #fff;
  transform: rotate(0);
  /*transform: rotate(-3deg);*/
  transition: all 0.15s ease;
}
.soe-summary .soe-summary-container .soe-cover-image a:hover {
  transform: rotate(-5deg);
}
@media only screen and (min-width: 750px) {
  .soe-summary .soe-summary-container .soe-summary-text {
    margin-left: 2.5rem;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .soe-summary .soe-summary-container .soe-summary-text {
    width: 330px;
  }
}
.soe-summary .soe-summary-container .soe-summary-text .soe-summary-logo {
  width: 275px;
  margin: 2rem auto 0 auto;
  display: block;
}
@media only screen and (min-width: 750px) {
  .soe-summary .soe-summary-container .soe-summary-text .soe-summary-logo {
    margin: 3.5rem 0 0 0;
  }
}
.soe-summary .soe-summary-container .soe-summary-text .soe-pdf-icon {
  float: left;
  margin-right: 1rem;
  width: 75px;
}
.soe-summary .soe-summary-container .soe-summary-text p {
  margin: 0;
  padding-top: 0.75rem;
}
.pdf-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}
@media only screen and (min-width: 750px) {
  .pdf-panel {
    margin: 0 auto;
    flex-direction: row;
    width: 75%;
  }
}
.pdf-panel .pdf-cover {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdf-panel .pdf-cover a {
  display: block;
  border: 3px solid #fff;
  transform: rotate(0);
  /*transform: rotate(-3deg);*/
  transition: all 0.15s ease;
  max-width: 250px;
}
@media only screen and (max-width: 749px) {
  .pdf-panel .pdf-cover a {
    max-width: 200px;
  }
}
.pdf-panel .pdf-cover a:hover {
  transform: rotate(-5deg);
}
.pdf-panel .pdf-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 749px) {
  .pdf-panel .pdf-text {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 750px) {
  .pdf-panel .pdf-text {
    max-width: 425px;
    margin-left: 2.5rem;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .pdf-panel .pdf-text {
    width: 330px;
  }
}
.pdf-panel .pdf-text .pdf-logo {
  display: block;
  margin-bottom: 1rem;
  align-self: start;
}
.pdf-panel .pdf-text .pdf-icon {
  float: left;
  margin: 1rem 1rem 1rem 0;
  width: 35px;
  align-self: start;
}
@media only screen and (min-width: 750px) {
  .pdf-panel .pdf-text .pdf-icon {
    width: 75px;
    margin: 0 1rem 1rem 0;
  }
}
.pdf-panel .pdf-text p {
  margin: 0;
  padding-top: 0.75rem;
}
@media only screen and (min-width: 1555px) {
  body::before {
    position: fixed;
    top: 0;
    right: 0;
    width: 110px;
    height: 100%;
    content: '';
    z-index: -1;
  }
  body.biodiversity::before {
    background-color: #e9f5e3;
  }
  body.heritage::before {
    background-color: #fdddd0;
  }
  body.pollution::before {
    background-color: #fee7d6;
  }
  body.climate::before {
    background-color: #d8d9ed;
  }
  body.liveability::before {
    background-color: #e2d9ec;
  }
  body.great-barrier-reef::before {
    background-color: #d4effc;
  }
  body.climate-change::before {
    background-color: #fcdfeb;
  }
}
.tile-listing {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 750px) {
  .tile-listing {
    margin: 0 -20px 6em -20px;
    flex-direction: row;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .tile-listing {
    margin: 0 -10px 6em -10px;
    flex-direction: row;
  }
}
.tile-listing .tile {
  width: 100%;
  margin: 0 0 20px 0;
  box-shadow: 0 16px 13px 0 rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 22, 54, 0.55);
}
@media only screen and (min-width: 750px) {
  .tile-listing .tile {
    margin: 0 20px;
    width: calc(20% - 40px);
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .tile-listing .tile {
    margin: 0 10px;
    width: calc(20% - 20px);
  }
}
@media only screen and (min-width: 1000px) {
  .tile-listing .tile:hover .tile-head {
    transform: scale(1.075);
    box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.15);
  }
}
.tile-listing .tile .tile-head {
  display: block;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
  transition: all 0.15s ease;
  z-index: 1;
}
.tile-listing .tile .tile-head a {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5em 0.75em;
  color: #fff;
  text-decoration: none;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 750px) {
  .tile-listing .tile .tile-head a {
    display: block;
    padding: 0.75em 0.75em 0.5em 0.75em;
  }
}
.tile-listing .tile .tile-head h2 {
  font-size: 1.2rem;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
  margin: 0;
}
@media only screen and (min-width: 750px) {
  .tile-listing .tile .tile-head h2 {
    margin: 0.4rem 0 0 0;
  }
}
.tile-listing .tile .tile-head .disc {
  width: 44px;
  height: 44px;
  margin-right: 1rem;
  background-color: #fff;
  border-radius: 50%;
  padding: 1px;
}
@media only screen and (min-width: 750px) {
  .tile-listing .tile .tile-head .disc {
    width: 110px;
    height: 110px;
    margin: 0 auto;
  }
}
.tile-listing .tile .tile-head .overlay {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  width: 240px;
  height: 240px;
  opacity: 0.08;
  transform: translateX(-50%);
}
.tile-listing .tile .tile-head .overlay img {
  filter: grayscale(1) brightness(20);
  width: 100%;
}
.tile-listing .tile.biodiversity .tile-head {
  background-color: #5ea63a;
}
.tile-listing .tile.heritage .tile-head {
  background-color: #ec2027;
}
.tile-listing .tile.pollution .tile-head {
  background-color: #f26b18;
}
.tile-listing .tile.climate .tile-head {
  background-color: #3a54a4;
}
.tile-listing .tile.liveability .tile-head {
  background-color: #82358c;
}
.tile-listing .tile .tile-foot {
  padding: 0 1.5rem;
}
@media only screen and (min-width: 750px) {
  .tile-listing .tile .tile-foot {
    padding: 0.5em 1em 1em 1em;
  }
}
.tile-listing .tile .tile-foot ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 750px) {
  .tile-listing .tile .tile-foot ul {
    margin: 0.25em 0 0 0;
  }
}
.tile-listing .tile .tile-foot ul li {
  padding: 0.5em;
  text-align: center;
}
.tile-listing .tile .tile-foot ul li:not(:last-child) {
  border-bottom: 1px dotted #406e9e;
}
.tile-listing .tile .tile-foot ul a {
  color: #fff;
  font-size: 1.1rem;
  text-decoration: none;
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .tile-listing .tile .tile-foot ul a {
    font-size: 0.9rem;
  }
}
.tile-listing .tile .tile-foot ul a:hover {
  text-decoration: underline;
}
.tab-listing {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.tab-listing .tile {
  background-color: #fff;
  width: calc(20% - 20px);
  margin: 0 20px 0 0;
  position: relative;
}
.tab-listing .tile .tile-head {
  display: block;
  position: relative;
  overflow: hidden;
  transition: all 0.15s ease;
  z-index: 1;
}
.tab-listing .tile .tile-head a {
  display: block;
  padding: 0.75em 0.75em 0.5em 0.75em;
  color: #fff;
  text-decoration: none;
  position: relative;
  z-index: 3;
}
.tab-listing .tile .tile-head h2 {
  font-size: 1.15rem;
  text-align: center;
  margin: 0.4rem 0 0 0;
}
.tab-listing .tile .tile-head .disc {
  width: 110px;
  height: 110px;
  background-color: #fff;
  border-radius: 50%;
  padding: 1px;
  margin: 0 auto;
}
.tab-listing .tile.biodiversity .tile-head {
  background-color: #6dbd45;
}
.tab-listing .tile.heritage .tile-head {
  background-color: #ec2027;
}
.tab-listing .tile.pollution .tile-head {
  background-color: #f48641;
}
.tab-listing .tile.climate .tile-head {
  background-color: #3a54a4;
}
.tab-listing .tile.liveability .tile-head {
  background-color: #82358c;
}
.tab-listing-content {
  list-style-type: none;
  margin: 0 0 6em 0;
  padding: 0;
  width: 100%;
  height: 200px;
}
.tab-listing-content li {
  display: none;
  background-color: #fff;
}
.tab-listing-content .tile-content-biodiversity {
  display: block;
}
.sub-theme-panel {
  background-color: rgba(0, 22, 54, 0.55);
  width: 100vw;
  padding: 1.5rem;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 2.5rem;
}
@media only screen and (min-width: 750px) {
  .sub-theme-panel {
    margin-top: 5.5rem;
  }
}
.sub-theme-panel .container {
  height: 100%;
}
.sub-theme-panel .tile {
  width: 100%;
  display: flex;
  padding: 0.5em 0.75em;
  align-items: center;
  margin-bottom: 1rem;
  text-align: center;
  transition: all 0.15s ease;
}
@media only screen and (min-width: 750px) {
  .sub-theme-panel .tile {
    display: block;
    width: 175px;
    height: 175px;
    padding-top: 0.85em;
    margin: 0;
  }
}
.sub-theme-panel .tile.great-barrier-reef {
  background-color: transparent;
  /* background-color: #00aeef; */
}
.sub-theme-panel .tile.climate-change {
  background-color: transparent;
  /* background-color: #f4c900; */
}
.sub-theme-panel .tile a {
  color: #fff;
  text-decoration: none;
  font-size: 1.15rem;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}
@media only screen and (min-width: 750px) {
  .sub-theme-panel .tile a {
    font-size: 1.1rem;
    opacity: 0.9;
  }
}
.sub-theme-panel .tile .icon {
  margin-right: 1rem;
  background-color: #fff;
  border-radius: 50%;
  padding: 2px;
  width: 44px;
  height: 44px;
}
@media only screen and (min-width: 750px) {
  .sub-theme-panel .tile .icon {
    margin: 0 auto 0.5em auto;
    padding: 4px 0 0 4px;
    width: 118px;
    height: 118px;
  }
}
@media only screen and (min-width: 750px) {
  .sub-theme-panel .tile:hover {
    transform: scale(1.075);
    /* box-shadow: 0 10px 5px -5px rgba(0,0,0,0.15); */
  }
}
.sub-theme-panel ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 100%;
}
@media only screen and (min-width: 750px) {
  .sub-theme-panel ul {
    flex-direction: row;
  }
}
.sub-theme-panel ul .small-tile {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .sub-theme-panel ul .small-tile {
    width: 20%;
  }
}
.sub-theme-panel ul .small-tile:nth-child(1) {
  order: 2;
}
@media only screen and (min-width: 750px) {
  .sub-theme-panel ul .small-tile:nth-child(1) {
    order: 1;
  }
}
.sub-theme-panel ul .small-tile:nth-child(3) {
  order: 3;
}
.sub-theme-panel ul .intro {
  order: 1;
  width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 1.35em;
  color: #fff;
  font-style: italic;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  padding: 0 1.5em;
}
@media only screen and (min-width: 750px) {
  .sub-theme-panel ul .intro {
    order: 2;
    width: 60%;
    font-size: 1.75em;
    margin: 0;
  }
}
.breadcrumbs {
  border-bottom: 1px solid #ccc;
  padding: 0.5em 0;
  margin-bottom: 0.5em;
}
.breadcrumbs li:not(:last-child)::after {
  color: #bbb;
}
.breadcrumbs a, .breadcrumbs a:active, .breadcrumbs a:visited {
  color: #111;
}
.page-index .page-index-item .index-image {
  background-color: #eee;
  box-shadow: inset 0 0 10px -4px rgba(0, 0, 0, 0.25);
}
.page-index .page-index-item .index-image img {
  transition: all 0.75s ease-in-out;
  transform: scale(1);
}
.page-index .page-index-item .index-image img:hover {
  transform: scale(1.1);
}
.module {
  border-top: 5px solid #007eb1;
  background-color: #f6f6f6;
}
/* _accordions.scss */
.accordion-container {
  margin-bottom: 2rem;
}
.accordion-container + .accordion-container {
  margin-top: -2rem;
}
.accordion {
  margin: 0;
}
.accordion .accordion-item .accordion-title {
  color: #555;
  border-bottom: 1px solid #ddd;
  padding: 0.75em 2.5em 0.75em 0.75em;
}
.accordion .accordion-item .accordion-title .toggle::after {
  display: flex;
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 1.1em;
  content: '+';
  transition: all 0.1s ease;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #aaa;
  color: #aaa;
}
.accordion .accordion-item .accordion-title:hover, .accordion .accordion-item .accordion-title:hover .toggle::after {
  color: #007eb1;
}
.accordion .accordion-item .accordion-title:hover .toggle::after {
  border-color: #007eb1;
}
.accordion .accordion-item.active .accordion-title, .accordion .accordion-item.active .accordion-title .toggle::after {
  color: #007eb1;
  border-color: #007eb1;
  border-width: 2px;
  content: "−";
}
.accordion .accordion-item ul {
  list-style-type: disc;
  margin-bottom: 1rem;
}
.accordion .accordion-item ol {
  margin-bottom: 1rem;
}
body.biodiversity .accordion .accordion-item.active h3 {
  color: #306910;
}
body.biodiversity .accordion .accordion-item .accordion-title {
  border-color: #e9f5e3;
}
body.biodiversity .accordion .accordion-item .accordion-title .toggle::after {
  color: #4d832f;
  border-color: #4d832f;
}
body.biodiversity .accordion .accordion-item .accordion-title:hover, body.biodiversity .accordion .accordion-item .accordion-title:hover .toggle::after {
  color: #306910;
}
body.heritage .accordion .accordion-item.active .accordion-title {
  color: #bd0004;
}
body.heritage .accordion .accordion-item .accordion-title {
  border-color: #fdddd0;
}
body.heritage .accordion .accordion-item .accordion-title .toggle::after {
  color: #ec2428;
  border-color: #ec2428;
}
body.heritage .accordion .accordion-item .accordion-title:hover, body.heritage .accordion .accordion-item .accordion-title:hover .toggle::after {
  color: #bd0004;
}
body.pollution .accordion .accordion-item.active .accordion-title {
  color: #b74700;
}
body.pollution .accordion .accordion-item .accordion-title {
  border-color: #fee7d6;
}
body.pollution .accordion .accordion-item .accordion-title .toggle::after {
  color: #f17a2f;
  border-color: #f17a2f;
}
body.pollution .accordion .accordion-item .accordion-title:hover, body.pollution .accordion .accordion-item .accordion-title:hover .toggle::after {
  color: #b74700;
}
body.climate .accordion .accordion-item.active .accordion-title {
  color: #3a53a4;
}
body.climate .accordion .accordion-item .accordion-title {
  border-color: #d8d9ed;
}
body.climate .accordion .accordion-item .accordion-title .toggle::after {
  color: #3a53a4;
  border-color: #3a53a4;
}
body.climate .accordion .accordion-item .accordion-title:hover, body.climate .accordion .accordion-item .accordion-title:hover .toggle::after {
  color: #3a53a4;
}
body.liveability .accordion .accordion-item.active .accordion-title {
  color: #7f3f98;
}
body.liveability .accordion .accordion-item .accordion-title {
  border-color: #e2d9ec;
}
body.liveability .accordion .accordion-item .accordion-title .toggle::after {
  color: #7f3f98;
  border-color: #7f3f98;
}
body.liveability .accordion .accordion-item .accordion-title:hover, body.liveability .accordion .accordion-item .accordion-title:hover .toggle::after {
  color: #7f3f98;
}
body.great-barrier-reef .accordion .accordion-item.active .accordion-title {
  color: #008ec3;
}
body.great-barrier-reef .accordion .accordion-item .accordion-title {
  border-color: #d4effc;
}
body.great-barrier-reef .accordion .accordion-item .accordion-title .toggle::after {
  color: #00aeef;
  border-color: #00aeef;
}
body.great-barrier-reef .accordion .accordion-item .accordion-title:hover, body.great-barrier-reef .accordion .accordion-item .accordion-title:hover .toggle::after {
  color: #008ec3;
}
body.climate-change .accordion .accordion-item.active .accordion-title {
  color: #b90065;
}
body.climate-change .accordion .accordion-item .accordion-title {
  border-color: #ff92ce;
}
body.climate-change .accordion .accordion-item .accordion-title .toggle::after {
  color: #333;
  border-color: #999;
  /*color: $climate-change;
   border-color: $climate-change;*/
}
body.climate-change .accordion .accordion-item .accordion-title:hover, body.climate-change .accordion .accordion-item .accordion-title:hover .toggle::after {
  color: #b90065;
}
body.climate-change .accordion .accordion-item .accordion-content a, body.climate-change .accordion .accordion-item .accordion-content a:hover {
  color: #b90065;
}
/*~ _accordions.scss */
table td.num, table th.num {
  text-align: right;
}
table thead th {
  border-bottom: 2px solid #999;
}
table tbody th {
  font-weight: bold;
}
table tbody td p:last-child {
  margin-bottom: 0;
}
table tfoot th, table tfoot td {
  border-top: 2px solid #999;
  font-weight: bold;
}
table caption {
  color: #777;
  font-size: 0.8rem;
}
table .left {
  text-align: left !important;
}
table .center, table tr.center td, table tr.center th {
  text-align: center;
}
table .right {
  text-align: right;
}
table.zebra tbody th, table.zebra tbody td {
  border-bottom: 1px solid #e6e6e6;
  padding: 0.5em 1em;
}
table.zebra tbody tr:nth-child(even) th, table.zebra tbody tr:nth-child(even) td {
  background-color: #f6f6f6;
}
table.assessment tbody th, table.assessment tbody td {
  padding: 1em;
}
.biodiversity .zebra tbody th, .biodiversity .zebra tbody td {
  border-bottom: 1px solid rgba(110, 188, 68, 0.2);
}
.biodiversity .zebra tbody tr:nth-child(even) th, .biodiversity .zebra tbody tr:nth-child(even) td {
  background-color: #f8fcf5;
}
.biodiversity .zebra tfoot th, .biodiversity .zebra thead th, .biodiversity .zebra tfoot td, .biodiversity .zebra thead td {
  border-color: #6ebc44;
}
.heritage .zebra tbody th, .heritage .zebra tbody td {
  border-bottom: 1px solid rgba(236, 36, 40, 0.2);
}
.heritage .zebra tbody tr:nth-child(even) th, .heritage .zebra tbody tr:nth-child(even) td {
  background-color: #fef4f4;
}
.heritage .zebra tfoot th, .heritage .zebra thead th, .heritage .zebra tfoot td, .heritage .zebra thead td {
  border-color: #ec2428;
}
.pollution .zebra tbody th, .pollution .zebra tbody td {
  border-bottom: 1px solid rgba(241, 122, 47, 0.2);
}
.pollution .zebra tbody tr:nth-child(even) th, .pollution .zebra tbody tr:nth-child(even) td {
  background-color: #fef8f4;
}
.pollution .zebra tfoot th, .pollution .zebra thead th, .pollution .zebra tfoot td, .pollution .zebra thead td {
  border-color: #f17a2f;
}
.climate .zebra tbody th, .climate .zebra tbody td {
  border-bottom: 1px solid rgba(58, 83, 164, 0.2);
}
.climate .zebra tbody tr:nth-child(even) th, .climate .zebra tbody tr:nth-child(even) td {
  background-color: #f5f6fa;
}
.climate .zebra tfoot th, .climate .zebra thead th, .climate .zebra tfoot td, .climate .zebra thead td {
  border-color: #3a53a4;
}
.liveability .zebra tbody th, .liveability .zebra tbody td {
  border-bottom: 1px solid rgba(127, 63, 152, 0.2);
}
.liveability .zebra tbody tr:nth-child(even) th, .liveability .zebra tbody tr:nth-child(even) td {
  background-color: #f8f5fa;
}
.liveability .zebra tfoot th, .liveability .zebra thead th, .liveability .zebra tfoot td, .liveability .zebra thead td {
  border-color: #7f3f98;
}
.responsive-table.sticky thead tr th:first-child::after, .responsive-table.sticky tbody tr th:first-child::after, .responsive-table.sticky tbody tr td:first-child::after, .responsive-table.sticky tfoot tr th:first-child::after {
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  width: 1px;
  border-right: 1px solid #ccc;
  content: '';
}
.biodiversity .sticky thead tr th:first-child::after, .biodiversity .sticky tbody tr th:first-child::after, .biodiversity .sticky tbody tr td:first-child::after, .biodiversity .sticky tfoot tr th:first-child::after {
  border-right: 1px solid rgba(110, 188, 68, 0.2);
}
.heritage .sticky thead tr th:first-child::after, .heritage .sticky tbody tr th:first-child::after, .heritage .sticky tbody tr td:first-child::after, .heritage .sticky tfoot tr th:first-child::after {
  border-right: 1px solid rgba(236, 36, 40, 0.2);
}
.pollution .sticky thead tr th:first-child::after, .pollution .sticky tbody tr th:first-child::after, .pollution .sticky tbody tr td:first-child::after, .pollution .sticky tfoot tr th:first-child::after {
  border-right: 1px solid rgba(241, 122, 47, 0.2);
}
.climate .sticky thead tr th:first-child::after, .climate .sticky tbody tr th:first-child::after, .climate .sticky tbody tr td:first-child::after, .climate .sticky tfoot tr th:first-child::after {
  border-right: 1px solid rgba(58, 83, 164, 0.2);
}
.liveability .sticky thead tr th:first-child::after, .liveability .sticky tbody tr th:first-child::after, .liveability .sticky tbody tr td:first-child::after, .liveability .sticky tfoot tr th:first-child::after {
  border-right: 1px solid rgba(127, 63, 152, 0.2);
}
.species-group-checkbox-list {
  margin-bottom: 2em;
}
.summary-table-title {
  font-weight: bold;
  text-align: center;
}
.accordion.sdg {
  margin: 2em 0;
  padding: 0;
}
@media only screen and (min-width: 750px) {
  .accordion.sdg {
    padding: 0 5em;
  }
}
.accordion.sdg .accordion-item {
  margin: 0 0 1rem 0;
}
.accordion.sdg .accordion-item h3 {
  margin: 0;
}
.accordion.sdg .accordion-item h3 .accordion-trigger {
  display: block;
  margin: 0;
}
.accordion.sdg .accordion-item h3 .accordion-title {
  margin: 0;
  padding: 0;
  border-style: none;
}
.accordion.sdg .accordion-item h3 .accordion-title:hover {
  color: #fff;
}
.accordion.sdg .accordion-item h3 .accordion-title:hover .toggle::after {
  color: #fff;
}
.accordion.sdg .accordion-item h3 .toggle {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2.5em;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.15s ease;
}
.accordion.sdg .accordion-item h3 .toggle:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.accordion.sdg .accordion-item h3 .toggle::after {
  background-color: transparent;
  color: #fff;
  border: none;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  line-height: 1;
  content: "\f078";
}
.accordion.sdg .accordion-item.active .toggle::after {
  color: #fff;
  border-color: #fff;
  content: "\f077";
}
.accordion.sdg .accordion-item .accordion-content {
  padding: 0;
  overflow-x: auto;
}
.accordion.sdg .accordion-item img {
  width: 100%;
  display: block;
}
.accordion.sdg .accordion-item .no-report {
  margin-bottom: 2em;
}
.sdg-table {
  margin-bottom: 1em;
  border: 2px solid #ddd;
}
.sdg-table caption {
  font-style: italic;
  padding: 0.5rem 1rem;
}
.sdg-table thead th {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  line-height: 1.1;
}
.sdg-table thead th:nth-child(3) {
  width: 35%;
}
.sdg-table thead th:nth-child(4) {
  width: 20%;
}
.sdg-table tbody td {
  border: 1px solid #ddd;
  line-height: 1.3;
}
.sdg-table.goal-1 {
  border-color: #e02b40;
}
.sdg-table.goal-1 caption {
  border-left: 2px solid #e02b40;
  border-right: 2px solid #e02b40;
}
.sdg-table.goal-1 thead th, .sdg-table.goal-1 tbody td {
  border-color: #e02b40;
}
.sdg-table.goal-2 {
  border-color: #d19f2a;
}
.sdg-table.goal-2 caption {
  border-left: 2px solid #d19f2a;
  border-right: 2px solid #d19f2a;
}
.sdg-table.goal-2 thead th, .sdg-table.goal-2 tbody td {
  border-color: #d19f2a;
}
.sdg-table.goal-3 {
  border-color: #4c9f38;
}
.sdg-table.goal-3 caption {
  border-left: 2px solid #4c9f38;
  border-right: 2px solid #4c9f38;
}
.sdg-table.goal-3 thead th, .sdg-table.goal-3 tbody td {
  border-color: #4c9f38;
}
.sdg-table.goal-4 {
  border-color: #c5192d;
}
.sdg-table.goal-4 caption {
  border-left: 2px solid #c5192d;
  border-right: 2px solid #c5192d;
}
.sdg-table.goal-4 thead th, .sdg-table.goal-4 tbody td {
  border-color: #c5192d;
}
.sdg-table.goal-5 {
  border-color: #ff3a21;
}
.sdg-table.goal-5 caption {
  border-left: 2px solid #ff3a21;
  border-right: 2px solid #ff3a21;
}
.sdg-table.goal-5 thead th, .sdg-table.goal-5 tbody td {
  border-color: #ff3a21;
}
.sdg-table.goal-6 {
  border-color: #27bde2;
}
.sdg-table.goal-6 caption {
  border-left: 2px solid #27bde2;
  border-right: 2px solid #27bde2;
}
.sdg-table.goal-6 thead th, .sdg-table.goal-6 tbody td {
  border-color: #27bde2;
}
.sdg-table.goal-7 {
  border-color: #fcc312;
}
.sdg-table.goal-7 caption {
  border-left: 2px solid #fcc312;
  border-right: 2px solid #fcc312;
}
.sdg-table.goal-7 thead th, .sdg-table.goal-7 tbody td {
  border-color: #fcc312;
}
.sdg-table.goal-8 {
  border-color: #a21942;
}
.sdg-table.goal-8 caption {
  border-left: 2px solid #a21942;
  border-right: 2px solid #a21942;
}
.sdg-table.goal-8 thead th, .sdg-table.goal-8 tbody td {
  border-color: #a21942;
}
.sdg-table.goal-9 {
  border-color: #fd6925;
}
.sdg-table.goal-9 caption {
  border-left: 2px solid #fd6925;
  border-right: 2px solid #fd6925;
}
.sdg-table.goal-9 thead th, .sdg-table.goal-9 tbody td {
  border-color: #fd6925;
}
.sdg-table.goal-10 {
  border-color: #dd1367;
}
.sdg-table.goal-10 caption {
  border-left: 2px solid #dd1367;
  border-right: 2px solid #dd1367;
}
.sdg-table.goal-10 thead th, .sdg-table.goal-10 tbody td {
  border-color: #dd1367;
}
.sdg-table.goal-11 {
  border-color: #fd9d24;
}
.sdg-table.goal-11 caption {
  border-left: 2px solid #fd9d24;
  border-right: 2px solid #fd9d24;
}
.sdg-table.goal-11 thead th, .sdg-table.goal-11 tbody td {
  border-color: #fd9d24;
}
.sdg-table.goal-12 {
  border-color: #bf8b2e;
}
.sdg-table.goal-12 caption {
  border-left: 2px solid #bf8b2e;
  border-right: 2px solid #bf8b2e;
}
.sdg-table.goal-12 thead th, .sdg-table.goal-12 tbody td {
  border-color: #bf8b2e;
}
.sdg-table.goal-13 {
  border-color: #48773c;
}
.sdg-table.goal-13 caption {
  border-left: 2px solid #48773c;
  border-right: 2px solid #48773c;
}
.sdg-table.goal-13 thead th, .sdg-table.goal-13 tbody td {
  border-color: #48773c;
}
.sdg-table.goal-14 {
  border-color: #007dbb;
}
.sdg-table.goal-14 caption {
  border-left: 2px solid #007dbb;
  border-right: 2px solid #007dbb;
}
.sdg-table.goal-14 thead th, .sdg-table.goal-14 tbody td {
  border-color: #007dbb;
}
.sdg-table.goal-15 {
  border-color: #40ae49;
}
.sdg-table.goal-15 caption {
  border-left: 2px solid #40ae49;
  border-right: 2px solid #40ae49;
}
.sdg-table.goal-15 thead th, .sdg-table.goal-15 tbody td {
  border-color: #40ae49;
}
.sdg-table.goal-16 {
  border-color: #00558a;
}
.sdg-table.goal-16 caption {
  border-left: 2px solid #00558a;
  border-right: 2px solid #00558a;
}
.sdg-table.goal-16 thead th, .sdg-table.goal-16 tbody td {
  border-color: #00558a;
}
.sdg-table.goal-17 {
  border-color: #1a3668;
}
.sdg-table.goal-17 caption {
  border-left: 2px solid #1a3668;
  border-right: 2px solid #1a3668;
}
.sdg-table.goal-17 thead th, .sdg-table.goal-17 tbody td {
  border-color: #1a3668;
}
.sdg-table ul {
  list-style-type: square;
  margin: 0 0 0 1.2em;
}
.sdg-table ul li {
  margin-bottom: 0.35em;
}
ol.sdg-list {
  margin-bottom: 2em;
}
ol.sdg-list li {
  font-weight: bold;
  margin: 0;
  padding: 0.75em 1em;
}
ol.sdg-list li h4 {
  margin-bottom: 0;
}
ol.sdg-list li p {
  font-weight: normal;
  margin: 0;
}
ol.sdg-list li:nth-child(even) {
  background-color: #f6f6f6;
}
.sdg-panel, .finding-sdg-panel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 -0.25rem 1rem -0.25rem !important;
  justify-content: center;
}
@media only screen and (min-width: 750px) {
  .sdg-panel, .finding-sdg-panel {
    justify-content: start;
  }
}
.sdg-panel li, .finding-sdg-panel li {
  width: 75px;
  height: 75px;
  margin: 0.25rem;
  transform: scale(1);
  transition: all 0.1s ease;
}
.sdg-panel li:hover, .finding-sdg-panel li:hover {
  transform: scale(1.1);
}
.sdg-panel img, .finding-sdg-panel img {
  max-width: 100%;
  max-height: 100%;
}
.finding-sdg-panel {
  margin-top: 2rem;
}
ul + .sdg-panel {
  margin-top: 2rem;
}
.sdg-title {
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
.sdg-title + .finding-sdg-panel {
  margin-top: 0;
}
/* _forms.scss */
form .sq-form-required-field {
  color: #d00;
  text-decoration: none;
  font-size: 1.1em;
}
form input[type="text"], form input[type="email"], form input[type="tel"], form input[type="password"], form input[type="file"], form input[type="search"], form textarea, form select {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  color: #555;
}
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="tel"]:focus, form input[type="password"]:focus, form input[type="file"]:focus, form input[type="search"]:focus, form textarea:focus, form select:focus {
  border-color: #007eb1;
  box-shadow: 0 0 3px 0 #11ceb4;
  color: #111;
  outline: none;
}
form input[type="text"]:disabled, form input[type="email"]:disabled, form input[type="tel"]:disabled, form input[type="password"]:disabled, form input[type="file"]:disabled, form input[type="search"]:focus, form textarea:disabled, form select:disabled {
  background-color: #e5e5e5;
  color: #666;
}
form button, form input[type="button"], form input[type="submit"], form input[type="reset"] {
  border-radius: 4px;
  background-color: #1d5c86;
  color: #fff;
}
form input[type="reset"] {
  background-color: #c0392b;
}
form button:hover, form input[type="button"]:hover, form input[type="submit"]:hover {
  background-color: #3498db;
}
form input[type="reset"]:hover {
  background-color: #e74c3c;
}
form fieldset {
  border-style: none;
  padding: 0;
  /*
   background-color: #fff;
   border: 1px solid #aaa;
   border-bottom-width: 2px;
   */
}
form fieldset legend {
  font-weight: 700;
  background-color: #fff;
}
form .sq-form-section-title {
  color: #007eb1;
  font-size: 1.1em;
  margin: 0.5em 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ddd;
  display: block;
  width: 100%;
}
form .sq-form-error {
  color: #c0392b;
  background-color: rgba(192, 57, 43, 0.065);
  border-left: 6px solid #c0392b;
}
/*~ _forms.scss */
/* alerts */
/* by Glen Lewis */
.alert {
  border: 1px solid #aaa;
  border-left-width: 8px;
  border-radius: 0 3px 3px 0;
}
.alert.info {
  border-color: #2980b9;
}
.alert.warning {
  border-color: #f39c12;
}
.alert.danger {
  border-color: #c0392b;
}
.alert.success {
  border-color: #27ae60;
}
.alert.info::after {
  color: #2980b9;
}
.alert.warning::after {
  color: #f39c12;
}
.alert.danger::after {
  color: #c0392b;
}
.alert.success::after {
  color: #27ae60;
}
.social {
  display: flex;
  flex-direction: row;
  margin: 0 0 1em 0;
  padding: 0;
  list-style-type: none;
  overflow: visible;
  justify-content: center;
}
@media print {
  .social {
    display: none;
  }
}
.social li {
  width: 40px;
  height: 40px;
  margin: 0.1em;
}
.social a {
  margin-bottom: 1em;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.social a.facebook {
  background-color: #3b5998;
}
.social a.twitter {
  background-color: #1da1f2;
}
.social a.linkedin {
  background-color: #0e76a8;
}
.social a.share {
  background-color: #6adc32;
}
.social a.print {
  background-color: #ff9000;
}
.social a.email {
  background-color: #c00;
}
.social a span {
  color: #fff;
  transition: color 0.15s ease;
}
.social a:hover {
  background-color: #111;
}
@media only screen and (min-width: 750px) {
  .main-content .social {
    justify-content: flex-end;
  }
}
.content-footer {
  margin-top: 4em;
  display: flex;
  flex-direction: column;
  align-items: center;
  clear: both;
  color: #555;
}
@media only screen and (min-width: 750px) {
  .content-footer {
    flex-direction: row;
  }
}
.content-footer .last-updated {
  font-size: 0.85em;
  margin: 0;
}
@media only screen and (min-width: 750px) {
  .content-footer .last-updated {
    width: 50%;
  }
}
.pagination li a {
  border: 1px solid #ccc;
}
.pagination li a:hover {
  background-color: #f1f1f1;
  border-color: #aaa;
  color: #007eb1;
}
.pagination li a:active, .pagination li.active a:hover, .pagination li.active a {
  border-color: #007eb1;
  background-color: #007eb1;
  color: #fff;
}
.pagination.glossary {
  margin-bottom: 2em;
}
.contact-footer-container .contact-footer a {
  color: #111;
}
.contact-footer-container .contact-footer .social {
  width: 100%;
  justify-content: center;
}
@media print {
  .contact-footer-container .contact-footer .social {
    display: none;
  }
}
.fat-footer {
  background-color: #333;
  color: #fff;
}
.fat-footer h3 {
  border-bottom: 1px solid #777;
}
.fat-footer h3 button {
  color: #fff;
}
.fat-footer h3 button::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
.fat-footer h3 a {
  color: #fff;
}
.fat-footer a {
  color: #ccc;
  transition: all 0.15s ease;
}
.fat-footer a:hover {
  color: #fff;
}
.footer .container {
  border-top: 2px solid #ccc;
  padding-top: 1em;
}
footer.footer .footer-links li:not(:last-child) {
  border-right: 1px solid #999;
}
@media print {
  footer.footer .footer-links li:not(:last-child) {
    border-style: none;
  }
}
footer.footer a, footer.footer a:active, footer.footer a:visited {
  color: #000;
}
.news-article .news-date {
  font-size: 0.9em;
  color: #666;
}
.news-article .news-summary {
  font-weight: bold;
}
.news-listing {
  background-color: #f6f6f6;
  border: 1px solid #e6e6e6;
  border-top-width: 2px;
}
.news-listing .news-item {
  border: 1px solid #e6e6e6;
  border-bottom-width: 2px;
}
.news-listing .news-item .news-image {
  background-color: #e6e6e6;
}
.news-listing .news-item .news-summary {
  background-color: #fff;
}
.news-listing .news-item .news-summary .news-date {
  font-size: 0.9em;
  color: #666;
}
.youtube-container {
  margin-bottom: 4rem;
}
.youtube-container .youtube-video {
  margin: 0 auto;
  color: #fff;
}
.youtube-container .youtube-video a {
  color: #fff !important;
  font-size: 2em;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
}
.youtube-container + p {
  margin-top: -2rem;
}
.home .youtube-container {
  margin: 3rem auto 0 auto;
}
@media only screen and (min-width: 750px) {
  .home .youtube-container {
    margin: 5rem auto 4rem auto;
  }
}
.home .youtube-container h2 {
  margin: 0 0 1.5rem 0;
  padding: 0;
  text-align: center;
  color: #1a3777;
}
.home .youtube-container h2::before, .home .youtube-container h2::after {
  display: none;
}
.home .youtube-container .youtube-video {
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .home .youtube-container .youtube-video {
    width: 60%;
  }
}
.home .youtube-container .youtube-video a {
  border: 3px solid #fff;
}
.biodiversity .youtube-video {
  border-bottom: 4px solid #6ebc44;
}
.heritage .youtube-video {
  border-bottom: 4px solid #ec2428;
}
.pollution .youtube-video {
  border-bottom: 4px solid #f17a2f;
}
.climate .youtube-video {
  border-bottom: 4px solid #3a53a4;
}
.liveability .youtube-video {
  border-bottom: 4px solid #7f3f98;
}
.great-barrier-reef .youtube-video {
  border-bottom: 4px solid #00aeef;
}
.climate-change .youtube-video {
  border-bottom: 4px solid #e6007e;
}
.chart-tabs {
  list-style-type: none;
  padding: 0;
  margin: 1.5em 0 1em 0;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  font-size: 14px;
}
.chart-tabs > li {
  padding-bottom: 0 !important;
  cursor: pointer;
}
.chart-tabs span {
  display: block;
  padding: 0.5em 0.75em;
  text-decoration: none;
  color: #757575;
  transition: all 0.15s ease;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
.chart-tabs span:hover {
  color: #555;
  border-bottom: 1px solid #555;
  margin-bottom: -1px;
}
.chart-tabs .active span {
  color: #fff;
  background-color: #666;
}
.chart-table {
  margin-bottom: 3em;
}
@media only screen and (min-width: 750px) {
  .chart-table {
    padding: 0 1.5em;
  }
}
.chart-table > div {
  display: block;
}
.chart-table > div.inactive {
  display: none;
}
.chart-table h6 {
  text-align: center;
  color: #444;
}
.chart-table + .table-note {
  margin-top: -3rem;
  font-size: 0.85rem;
}
#regionCheckboxes {
  list-style-type: none;
}
#regionCheckboxes label {
  margin-left: 0.25rem;
  cursor: pointer;
}
/* _maps.scss */
.indicators {
  clear: both;
  margin-top: 1.5em;
}
.biodiversity .checkbox-panel h3 {
  color: #306910;
}
.biodiversity .subregion-info {
  border-bottom-color: #6ebc44;
}
.biodiversity .regiontabs {
  border: 1px solid #b7dda2;
  background-color: rgba(110, 188, 68, 0.1);
}
.biodiversity .regiontabs .regionlink-tabs {
  border-bottom: 1px solid #6ebc44;
}
.biodiversity .regiontabs .regionlink-tabs span {
  color: #4d832f;
  background-color: rgba(77, 131, 47, 0.1);
  /* #4D832F; */
}
.biodiversity .regiontabs .regionlink-tabs span:hover {
  color: #427429;
}
.biodiversity .regiontabs .regionlink-tabs .active span {
  background-color: #4d832f;
}
.biodiversity .regiontabs .regionlink-tabs .active span:hover {
  color: #fff;
}
.biodiversity .regiontabs .map-list {
  border: 1px solid #b7dda2;
  background-color: rgba(183, 221, 162, 0.25);
}
.heritage .checkbox-panel h3 {
  color: #bd0004;
}
.heritage .subregion-info {
  border-bottom-color: #ec2428;
}
.heritage .regiontabs {
  border: 1px solid rgba(236, 36, 40, 0.2);
  background-color: rgba(236, 36, 40, 0.1);
}
.heritage .regiontabs .regionlink-tabs {
  border-bottom: 1px solid #ec2428;
}
.heritage .regiontabs .regionlink-tabs span {
  color: #eb1418;
  background-color: rgba(235, 20, 24, 0.1);
}
.heritage .regiontabs .regionlink-tabs span:hover {
  color: #bd0004;
}
.heritage .regiontabs .regionlink-tabs .active span {
  background-color: #eb1418;
}
.heritage .regiontabs .regionlink-tabs .active span:hover {
  color: #fff;
}
.heritage .regiontabs .map-list {
  border: 1px solid rgba(236, 36, 40, 0.15);
  background-color: rgba(236, 36, 40, 0.05);
}
.pollution .checkbox-panel h3 {
  color: #b74700;
}
.pollution .subregion-info {
  border-bottom-color: #f17a2f;
}
.pollution .regiontabs {
  border: 1px solid rgba(241, 122, 47, 0.15);
  background-color: rgba(241, 122, 47, 0.05);
}
.pollution .regiontabs .regionlink-tabs {
  border-bottom: 1px solid #f17a2f;
}
.pollution .regiontabs .regionlink-tabs span {
  color: #f17a2f;
  background-color: rgba(241, 122, 47, 0.125);
}
.pollution .regiontabs .regionlink-tabs span:hover {
  color: #b74700;
}
.pollution .regiontabs .regionlink-tabs .active span {
  background-color: #f17a2f;
}
.pollution .regiontabs .regionlink-tabs .active span:hover {
  color: #fff;
}
.pollution .regiontabs .map-list {
  border: 1px solid rgba(241, 122, 47, 0.15);
  background-color: rgba(241, 122, 47, 0.05);
}
.climate .checkbox-panel h3 {
  color: #3a53a4;
}
.climate .subregion-info {
  border-bottom-color: #3a53a4;
}
.climate .regiontabs {
  border: 1px solid rgba(58, 83, 164, 0.15);
  background-color: rgba(58, 83, 164, 0.05);
}
.climate .regiontabs .regionlink-tabs {
  border-bottom: 1px solid #3a53a4;
}
.climate .regiontabs .regionlink-tabs span {
  color: #3a53a4;
  background-color: rgba(58, 83, 164, 0.125);
}
.climate .regiontabs .regionlink-tabs span:hover {
  color: #001865;
  background-color: rgba(58, 83, 164, 0.2);
}
.climate .regiontabs .regionlink-tabs .active span {
  background-color: #3a53a4;
}
.climate .regiontabs .regionlink-tabs .active span:hover {
  color: #fff;
}
.climate .regiontabs .map-list {
  border: 1px solid rgba(58, 83, 164, 0.15);
  background-color: rgba(58, 83, 164, 0.05);
}
.liveability .checkbox-panel h3 {
  color: #7f3f98;
}
.liveability .subregion-info {
  border-bottom-color: #7f3f98;
}
.liveability .regiontabs {
  border: 1px solid rgba(127, 63, 152, 0.15);
  background-color: rgba(127, 63, 152, 0.05);
}
.liveability .regiontabs .regionlink-tabs {
  border-bottom: 1px solid #7f3f98;
}
.liveability .regiontabs .regionlink-tabs span {
  color: #7f3f98;
  background-color: rgba(127, 63, 152, 0.125);
}
.liveability .regiontabs .regionlink-tabs span:hover {
  color: #7f3f98;
  background-color: rgba(127, 63, 152, 0.2);
}
.liveability .regiontabs .regionlink-tabs .active span {
  background-color: #7f3f98;
}
.liveability .regiontabs .regionlink-tabs .active span:hover {
  color: #fff;
}
.liveability .regiontabs .map-list {
  border: 1px solid rgba(127, 63, 152, 0.15);
  background-color: rgba(127, 63, 152, 0.05);
}
.regiontabs {
  margin: 0 0 1.5rem 0;
  border: 1px solid #ccc;
  padding: 1em;
}
@media only screen and (min-width: 750px) {
  .regiontabs {
    width: 50%;
    float: right;
    margin: 0 0 1em 1em;
  }
}
.regiontabs h4 {
  margin: 0;
}
.regiontabs p.regionlinks {
  margin-bottom: 0.75em;
}
.regiontabs .regionlinks .long {
  margin: 0 0 0 1.5em;
}
.regiontabs .regionlinks .long .current {
  font-weight: bold;
}
.regiontabs .regionlinks.list {
  padding: 1em;
}
.regiontabs .regionlink-tabs {
  list-style-type: none;
  padding: 0;
  margin: 0 0 1em 0;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  font-size: 14px;
}
.regiontabs .regionlink-tabs > li {
  padding-bottom: 0 !important;
  cursor: pointer;
}
.regiontabs .regionlink-tabs span {
  display: block;
  padding: 0.5em 0.75em;
  text-decoration: none;
  color: #757575;
  background-color: white;
  transition: all 0.15s ease;
  margin-bottom: -1px;
  border-bottom: 1px solid #ccc;
}
.regiontabs .regionlink-tabs span:hover {
  border-bottom-color: #757575;
  margin-bottom: -1px;
}
.regiontabs .regionlink-tabs .active span {
  color: white;
  background-color: #757575;
}
.regiontabs #map-canvas {
  height: 600px;
}
.regiontabs .map-list {
  margin-bottom: 1em;
}
.regiontabs .map-list > div {
  display: block;
}
.regiontabs .map-list .inactive {
  display: none;
}
.regiontabs .caption {
  margin: 0;
  text-align: center;
  font-size: 0.85em;
  color: #555;
}
.checkbox-panel {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  padding: 1rem 1.25rem;
  margin: 2rem 0;
}
.checkbox-panel .checkbox-list {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 1.5rem;
}
@media only screen and (min-width: 750px) {
  .checkbox-panel .checkbox-list {
    columns: 2;
  }
}
.checkbox-panel .checkbox-list label {
  margin-left: 0.25rem;
}
p + .subregion-info {
  margin-top: 2.5rem;
}
.subregion-info {
  padding: 0 1rem;
  margin-bottom: 2.5rem;
  border-bottom: 2px solid #dadada;
}
.map-list .infobox {
  background: rgba(255, 255, 255, 0.85);
  padding: 0.3em 0.5em;
  font-size: 0.95rem;
  text-align: center;
  width: 40%;
  margin-top: 0.8em;
  margin-right: 0.8em;
}
/*~ _maps.scss */
.image-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 463px;
  background-size: cover;
  background-color: #fff;
  z-index: 1;
  content: '';
}
@media only screen and (min-width: 750px) {
  .image-banner {
    height: 570px;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .image-banner {
    height: 586px;
  }
}
.image-banner .image-rights {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  display: flex;
  flex-direction: column;
  font-size: 0.75em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
  opacity: 0;
  padding: 0.25em;
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .image-banner .image-rights {
    top: auto;
    bottom: -56px;
    max-width: 20%;
    width: auto;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .image-banner .image-rights {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .image-banner .image-rights {
    max-width: 25%;
  }
}
.image-banner .image-rights .owner {
  flex-direction: column;
  align-items: flex-start;
}
.image-banner .image-rights .owner .location {
  font-weight: bold;
  font-size: 1.05em;
}
.image-banner:hover .image-rights {
  top: 181px;
  opacity: 1;
}
@media only screen and (min-width: 750px) {
  .image-banner:hover .image-rights {
    top: auto;
    bottom: 0;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .image-banner:hover .image-rights {
    top: 166px;
    bottom: auto;
  }
}
.parallax-mirror {
  z-index: -1 !important;
  background-color: #fff;
}
.assessment {
  margin-bottom: 3rem;
}
.assessment caption {
  text-align: left;
  font-size: 1.15rem;
  color: #111;
  padding: 0.5rem 0;
}
.assessment td {
  width: 25%;
}
.assessment th:nth-child(2), .assessment td:nth-child(2), .assessment th:nth-child(3), .assessment td:nth-child(3), .assessment th:nth-child(4), .assessment td:nth-child(4) {
  text-align: center;
}
.assessment th:nth-child(2) img, .assessment td:nth-child(2) img, .assessment th:nth-child(3) img, .assessment td:nth-child(3) img, .assessment th:nth-child(4) img, .assessment td:nth-child(4) img {
  margin: 0 auto;
}
.assessment-grade {
  list-style-type: none;
  margin: 0 -1.5px 0.5rem -1.5px;
  padding: 0;
  display: flex;
  width: 100%;
}
.assessment-grade.four li {
  width: calc(25% - 3px);
}
.assessment-grade.four li:nth-child(1) {
  background-color: #bf1e2e;
}
.assessment-grade.four li:nth-child(2) {
  background-color: #f29e46;
}
.assessment-grade.four li:nth-child(3) {
  background-color: #87c24f;
}
.assessment-grade.four li:nth-child(4) {
  background-color: #009245;
}
.assessment-grade.four li.marker::before {
  width: 2rem;
  height: 2rem;
}
.assessment-grade.four li.middle::before {
  left: 105%;
  z-index: 50;
}
.assessment-grade.four li.middle::after {
  left: 103%;
  z-index: 60;
}
.assessment-grade.five li {
  width: calc(20% - 3px);
}
.assessment-grade.five li:nth-child(1) {
  background-color: #bf1e2e;
}
.assessment-grade.five li:nth-child(2) {
  background-color: #f29e46;
}
.assessment-grade.five li:nth-child(3) {
  background-color: #c3bc5f;
}
.assessment-grade.five li:nth-child(4) {
  background-color: #87c24f;
}
.assessment-grade.five li:nth-child(5) {
  background-color: #009245;
}
.assessment-grade.five li.marker::before {
  width: 2rem;
  height: 2rem;
}
.assessment-grade.five li.up::after {
  left: 52%;
}
.assessment-grade.five li.down::after {
  left: 48%;
}
.assessment-grade.five li.minus::after {
  left: 48%;
}
.assessment-grade li {
  position: relative;
  height: 1.25rem;
  margin: 1.5px;
  background-color: #eee;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.assessment-grade li::before {
  z-index: 50;
}
.assessment-grade li::after {
  z-index: 60;
}
.assessment-grade li::before, .assessment-grade li::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.assessment-grade li.marker::before {
  border-radius: 50%;
  background-color: #fff;
  content: '';
  border: 1px solid #666;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.assessment-grade li.up::after, .assessment-grade li.down::after, .assessment-grade li.minus::after {
  color: #111;
  font-weight: bold;
  font-size: 1.35rem;
  font-family: "Font Awesome 5 Free";
  left: 50%;
}
.assessment-grade li.up::after {
  content: '\f054';
  left: 53%;
}
.assessment-grade li.down::after {
  content: '\f053';
  left: 49%;
}
.assessment-grade li.minus::after {
  content: '\f068';
}
.grade-text {
  font-size: 0.9rem;
  line-height: 1.3;
}