@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700,700i&display=swap);
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/* shared across all reports */

/* NORMAL DESKTOP SCREEN */
html {
    font-family: sans-serif;
    line-height: 1.15;
}
body {
  color: rgb(50, 50, 50);
  background-color: rgb(241, 241, 241);
  font-family: Source Sans Pro, sans-serif;
  /* font-size: 1rem; */
  font-weight: 400;
  line-height: 1.5;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
body > div.container-fluid.main-container {
  padding: 0px !important;
  max-width: 100% !important;
}
body > div.container-fluid.main-container > nav {
  margin-bottom: 15px !important;
}
body > div.container-fluid.main-container > nav > div.container-fluid {
  max-width: 1400px !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px !important;
}
body > div.container-fluid.main-container > div.section {
  background-color: #fff;
  max-width: 1400px !important;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}
@media only screen and (max-width: 1430px) {
  body > div.container-fluid.main-container > div.section {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body > div.container-fluid.main-container > div.section ~ div.section {
  /* tilde applies to all but first child */
  padding-top: 0px;
}
div.section > h1,
div.section > h2,
div.section > h3,
h3.modal-title,
div.section > h4,
div.section > h5,
div.section > h6,
body > div.container-fluid.main-container > nav > div > a.navbar-brand {
  color: #174a5b;
  font-weight: 700;
}

body > div.container-fluid.main-container > nav > div > a.navbar-brand > img {
  padding: 8px 0;
  margin-right: 10px;
}
#navbarSupportedContent > ul > li {
  margin-left: 6px;
  margin-right: 6px;
}
#navbarSupportedContent > ul > li.dropdown {
  max-width: calc(100vw - 48px);

}
#navbarSupportedContent > ul > li > a.nav-link {
  color: #174a5b;
  font-family: Source Sans Pro, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  -webkit-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .2s ease;
  line-height: 22px;
  padding: 20px 16px;
}
#navbarSupportedContent > ul > li.nav-item > a.nav-link:hover,
#navbarSupportedContent > ul > li.nav-item > a.nav-link.active,
#navbarSupportedContent > ul > li.nav-item > a.nav-link.dropdown-toggle.show {
  background-color: #174a5b !important;
  color: #ffffff;
}
#navbarSupportedContent > ul > li > ul.dropdown-menu.show {
  border: none;
  background-color: #174a5b;
  border-radius: 0px;
  top: 74px;
  padding: 8px;
  padding-top: 4px;
  z-index: 2000;
}
#navbarSupportedContent > ul > li > ul.dropdown-menu > li.dropdown-title {
  white-space: normal;
  color: #ffffff;
  font-weight: 700;
  margin-top: 6px;
  padding: 4px 8px 0px 2px;
}
#navbarSupportedContent > ul > li > ul.dropdown-menu > li > a.dropdown-item {
  white-space: normal;
  color: #ffffff;
  font-weight: 700;
  -webkit-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
  margin-top: 6px;
  padding: 4px 8px;
} 
#navbarSupportedContent > ul > li > ul.dropdown-menu > li > a.dropdown-item:hover,
#navbarSupportedContent > ul > li > ul.dropdown-menu > li > a.dropdown-item.active {
  background-color: #fff!important;
  color: #174a5b;
}
#navbarSupportedContent > ul > li > ul.dropdown-menu > li > hr.dropdown-divider {
  margin-top: 16px;
  color: #fff;
  height: 2px;
  opacity: 1;
}

/* COLLAPSED TO HAMBURGER */

body > div.container-fluid.main-container > nav > div > button.navbar-toggler {
  background-color: #174a5b;
}
body > div.container-fluid.main-container > nav > div > button.navbar-toggler > span.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28255,255,255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
body > div.container-fluid.main-container > nav > div > button.navbar-toggler[aria-expanded="true"] > span.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28255,255,255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M 6 7 l 18 16 M 6 23 l 18 -16'/%3e%3c/svg%3e");
}

/* equiv to #navbaSup... just for when hamburged */
div.navbar-collapse.collapse.show,
div.navbar-collapse.collapsing {
  margin-top: 6px;
}
div.navbar-collapse.collapse.show > ul > li > ul.dropdown-menu.show,
div.navbar-collapse.collapsing > ul > li > ul.dropdown-menu.show {
  padding-top: 1px !important;
} 

/* BREADCRUMBS DIV */
#nav-breadcrumbs {
  background-color: #fff;
  margin-top: -15px;
  margin-bottom: 15px;
  border-top: 1px solid #f1f1f1;
  padding: 12px 0px;
}
#nav-breadcrumbs > div {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px;
}
.gwrc-home-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 30'%3e%3cpath fill='rgb%2823,74,91%29' d='M 17 4 L 3 16 L 7 16 L 7 27 L 14 27 L 14 19 L 20 19 L 20 27 L 27 27 L 27 16 L 31 16 Z'/%3e%3c/svg%3e");
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin-right: 1px;
  margin-bottom: 3px;
}

/* LINES */
hr {
  /* background-color: #323232; */
  /* color: #323232; */
  margin: 10px 0px;
  /* overflow-x: visible; */
  /* overflow-y: visible; */
  opacity: 0.99;
}

/* CONTENT TABS AND PILLS */
.nav-tabs {
  width: 100%;
  text-align: center;
}
.nav-tabs > li {
  flex: auto;
} 
.nav-tabs > li > a,
.nav-tabs > li.active > a {
  background-color: #f1f1f1;
  color: #174a5b;
  font-weight: 700;
  border-radius: 0;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid rgba(0,0,0,0);
}
.nav-tabs > li:first-child > a {
  border-left: 1px solid #ddd;
}
.nav-tabs > li > a:hover {
  color: #174a5b;
}
.nav-tabs > li.active > a {
  background-color: #fff;
}
.nav-pills > li {
  margin-right: 6px;
}
.nav-pills > li > a {
  background-color: #f1f1f1;
  color: #174a5b;
  font-weight: 700;
  border: 1px solid #f1f1f1;
}
.nav-pills > li > a:hover {
  color: #174a5b;
}
.nav-pills > li.active > a {
  background-color: #174a5b;
  color: #fff;
}

/* CONTENT LINKS */
.section p a,
#TOC li a,
.section ul:not(.nav) a,
#nav-breadcrumbs a {
    color: #174a5b;
    text-decoration: none;
    border-bottom: 1px solid #174a5b;
}
#nav-breadcrumbs a {
  border-bottom: none;
}
.section p a:focus, .section p a:hover,
.section ul:not(.nav) a:focus, .section ul:not(.nav) a:hover,
#TOC li a:focus, #TOC li a:hover,
#nav-breadcrumbs a:focus, #nav-breadcrumbs a:hover {
    background: rgba(23, 74, 91, 0.1);
    outline: none;
}
#nav-breadcrumbs a:focus, 
#nav-breadcrumbs a:hover {
  border-bottom: 1px solid #174a5b;
}

/* OVERVIEW BANNER */

#banner-img {
  /* position and center bg image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1px;
}
@media only screen and (max-width: 1430px) {
  #banner-img {
    margin-left: 15px;
    margin-right: 15px;
  }
}

#banner-img>div {
    position: absolute;
    bottom: 42px;
    color: white;
    background: -o-linear-gradient(rgba(0, 0, 0, 0.725), rgba(0, 0, 0, 0.725));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.725)), to(rgba(0, 0, 0, 0.725)));
    background: linear-gradient(rgba(0, 0, 0, 0.725), rgba(0, 0, 0, 0.725));
    padding: 12px;
    padding-left: 15px;
    padding-right: 30px;
    font-size: 2em;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

/* OUTPUTS */

/* MODAL HELP */

.modal-header > button {
    color: #FFF;
    background: #174a5b url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    opacity: 1;
}

.modal-footer > button {
  background-color: #174a5b;
  color: #fff;
}

.gwrc-modal-btn {
  font-weight: 700;
  border-radius: 0;
  padding: 0;
  margin-top: -4px;
  color: #174a5b;
  text-decoration: none;
  border-bottom: 1px solid #174a5b;
}
.gwrc-modal-btn:focus, 
.gwrc-modal-btn:hover {
  background: rgba(23, 74, 91, 0.1);
}

/* ALL LEGENDS */
div.info.legend {
  background: #fff;
  color: #000;
}

/* hide things */
.display-none { 
  display:none;
}
.hidden-by-state {
  display: none;
}
.vis-hidden {
  visibility: hidden;
}

/* link map to table custom */
.faded-marker {
  fill-opacity: 0.2;
  stroke-opacity: 0.2;
  opacity: 0.2;
}

/* TABLES AND MAPS */
tr.active td {
  background-color: #174a5b !important;
}

div.datatables.html-widget {
  height: unset !important;
}
div.leaflet.html-widget.leaflet-container {
  margin-bottom: 6px !important;
  margin-top: 0px !important;
}
#trend-assessments div.leaflet.html-widget.leaflet-container {
  margin-bottom: 0px !important;
}

.map-no-mg > div.leaflet.html-widget.leaflet-container {
  margin-top: 4px !important;
}

.map-no-mg > b {
  color:#174a5b;
  font-size:1.1em;
  display:block;
  margin-top:8px;
}

div.escir-shared-output {
  border:1px solid #DDD;
  border-top:none;
  padding:4px;
  padding-top:4px;
  margin-top:-12px;
}
div.escir-shared-output p {
  padding: 0 8px;
  margin-bottom: 6px;
}
th:not(.dt-center) {
  text-align: left !important;
}
th.raw-col {
  text-align: center !important;
}
th.flow-col {
  text-align: center !important;
}

/* TRENDS LEGEND */
div.trends-legend > i:nth-of-type(1),
div.trends-legend > i:nth-of-type(2),
div.trends-legend > i:nth-of-type(3),
div.trends-legend > i:nth-of-type(4),
div.trends-legend > i:nth-of-type(5) {
    background: none !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    width: 22px;
    height: 22px;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-pixelated;
        image-rendering: pixelated;
    image-rendering: -webkit-optimize-contrast;
}
div.trends-legend > i:nth-of-type(1){
    background-image: url(./arrows/very-likely-improving-outline.png) !important;
}
div.trends-legend > i:nth-of-type(2){
    background-image: url(./arrows/likely-improving-outline.png) !important;
}
div.trends-legend > i:nth-of-type(3){
    background-image: url(./arrows/indeterminate-outline.png) !important;
}
div.trends-legend > i:nth-of-type(4){
    background-image: url(./arrows/likely-degrading-outline.png) !important;
}
div.trends-legend > i:nth-of-type(5){
    background-image: url(./arrows/very-likely-degrading-outline.png) !important;
}
div.trends-legend > i:nth-of-type(6){
    border-radius: 18px;
    width: 12px;
    height: 12px;
    margin-top: 3px;
    margin-left: 5px;
    margin-right: 9px;
}


/* TREND TDS */
tbody > tr > td.trend-1 {
  -webkit-box-shadow: inset 0px -4px 0px 0px rgba(26, 26, 255, 0.7);
          box-shadow: inset 0px -4px 0px 0px rgba(26, 26, 255, 0.7);
}
tbody > tr > td.trend-2 {
  -webkit-box-shadow: inset 0px -4px 0px 0px rgba(26, 208, 255, 0.7);
          box-shadow: inset 0px -4px 0px 0px rgba(26, 208, 255, 0.7);
}
tbody > tr > td.trend-3 {
  -webkit-box-shadow: inset 0px -4px 0px 0px rgba(139, 139, 139, 0.7);
          box-shadow: inset 0px -4px 0px 0px rgba(139, 139, 139, 0.7);
}
tbody > tr > td.trend-4 {
  -webkit-box-shadow: inset 0px -4px 0px 0px rgba(255, 180, 26, 0.7);
          box-shadow: inset 0px -4px 0px 0px rgba(255, 180, 26, 0.7);
}
tbody > tr > td.trend-5 {
  -webkit-box-shadow: inset 0px -4px 0px 0px rgba(234, 99, 63, 0.7);
          box-shadow: inset 0px -4px 0px 0px rgba(234, 99, 63, 0.7);
}








/* FOOTER */
/* just copied from main site */
.footer__text--large,.search-results__date,.text-h4,.text-h5,.text-h6,.footer-main h4,.footer-main h5,.footer-main h6 {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700
}
.footer {
  color: #fff
}

.footer[aria-hidden=true] {
  visibility: hidden
}

@media (min-width: 1200px) {
  .footer[aria-hidden=true] {
      visibility:visible
  }
}

.footer__social {
  background-color: #00c7c0
}

.footer__social .socialmedia {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0
}

@media (max-width: 767.98px) {
  .footer__social .socialmedia {
      text-align:center
  }
}

.footer__social .socialmedia__item {
  display: inline-block;
  padding: 5px 0
}

.footer__social .socialmedia__item:not(:last-child) {
  margin-right: 30px
}

.footer__social .socialmedia__link {
  color: #174a5b;
  display: inline-block
}

.footer__social .socialmedia__link .gwrc-icons,.footer__social .socialmedia__link .search-results__title.type-event i:before,.footer__social .socialmedia__link .search-results__title.type-news i:before,.footer__social .socialmedia__link .search-results__title.type-park i:before,.search-results__title.type-event .footer__social .socialmedia__link i:before,.search-results__title.type-news .footer__social .socialmedia__link i:before,.search-results__title.type-park .footer__social .socialmedia__link i:before {
  font-size: 44px
}

@media (min-width: 768px) {
  .footer__social .socialmedia__link .gwrc-icons,.footer__social .socialmedia__link .search-results__title.type-event i:before,.footer__social .socialmedia__link .search-results__title.type-news i:before,.footer__social .socialmedia__link .search-results__title.type-park i:before,.search-results__title.type-event .footer__social .socialmedia__link i:before,.search-results__title.type-news .footer__social .socialmedia__link i:before,.search-results__title.type-park .footer__social .socialmedia__link i:before {
      font-size:36px
  }
}

.footer__social .socialmedia__link:hover {
  color: #b5c5ca
}

.footer__main {
  padding-top: 40px;
  padding-bottom: 16px;
  background-color: #174a5b
}

.footer__main a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease
}

.footer__main a:hover {
  color: #fff;
  text-decoration: none;
  opacity: .8
}

.footer__util {
  background-color: #174a5b;
  padding-bottom: 15px
}

.footer__util-inner {
  border-top: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.footer__util-inner__left-col button,.footer__util-inner__left-col span {
  vertical-align: middle
}

.footer__util-inner__left-col button {
  border: none;
  background: none;
  display: inline-block;
  cursor: pointer;
  margin-left: .5rem;
  width: 24px;
  height: 24px;
  padding: 0
}

.footer__util-inner__left-col button img {
  display: block;
  width: 100%;
  height: auto
}

@media (max-width: 767.98px) {
  .footer__util-inner__left-col {
      text-align:center
  }
}

@media (max-width: 767.98px) {
  .footer__util-inner {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.footer__text--large {
  font-weight: 700
}

.footer__text--grey {
  color: #737373
}

.footer__link-collection__title {
  margin-bottom: 13px
}

.footer__link-collection__list {
  list-style-type: none;
  padding: 0
}

.footer__link-collection__item {
  display: block;
  margin-bottom: 6px
}

.footer__aside a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease
}

.footer__aside a:hover {
  color: #fff;
  text-decoration: none;
  opacity: .8
}

.footer__contact,.footer__logos {
  text-align: right
}

.footer__logo {
  display: inline-block;
  margin: 10px 0
}

.footer__brand {
  display: inline-block;
  position: relative
}

.footer-logo {
  margin-top: 48px;
  margin-bottom: 16px
}
.quote-block blockquote footer {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px
}
#Footer {
margin-top: 50px;
}
#Footer div.container-fluid {
max-width: 1400px;
}
#Footer h3 {
color: #fff;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 700;
margin-top: 0;
}
.text-center {
text-align: center!important
}
@media (min-width: 992px) {
.text-lg-right {
  text-align: right!important
}
}