@charset "UTF-8";
/*	Theme Name: Galveston Bay Report Card
	Version: 1.0.0
	Author: Enviromedia

	Version: 1.1.0
	Auther： Likun Chen
	Changelog:
	1. CSS -> SCSS
	2. Fix all legacy errors (31 erros 143 warnings)

	TODO:
	1. Remove all vendors' prefix lines and let postcss handle it.
*/
/*GLOBALS*/
*, *:after, *:before {
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  margin: 0;
  padding: 0; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
  touch-action: manipulation; }

body {
  font: 1.6em/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  color: #FFF !important;
  background: #4dbbec !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  zoom: 1 !important; }

.clear:before, .clear:after {
  content: ' ';
  display: table; }

.clear:after {
  clear: both; }

.clear {
  *zoom: 1; }

img {
  max-width: 100%;
  border: 0;
  vertical-align: bottom; }

svg {
  width: 100%;
  height: 100%;
  display: block; }

h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF; }

h1, h2 {
  font-size: 300%;
  line-height: 1.1; }

a, input[type="submit"], button, span.report-card-tooltip {
  color: #fff;
  text-decoration: none;
  background: transparent;
  transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease, text-shadow 0.2s ease;
  box-sizing: border-box;
  margin: 0; }

input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  width: 100%;
  padding: 0.25em 0.5em;
  border-radius: 5px;
  border: 0;
  margin: 1em 0 0 0; }

select {
  height: 2em;
  width: auto; }

a:hover, a:focus {
  color: #58595b; }

a:hover, a:active, a:focus {
  outline: 0; }

p a {
  text-decoration: underline; }

/*:focus, .outline {outline:2px dotted #a7a9ac}*/
main:focus {
  outline: none; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input, textarea, keygen, select, button {
  font: inherit; }

/*STRUCTURE*/
.wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative; }

.header {
  width: 100%;
  display: block;
  position: relative;
  margin: 0;
  padding: 0; }

#content {
  display: block;
  margin: 0 !important; }

.flex, .report-nav ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center; }

.showmenu#nav-top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  transform: translateZ(0); }

#skipto {
  z-index: 50000;
  display: block;
  max-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  font-size: 70%;
  padding: 0; }

#skipto:focus {
  max-height: 6em;
  background: #000;
  padding: 0 1em 0.5em; }

/*PAGES*/
section.flex {
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative; }

.report section h1, .report section h2 {
  width: 100%;
  flex-grow: 3; }

.report section, .card-action.summary, #downloads, section.card {
  width: 100%;
  margin: 0;
  padding: 4vw 2vw 4vw 20vw;
  overflow-x: hidden;
  position: relative; }

.card-action.summary {
  padding: 5vw 2vw 7vw 20vw; }

#downloads {
  padding: 5vw 2vw 5vw 22vw; }

section.flex article {
  width: 78%;
  padding-top: 1em; }

/*SIDE NAV*/
#skipnav {
  width: 12vw;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 36%;
  left: 4vw;
  z-index: 2000;
  height: inherit !important; }

#skipnav a {
  text-align: center;
  font-size: 110%;
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 5; }

#skipnav a:hover, #skipnav a:focus {
  color: #fff; }

#skipnav li {
  position: relative;
  margin: 0; }

#skipnav li:before {
  content: '';
  display: block;
  height: 100%;
  width: 0;
  background: #58595b;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: all .3s ease; }

#skipnav li .skiphover {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 0 solid #58595b;
  transition: all .3s ease; }

#skipnav li:hover:before, #skipnav li:focus:before {
  width: 100%; }

#skipnav li:hover .skiphover, #skipnav li:focus .skiphover {
  border-left-width: 1em;
  left: 100%; }

/*DARK BLUE*/
section.dblue, section.dblue h2, section.dblue article, #downloads .dl:first-of-type a {
  background-color: #034b76; }

section.dblue h1, section.dblue h2, section.dblue .grade p, .summary.photo h3 span, .summary.photo .you-txt a, section.dblue a:hover, section.dblue a:focus, section.dblue span.report-card-tooltip:hover, section.dblue span.report-card-tooltip:focus {
  color: #4dbbec; }

section.dblue .circle-ext {
  stroke: #4dbbec; }

section.dblue .share svg {
  fill: #034b76; }

section.dblue .report-link:hover, section.dblue .report-link:focus, #skipnav.dblue li:before {
  background: #4dbbec; }

#skipnav.dblue li .skiphover {
  border-left-color: #4dbbec; }

#downloads .dl:first-of-type a:after {
  border-left-color: #034b76; }

/*LIGHT GREEN*/
section.lgreen, section.lgreen h2, section.lgreen article, .dl:nth-of-type(4n + 2) a, .dl:nth-of-type(4n + 5) a {
  background-color: #81b159; }

h2.t-lgreen {
  color: #81b159; }

section.lgreen h1, section.lgreen h2, section.lgreen .you-txt a, section.lgreen strong, section.lgreen .grade p, section.lgreen h3 span, section.lgreen a:hover, section.lgreen a:focus, section.lgreen span.report-card-tooltip:hover, section.lgreen span.report-card-tooltip:focus {
  color: #c9dd64; }

section.lgreen .report-link:hover, section.lgreen .report-link:focus, #skipnav.lgreen li:before {
  background: #c9dd64; }

section.lgreen .circle-ext {
  stroke: #c9dd64; }

section.lgreen .share svg {
  fill: #81b159; }

#skipnav.lgreen li .skiphover {
  border-left-color: #c9dd64; }

#downloads .dl:nth-of-type(4n + 2) a:after, #downloads .dl:nth-of-type(4n + 5) a:after {
  border-left-color: #81b159; }

/*ORANGE*/
section.orange, section.orange h2, section.orange article, .dl:nth-of-type(4n + 3) a {
  background-color: #ed7e23; }

h2.t-orange {
  color: #ed7e23; }

section.orange h1, section.orange h2, section.orange .you-txt a, section.orange strong, section.orange .grade p, section.orange h3 span, section.orange a:hover, section.orange a:focus, section.orange span.report-card-tooltip:hover, section.orange span.report-card-tooltip:focus {
  color: #ffcd33; }

section.orange .report-link:hover, section.orange .report-link:focus, #skipnav.orange li:before {
  background: #ffcd33; }

section.orange .circle-ext {
  stroke: #ffcd33; }

section.orange .share svg {
  fill: #ed7e23; }

#skipnav.orange li .skiphover {
  border-left-color: #ffcd33; }

#downloads .dl:nth-of-type(4n + 3) a:after {
  border-left-color: #ed7e23; }

/*DARK GREEN*/
section.dgreen, section.dgreen h2, section.dgreen article, .dl:nth-of-type(4n + 4) a, .rpc-overview #downloads .dl:first-of-type a {
  background-color: #069f61; }

h2.t-dgreen {
  color: #069f61; }

section.dgreen h1, section.dgreen h2, section.dgreen .you-txt a, section.dgreen strong, section.dgreen .grade p, section.dgreen h3 span, section.dgreen a:hover, section.dgreen a:focus, section.dgreen span.report-card-tooltip:hover, section.dgreen span.report-card-tooltip:focus {
  color: #c9dd64; }

section.dgreen .report-link:hover, section.dgreen .report-link:focus, #skipnav.dgreen li:before {
  background: #c9dd64; }

section.dgreen .circle-ext {
  stroke: #c9dd64; }

section.dgreen .share svg {
  fill: #069f61; }

#skipnav.dgreen li .skiphover {
  border-left-color: #c9dd64; }

#downloads .dl:nth-of-type(4n + 4) a:after, .rpc-overview #downloads .dl:first-of-type a:after {
  border-left-color: #069f61; }

/*WHITE*/
#downloads, .report #data {
  background: #fff;
  color: #58595b; }

#downloads article, #downloads h2, #data h2 {
  background: #fff; }

#skipnav.white a, #skipnav.white a:active, #skipnav.white a:visited {
  color: #a7a9ac;
  border-color: #a7a9ac; }

#skipnav.white a:hover {
  color: #fff; }

/*INTRO TEXT*/
.report .intro {
  width: 90%; }

.report-link {
  display: inline-block;
  padding: 0.25em 0.75em;
  margin: 1vh 0;
  text-decoration: none; }

.report-link:hover, .report-link:focus {
  color: #fff; }

/*GRADES*/
.grade {
  width: 20%;
  margin: 0 1vw 0 0;
  text-align: center !important;
  cursor: pointer; }

.grade-img {
  width: 9vw;
  height: 9vw;
  font-size: 5vw;
  position: relative;
  margin: 0 auto; }

.grade-img svg {
  width: 9vw;
  height: 9vw;
  display: block; }

.grade-img .grade-txt {
  position: absolute;
  top: 4.7vw;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  line-height: 0;
  overflow: visible; }

.grade p {
  width: 80%;
  margin: 0 auto 15%;
  line-height: 1.2; }

.radial {
  position: relative;
  transform: rotate(-90deg); }

circle {
  fill: none; }

.circle-int {
  stroke: #fff;
  stroke-width: 2px; }

.circle-ext {
  stroke-width: 15px;
  stroke-dasharray: 1000px;
  stroke-dashoffset: 1000px;
  transition: stroke-dashoffset .5s ease; }

.cir-A.on .circle-ext {
  stroke-dashoffset: 0px; }

.cir-B.on .circle-ext {
  stroke-dashoffset: 325px; }

.cir-C.on .circle-ext {
  stroke-dashoffset: 487px; }

.cir-D.on .circle-ext {
  stroke-dashoffset: 650px; }

.cir-F.on .circle-ext {
  stroke-dashoffset: 750px; }

.cir-I.on .circle-ext {
  stroke-dashoffset: 850px; }

/*PHOTO BACKGROUNDS*/
.photo {
  display: block;
  width: 100%;
  height: 30vw; }

.disabled {
  background-attachment: scroll;
  background-position: center center !important;
  background-size: cover !important; }

.bgphoto, .photo {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.photo.flex {
  display: flex;
  font-size: 130%; }

.card-action.photo {
  height: calc(14vw + 16em); }

.report .summary.photo h3 {
  line-height: 0.95;
  margin-right: 1vw; }

.report .summary.photo .you-txt {
  text-shadow: 0 0 5px #474747;
  font-size: 125%;
  margin-right: 3.75%;
  flex-shrink: 1.5; }

.report .summary.photo .share {
  left: 95%;
  top: 26%; }

.report .summary.photo .you-txt ul {
  margin: 0 1em; }

.report .summary.photo .you-txt ul li {
  margin: 0.5em 0;
  line-height: 1.3; }

#skipnav.photo a {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 0 28px rgba(0, 0, 0, 0.5); }

/*CALL TO ACTION*/
.card-action {
  position: relative;
  margin-top: 4vh;
  align-content: center;
  justify-content: flex-start;
  /*  height: calc(19vw + 2em);*/
  width: 90%; }
.card-action h3 {
  width: calc(15vw + 2em);
  font-size: calc(3.5vw + 1em);
  line-height: 0.93;
  flex-grow: 3;
  text-align: center; }
.card-action h3:first-line {
  font-size: 135%; }
.card-action h3 span {
  font-size: 192%;
  display: block;
  text-align: center; }
.card-action strong {
  font-size: 125%; }

.report .summary.photo h3 span {
  font-size: 192%;
  display: block; }

.you-txt, .report-link {
  border-radius: 10px;
  border: 2px solid #fff; }

.you-txt {
  padding: 2.5vh 2vw 2vh;
  width: 80%;
  margin-right: 5%;
  align-self: stretch;
  flex-shrink: 1.05; }
.you-txt ul {
  margin-left: 2em; }
.you-txt ul li {
  margin: 0.5em 0 0;
  line-height: 1.4; }
.you-txt a:hover, .you-txt a:focus {
  text-decoration: underline; }

.logo a:hover, .logo a:focus, .report-link:hover, .report-link:focus, .dl a, .dl a:link, .dl a:visited {
  color: #fff !important; }

/*!*GRAPHIC SLIDER*!
.report #data {
  text-align: center;
  padding: 5vw 2vw 2vw 10vw;
  width: 100%;
  position: relative;
}

#data .arrow {
  width: 3vw;
  height: 3vw;
  overflow: visible;
  margin: 0;
  position: absolute;
  cursor: pointer;
  z-index: 1000;
}

#data .arrow.next {
  right: 6vw;
  top: 0.75vw;
}

#data .arrow.prev {
  left: 6vw;
  top: 0.75vw;
  transform: scaleX(-1);
}

#data .arrow svg {
  width: 100%;
  height: auto;
}

#data div#slides {
  position: relative;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}

#data h2 {
  font-size: 4.5vw;
  margin-bottom: 1vw;
}

#data div img {
  width: auto;
  height: 98vmin;
  display: block;
  margin: 0 auto;
}

.report #data nav a {
  border-color: #a7a9ac
}



#slides, #slides ul, #slides ul li {
  height: auto;
}

#slides, #slides ul li {
  width: 70vw;
  height: 120vmin;
}

#slides * {
  transition: all .3s ease;
}

#slides ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}

#slides ul {
  position: absolute;
  top: 0;
  left: 0;
}

#slides ul li:first-child {
  margin-left: -70vw;
  opacity: 0;
}*/
/*
!*LIGHTBOX*!
.featherlight {
  display: none;
  overflow: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483647;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background: #333;
  background: rgba(0, 0, 0, 0);
}

.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.8);
}

.featherlight:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.featherlight .featherlight-content {
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  overflow: auto;
  padding: 0;
  border-bottom: 1em solid transparent;
  min-width: 40%;
  margin: 0 auto;
  max-height: 160%;
  background: #fff;
  cursor: auto;
  white-space: normal;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.featherlight-content {
  display: none;
}

.featherlight .featherlight-inner {
  display: block;
}

.featherlight .featherlight-close-icon {
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  line-height: 25px;
  width: 25px;
  cursor: pointer;
  text-align: center;
  background: #fff;
  background: rgba(255, 255, 255, 0.3);
  color: #58595b;
}

.featherlight .featherlight-image {
  width: 100%;
}

.featherlight-iframe .featherlight-content {
  border-bottom: 0;
  padding: 0;
}*/
/*DOWNLOADS*/
#downloads > div {
  width: 60vw;
  margin: 0;
  border: 2px solid #4dbbec;
  border-radius: 10px;
  padding: 1vw; }

#downloads h2 {
  color: #4dbbec;
  text-align: center;
  font-size: 5.5vw;
  margin-bottom: 0.25em; }

div.dl {
  width: 90%;
  margin: 0 auto 2vw auto;
  border-radius: 10px;
  background-size: auto 150%;
  background-position: center right;
  background-repeat: no-repeat;
  font-size: 150%;
  position: relative; }

.dl a {
  display: block;
  top: 0;
  left: 0;
  width: 65%;
  height: 100%;
  padding: 3vw;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

.dl.pdf-full a {
  background-color: #4dbbec; }

.dl.pdf-full a:after {
  border-left-color: #4dbbec !important; }

.dl a:hover, .dl a:focus {
  background-color: #a7a9ac !important; }

.dl a:after {
  content: '';
  position: absolute;
  top: calc(50% - 0.5em);
  left: 100%;
  width: 0;
  height: 0;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.65em solid #4dbbec;
  transition: all 0.3s ease; }

.dl a:hover:after, .dl a:focus:after {
  border-left-color: #a7a9ac !important; }

/*report-card-tooltipS*/
span.report-card-tooltip {
  border-bottom: 1px dotted;
  cursor: pointer;
  position: relative; }

.tip {
  display: none;
  position: absolute;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #58595b;
  color: #58595b;
  width: 30%;
  font-size: 80%;
  padding: 1em;
  line-height: 1.3; }

/*GRADE MODAL*/
.grade-key {
  align-items: flex-start;
  justify-content: space-between; }

.grade-key .grade {
  margin: 0;
  cursor: default; }

.grade-key .grade-img {
  width: 8vw;
  height: 8vw;
  font-size: 5vw; }

.grade-key .grade-img svg {
  width: 8vw;
  height: 8vw; }

.grade-key .grade-img .grade-txt {
  top: 4.2vw; }

.grade-key .grade p {
  margin: 1% auto 10%; }

#modal {
  display: block;
  position: fixed;
  top: 20%;
  right: 20%;
  background: #fff;
  color: #58595b;
  padding: 2vw;
  border-radius: 10px;
  border: 2px solid #58595b;
  width: 50%;
  margin-top: -2%;
  z-index: 2400; }

#modal .grade-key {
  margin-top: 2vw; }

#modal .grade-key .grade-img {
  width: 7vw;
  height: 7vw;
  font-size: 4vw; }

#modal .grade-key .grade-img svg {
  width: 7vw;
  height: 7vw; }

#modal .grade-key .grade-img .grade-txt {
  top: 3.65vw;
  color: #a7a9ac; }

#modal .circle-ext {
  stroke: #58595b; }

#modal .circle-int {
  stroke: #a7a9ac; }

#modal:before {
  content: '';
  position: absolute;
  top: calc(30% - 2px);
  left: 100%;
  height: 4px;
  width: 3vw;
  background: #58595b; }

#modal:after {
  content: '\25CF';
  display: block;
  font-size: 40px;
  line-height: 0;
  position: absolute;
  top: calc(30% - 1.5px);
  left: calc(98% + 3vw); }

/*OVERVIEW PAGE*/
.rp-divider {
  background-color: #4dbbec;
  color: #fff;
  width: 100%;
  margin: 0;
  padding: 7vw 20vw;
  text-align: center;
  position: relative;
  font-size: 2.85vw;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.02em; }

.rp-divider:first-line {
  font-size: 3.5vw;
  line-height: 1.5; }

.rp-divider b, .rp-divider strong {
  color: #034b76; }

.rpc-overview.rp-divider:nth-of-type(3) {
  background: #fff !important; }

.rpc-overview.rp-divider:first-of-type b, .rpc-overview.rp-divider strong:nth-child(1), .rp-divider.div-4252 b, .rp-divider.div-4252 strong {
  color: #4dbbec; }

.rpc-overview .intro {
  width: 100%; }

main.rpc-overview .photo.rp-divider {
  height: inherit !important;
  background-position: center center !important;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

.rpc-overview #overview .report-link:first-of-type {
  display: block;
  float: left;
  text-decoration: none;
  margin-right: 1em; }

.rpc-overview section:nth-of-type(5) .card-action {
  display: none !important; }

section.rpc-overview .grade {
  display: none; }

section.rpc-overview:first-of-type .grade {
  display: inherit; }

section.bgphoto {
  background-blend-mode: multiply; }

.rpc-overview.bgphoto {
  padding: 0 25vw; }
.rpc-overview.bgphoto article {
  width: 100%;
  padding: 2vw 7vw 4vw;
  position: relative;
  margin: 0; }
.rpc-overview.bgphoto h2 {
  width: 100%;
  padding: 4vw 7vw 0;
  margin: 0; }

.rpc-overview.bgphoto .card-action {
  height: auto;
  width: 100%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 100%; }
.rpc-overview.bgphoto .card-action .share {
  left: 0;
  top: 0; }

.rpc-overview .card-action h3:first-of-type {
  display: none; }

.rpc-overview #how-we-grade .you-txt, .rpc-overview #como-calificamos .you-txt {
  width: 100%; }

.rpc-overview #how-we-grade .grade-key .grade, .rpc-overview #como-calificamos .grade-key .grade {
  display: block; }

.rpc-overview #how-we-grade .grade-key p, .rpc-overview #como-calificamos .grade-key p {
  color: #fff; }

.rpc-overview #how-we-grade .card-action, .rpc-overview #como-calificamos .card-action {
  height: auto; }

.rpc-overview .card-action.summary.photo {
  padding: 0;
  height: 25vw; }

.rpc-overview form p:first-of-type {
  float: left;
  margin: 0 2em 2em 0;
  width: 45%; }

.rpc-overview form textarea {
  width: 50%; }

.rpc-overview form p:first-line {
  font-size: 120%;
  font-weight: bold;
  line-height: 1.25; }

.rpc-overview form p:last-of-type {
  text-align: right; }

.rpc-overview input[type="submit"] {
  width: 8em;
  margin: 0.5em; }

.div-4251 {
  padding: 4vw 20vw; }

.rp-divider.div-4252 {
  background-color: #fff;
  color: #58595b;
  position: relative;
  padding: 1vw 22vw; }
.rp-divider.div-4252 p {
  display: block;
  position: relative;
  background: #fff;
  padding: 3.5vw 0; }
.rp-divider.div-4252:before {
  content: '';
  display: block;
  position: absolute;
  width: 62vw;
  height: 80%;
  left: 19vw;
  top: 10%;
  border: 3px solid #4dbbec;
  border-radius: 10px; }

/*RESPONSIVE*/
@media only screen and (max-width: 1280px) {
  body {
    font-size: 1.7em; }
  .top .logo {
    margin: 4vh 1vw; }
  .card-action {
    width: 95%;
    height: calc(21vw + 3em); }
  .card-action.photo {
    height: inherit; }
  .report .summary.photo .you-txt {
    flex-shrink: 1.35; }
  .you-txt {
    line-height: 1.25;
    flex-shrink: 1.15; }
  .card-action h3 {
    width: calc(15vw + 2.5em);
    font-size: calc(3.5vw + 1.5em); }
  .you-txt ul li {
    margin: 0.75vw 0; }
  .rpc-overview.bgphoto {
    padding: 0 22vw; } }

@media only screen and (max-width: 1140px) {
  body {
    font-size: 1.5em; }
  #skipnav {
    width: 13vw;
    left: 3vw; }
  .report section, .card-action.summary, section.card {
    padding: 7vw 1vw 7vw 20vw; }
  .top .logo {
    margin: 4vh 0; }
  .you-txt {
    flex-shrink: 1.2; }
  .card-action {
    width: 124%; }
  .card-action h3 {
    width: calc(15vw + 2em); } }

@media only screen and (max-width: 960px) {
  .logo a {
    font-size: 6vw;
    line-height: 1.1; }
  .header .social, .header .sponsors {
    width: 17%; }
  .top {
    padding: 0; }
  .header .sponsors.flex {
    flex-direction: column; }
  .header .sponsors a {
    width: 5em;
    margin: 0.25em auto; }
  .header .top .social {
    align-self: inherit;
    margin-top: 0; }
  .header .small-nav {
    margin-bottom: 12%; }
  .header .small-nav a {
    display: block;
    border: none;
    font-size: 90%; }
  .footer .logo {
    display: none; }
  .footer {
    justify-content: space-between; }
  .top nav a {
    font-size: 1.9vw; }
  .small-nav a {
    margin-bottom: 3%; }
  /*  #magic-line {
      height: 0.15em;
      bottom: 0.065em;
    }*/
  section.flex {
    flex-direction: column; }
  section.flex article, section.flex .grade {
    width: 100%; }
  section.flex .grade {
    display: flex;
    justify-content: space-around;
    margin: 0; }
  section.flex:first-of-type .grade {
    margin-bottom: 2%; }
  section.flex .grade > div {
    /*    width: 35%;*/ }
  #modal {
    width: 80%;
    right: 1.25%;
    margin-top: 3%; }
  #modal:before {
    left: calc(50% - 2px);
    top: -40px;
    width: 4px;
    height: 40px; }
  #modal:after {
    left: calc(50% - 12.5px);
    top: -44px; }
  #modal.above {
    margin-top: -12%; }
  #modal.above:before {
    top: 100%; }
  #modal.above:after {
    top: calc(100% + 40px); }
  .grade-img {
    width: 12vw;
    height: 12vw;
    font-size: 8vw; }
  .grade-img svg {
    width: 12vw;
    height: 12vw; }
  .grade-img .grade-txt {
    top: 6.2vw; }
  .grade p {
    margin: 1% auto 10%; }
  section.flex article {
    order: 3; }
  #skipnav {
    width: 15vw;
    left: 2vw;
    top: 33%;
    font-size: 95%; }
  .report section h1, .report section h2 {
    text-align: center; }
  .report section article {
    padding: 0 2% 0 0; }
  .report .intro {
    width: 95%; }
  .card-action {
    height: calc(30vw + 4em);
    width: 104%; }
  .card-action h3 {
    width: calc(15vw + 2.2em); }
  .you-txt ul {
    margin-left: 1.5em; }
  .you-txt ul li {
    margin: 1vw 0;
    line-height: 1.15; }
  .photo.flex {
    font-size: 110%; }
  .report .summary.photo .you-txt {
    font-size: 125%;
    padding: 0.5vw 2.25vw; }
  #downloads > div {
    width: 70vw; }
  .report #data {
    padding: 3vw 0 2vw 15vw; }
  #data .arrow {
    width: 3.5vw;
    top: 1vw; }
  #data .arrow.next {
    right: 3vw; }
  #data .arrow.prev {
    left: 3vw; }
  #data h2 {
    font-size: 5vw; }
  .rpc-overview.bgphoto {
    padding: 0 12vw 0 21vw; }
  .rp-divider {
    font-size: 3.5vw;
    padding: 7vw 2vw 7vw 20vw; }
  .rp-divider.div-4252 {
    padding: 1vw 19vw 2vw 28vw; }
  .rp-divider.div-4252:before {
    left: 23.5vw; }
  .rp-divider:first-line {
    font-size: 4.25vw; }
  .tip {
    width: 40%; } }

@media only screen and (max-width: 860px) {
  .you-txt {
    flex-shrink: 1.25;
    line-height: 1.15; }
  .you-txt strong {
    line-height: 1; }
  .card-action h3 {
    font-size: calc(200% + 2.5vw);
    width: calc(14vw + 2.75em); }
  #slides, #slides ul li {
    height: 115vmin; }
  #data .arrow.prev {
    left: 2vw;
    top: 1.25vw; }
  #data .arrow.next {
    right: 2vw;
    top: 1.25vw; }
  .rpc-overview.bgphoto {
    padding: 0 10vw 1vw 20vw; } }

/*BREAKPOINT*/
@media only screen and (max-width: 768px) {
  h1, h2 {
    font-size: 7vw;
    line-height: 1.2;
    margin-bottom: 1vw; }
  #menubar {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #4dbbec;
    font-weight: bold;
    transform: scale(1.1, 1);
    padding: 0 0.85em; }
  .top .logo {
    margin: 2vw 2vw 2vw 2vw;
    z-index: 8000; }
  .top .sponsors {
    z-index: 8000; }
  #menubar.open {
    color: #58595b; }
  nav ul li {
    margin: 0; }
  #skipnav, .top .social, #magic-line, .top .social .small-nav {
    display: none !important; }
  .top .social {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 8000;
    width: 35%;
    padding: 2vw 2vw; }
  .top .icons a {
    max-width: 3.5em;
    height: auto;
    margin: 0 0.5em;
    max-height: 3em;
    width: auto; }
  .featherlight .featherlight-content {
    max-width: 95%;
    max-height: 99%; }
  /* #nav-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    !*    transform: translate3d(-100%, 0, 0);*!
    z-index: 60000;
    overflow: hidden;
    transition: transform 0.3s ease-in;
  }

  #nav-top.open {
    transform: translate3d(0, 0, 0);
  }

  #nav-top .report-nav {
    height: 100vh;
    padding: 15vh 10vw 4vw 4vw;
  }

  #nav-top ul {
    flex-direction: column;
    align-items: flex-start;
  }

  #nav-top a {
    font-size: 3vw;
    text-align: left !important;
  }

  #nav-top ul ul a {
    font-size: 2.5vw;
    padding: 0 0 0.5vw 2vw;
  }

  #nav-top ul ul a:before {
    content: "\203A";
    font-size: 2.9vw;
    margin-right: 1vw;
  }*/
  .report section, #downloads, section.card {
    padding: 6vw 4vw; }
  .card-action.summary {
    padding: 4vw 2vw; }
  .report .summary.photo h3 {
    margin-right: -2vw; }
  .report .summary.photo .you-txt {
    padding: 0.5vw 0.5vw 0.5vw 2.25vw; }
  .report .summary.photo .share {
    left: 94.25%; }
  .report .summary.photo .you-txt {
    font-size: 120%; }
  .share .icon {
    height: 2.5em; }
  .share .icon svg {
    height: 1.65em; }
  .share.on .icon {
    min-width: 6.5vw;
    padding: 0.25em 0.35em; }
  .share.on .icon svg {
    width: 100%;
    max-width: 1.78em;
    margin: 0.15em 0.05em;
    padding: 0 0.5em; }
  .report #data {
    padding: 2vw 0 0 0; }
  #data div#slides {
    margin: 0 auto; }
  #slides, #slides ul li {
    width: 95vw; }
  #slides ul li:first-child {
    margin-left: -95vw; }
  #data h2 {
    font-size: 7.5vw; }
  #data .arrow {
    width: 5vw;
    top: 1.75vw !important; }
  #downloads > div {
    width: 100%; }
  #downloads h2 {
    font-size: 9vw; }
  .dl a {
    width: 73%;
    padding: 4vw 3vw; }
  .card-action {
    width: 104%; }
  .card-action h3 {
    width: calc(14vw + 3em);
    font-size: calc(220% + 2.75vw); }
  .you-txt {
    padding: 2.5vw 2.5vw 1.5vw;
    line-height: 1.35; }
  section.flex .grade > div {
    width: 45%; }
  .grade-img {
    width: 18vw;
    height: 18vw;
    font-size: 12vw; }
  .grade-img svg {
    width: 18vw;
    height: 18vw; }
  .grade-img .grade-txt {
    top: 9.24vw; }
  .grade p {
    font-size: calc(1em + 0.5vw); }
  .grade-key .grade p, #modal .grade-key .grade p {
    font-size: 2.2vw;
    margin: 5% auto;
    text-align: center !important; }
  .grade-key .grade-img {
    width: 11vw;
    height: 11vw;
    font-size: 6.5vw; }
  .grade-key .grade-img svg {
    width: 11vw;
    height: 11vw; }
  .grade-key .grade > div {
    width: 100% !important; }
  .grade-key .grade-img .grade-txt {
    top: 5.65vw; }
  #modal .grade-key .grade-img .grade-txt {
    top: 7.325vw; }
  #modal {
    width: 95%;
    right: 2.5%;
    margin-top: 3%; }
  #modal.above {
    margin-top: -12.5%; }
  #modal .grade-key .grade-img {
    width: 14vw;
    height: 14vw;
    font-size: 9.5vw; }
  #modal .grade-key .grade-img svg {
    width: 14vw;
    height: 14vw; }
  #modal .grade-key .grade-img .grade-txt {
    top: 7.325vw; }
  .report .intro {
    width: 100%; }
  .rpc-overview form textarea {
    width: 48%; }
  .rpc-overview form p:first-of-type {
    width: 45%; }
  .rpc-overview form p:first-of-type input {
    width: 100%; }
  .rpc-overview.bgphoto {
    padding: 0 10vw; }
  .rp-divider {
    font-size: 4.5vw;
    padding: 7vw 4vw; }
  .rp-divider:first-line {
    font-size: 5.5vw; }
  .rp-divider.div-4252 {
    padding: 1vw 10vw; }
  .rp-divider.div-4252:before {
    width: 86vw;
    left: 7vw; }
  .rpc-overview #how-we-grade .card-action .you-txt, .rpc-overview #como-calificamos .card-action .you-txt {
    padding: 3.5vw 2vw; }
  #how-we-grade .share .icon, #como-calificamos .share .icon {
    height: 2.3em; }
  #how-we-grade .share.on .icon, #como-calificamos .share.on .icon {
    padding: 0.3em 0.15em 0.35em 0.25em;
    margin-bottom: 0.4em; }
  #how-we-grade .share.on .icon svg, #como-calificamos .share.on .icon svg {
    width: 100%;
    max-width: 1.5em;
    margin: 0.2em 1em 0.1em 0.35em;
    padding: 0 0.5em;
    height: 1.35em; } }

@media only screen and (max-width: 600px) {
  .card-action {
    display: block !important;
    height: auto;
    width: 102%; }
  .share {
    top: 30%;
    left: 92%; }
  .share.on .icon {
    min-width: 7vw; }
  .you-txt {
    width: 92%;
    height: auto;
    padding: 3.5vw;
    margin-bottom: 1vw; }
  .report .card-action h3, .report .summary.photo h3 {
    width: 100%;
    font-size: 10vw;
    margin: 1vw 2vw; }
  .report .card-action h3:first-line, .report .card-action h3 span, .report .summary.photo h3 span, .report .summary.photo h3:first-line {
    display: inline-block;
    font-size: 10vw; }
  .report .summary.photo .share {
    left: 93%;
    top: 35%; }
  .rpc-overview #how-we-grade .you-txt, .rpc-overview #como-calificamos .you-txt {
    width: 96%; }
  .rpc-overview #how-we-grade .share, .rpc-overview #como-calificamos .share {
    left: 96%;
    top: 7%; }
  #how-we-grade .share.on .icon, #como-calificamos .share.on .icon {
    padding: 0.35em 0.15em 0.35em 0.05em; }
  #modal > p {
    font-size: 90%; }
  .tip {
    width: 50%; } }

@media only screen and (max-width: 550px), (max-width: 34em) {
  body {
    font-size: 1.4em;
    line-height: 1.3; }
  #menubar {
    font-size: 7.5vw; }
  .top {
    padding: 0; }
  .top .sponsors {
    display: none; }
  .top .logo {
    margin: 1vw;
    width: 100%; }
  nav ul li {
    margin: 0.5vh 0; }
  #nav-top a {
    font-size: 4.5vw; }
  #nav-top ul ul a {
    font-size: 3.5vw; }
  /*  h1, h2 {
    font-size: 7.5vw;
    padding-top: 5vw
  }*/
  .card-action {
    width: 99%; }
  .report section, .card-action.summary, #downloads, section.card {
    padding: 4vw 4vw; }
  .report section article {
    padding: 0; }
  .report .summary.photo .you-txt {
    font-size: 100%;
    padding-left: 4.5vw; }
  main.rpc-overview .photo.rp-divider {
    text-shadow: 0 0 27px rgba(0, 0, 0, 0.25); }
  .rpc-overview form p:first-of-type {
    width: 100%;
    margin-bottom: 1em; }
  .rpc-overview form textarea {
    width: 100%;
    height: 10em;
    margin: 0; }
  .rpc-overview.bgphoto {
    padding-left: 0; }
  .intro form {
    padding: 0 2vw; }
  .card-action.summary.photo {
    height: auto; }
  .rpc-overview .card-action.summary.photo {
    height: 40vh; }
  .photo {
    height: 45vh; }
  div.dl {
    width: 95%;
    font-size: 120%; }
  .rp-divider.div-4252 {
    padding: 1vw 9vw;
    font-size: 5vw; }
  .rp-divider.div-4252:before {
    width: 90vw;
    left: 5vw; }
  .rpc-overview #how-we-grade .card-action .you-txt, .rpc-overview #como-calificamos .card-action .you-txt {
    padding: 3vw 3vw 0;
    width: 90%; }
  .rpc-overview #how-we-grade .card-action .you-txt .grade-key, .rpc-overview #como-calificamos .card-action .you-txt .grade-key {
    flex-wrap: wrap; }
  .rpc-overview #how-we-grade .grade-key .grade, .rpc-overview #como-calificamos .grade-key .grade {
    width: 33%;
    margin-bottom: 2vw; }
  .rpc-overview #how-we-grade .share, .rpc-overview #como-calificamos .share {
    left: 90%; }
  .rpc-overview.bgphoto article {
    padding: 2vw 4vw 4vw; }
  #how-we-grade .share .icon, #como-calificamos .share .icon {
    height: 2.75em; }
  #how-we-grade .share.on .icon, #como-calificamos .share.on .icon {
    padding: 0.28em 0.5em 0.35em 0.05em;
    min-width: 7vw; }
  #how-we-grade .share.on .icon svg, #como-calificamos .share.on .icon svg {
    margin: 0.25em 1em 0.05em 0.75em;
    padding: 0 0.5em;
    height: 1.75em;
    max-width: 2em; }
  .bgphoto .share .on .icon {
    padding: 0.4em 0.01em 0.2em 0.1em;
    max-width: 9vw; }
  .bgphoto .share .on .icon svg {
    padding: 0 0.05em 0 0.05em;
    margin: 0.05em 0 0.05em 0.25em;
    min-width: 1.5em !important;
    height: 1.35em; } }

@media only screen and (max-width: 480px) {
  .report .summary.photo .share {
    left: 89%;
    top: 20%;
    width: 6.5vw; }
  .report .summary.photo .you-txt {
    width: 93%; }
  .share.on .icon {
    min-width: 8.5vw; }
  .share.on .icon svg {
    margin: 0.15em 0.05em; }
  #downloads {
    padding: 4vw 0 2vw; }
  #downloads > div {
    border: 0;
    padding: 0; }
  .tip {
    width: 60%; }
  #how-we-grade .share .icon, #como-calificamos .share .icon {
    height: 2.5em; }
  #how-we-grade .share.on .icon svg, #como-calificamos .share.on .icon svg {
    margin: 0.25em 1em 0.05em 0.5em; } }

@media only screen and (max-width: 320px) {
  .footer .social {
    font-size: 90%; }
  .sponsors a {
    width: 4em; }
  .share .icon {
    height: 2.2em !important; }
  .share.on .icon {
    padding: 0.4em 0 0.3em 0 !important;
    min-width: 9vw !important; }
  .share .icon svg {
    height: 1.5em !important; }
  .share.on .icon svg {
    padding: 0.01em 0.05em 0.03em 0.1em !important;
    margin: 0 0.05em 0 0.18em !important;
    max-width: 1.7em !important; }
  .report .summary.photo .share.on .icon {
    padding: 0.4em 0 0.3em 0 !important;
    min-width: 10vw !important; }
  .report .summary.photo .share .icon svg {
    height: 1.4em !important; }
  .report .summary.photo .share.on .icon svg {
    padding: 0.1em 0.1em 0.03em 0.3em !important;
    max-width: 1.6em !important; } }

@media only screen and (max-height: 550px) {
  .report section, .card-action.summary {
    padding-bottom: 4em; } }

/*MISC*/
/*why do you want to block user select?*/
::selection {
  text-shadow: none; }

::-moz-selection {
  text-shadow: none; }

/*WP CORE*/
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #FFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption .wp-caption-text, .gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

@media print {
  * {
    background: transparent !important;
    color: #4dbbec !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .social svg, .sponsors svg {
    width: 100%;
    max-height: 1em;
    display: block; }
  .social svg {
    max-width: 1.5em; }
  .social, .social .icon {
    display: inline-block !important; }
  .grade-key .grade-img svg {
    margin-top: 1vw; }
  .grade-img .grade-txt {
    margin-top: 0 !important; } }

@-moz-document domain(199.79.190.50) {
  .logo {
    padding-top: 2%; }
  svg {
    width: 100%;
    height: 100%;
    display: block; } }

#go-check-more {
  text-align: center; }
#go-check-more #overview.rpc-overview,
#go-check-more #water.rpc-quality,
#go-check-more #pollution.rpc-sources,
#go-check-more #habitat.rpc-habitat,
#go-check-more #wildlife.rpc-wildlife,
#go-check-more #human.rpc-health,
#go-check-more #coastal.rpc-costal {
  display: none !important; }
#go-check-more .row > div {
  margin: 1em 0;
  transition: all 3s ease; }
#go-check-more .row > div .check-more-image-container {
  border: 10px solid white;
  box-shadow: 2px 2px 4px rgba(15, 15, 15, 0.4);
  margin: auto;
  position: relative;
  width: 60%;
  overflow: hidden; }
#go-check-more .row > div .check-more-image-container img {
  transition: all 3s ease; }
#go-check-more .row > div .check-more-image-container img:hover {
  animation: increase-img-size 1.5s forwards; }
#go-check-more span {
  display: block;
  margin: auto;
  font-size: 1.2em;
  font-weight: bold;
  min-height: 2em;
  line-height: 1; }

.harc-button-fix {
  margin-top: 0;
  margin-bottom: 16px;
  border-color: skyblue !important;
  color: skyblue !important; }

.report-link.harc-button-fix:hover, .report-link.harc-button-fix:focus {
  border-color: skyblue !important;
  color: white !important;
  background-color: skyblue; }

/*score change icons*/
.grade .score-change {
  position: absolute;
  right: 20%;
  top: -10%; }
.grade .score-change .detail-score-change {
  font-size: 0.2em;
  text-shadow: -1px 1px 1px #333; }
.grade .score-change .detail-score-change.on.up {
  animation: score-change-animation-up 1.5s infinite; }
.grade .score-change .detail-score-change.on.down {
  animation: score-change-animation-down 1.5s infinite; }

.grade .tooltip.fade.top {
  position: absolute;
  width: 100%;
  left: 0 !important;
  background: none !important;
  top: 0 !important; }
.grade .tooltip.fade.top .tooltip-arrow {
  color: #1F1F1F;
  border-top-color: #FFFFFF !important; }
.grade .tooltip.fade.top .tooltip-inner {
  background-color: #FFFFFF !important;
  color: #1F1F1F; }

@keyframes score-change-animation-up {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-10px); }
  60% {
    transform: translateY(-5px); } }

@keyframes score-change-animation-down {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(10px); }
  60% {
    transform: translateY(5px); } }

/*subsection hero image & text*/
.photo.hero {
  position: relative; }
.photo.hero:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #002f4b, #dc4225);
  opacity: .8; }

/*report card image*/
.rp-figure-container {
  margin: 5em 0; }
.rp-figure-container.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1; }
.rp-figure-container.row > [class*='col-'] {
  display: flex;
  flex-direction: column; }
.rp-figure-container .rp-figure {
  background-color: white !important;
  border: 10px solid #f0f0f0;
  box-shadow: 2px 2px 4px rgba(15, 15, 15, 0.4);
  overflow: hidden;
  position: relative; }
.rp-figure-container .rp-figure .img-container {
  transition: all 3s ease; }
.rp-figure-container .rp-figure .img-container img {
  transform: scale(1.35);
  transition: all 3s ease; }
.rp-figure-container .rp-figure .img-container:hover {
  animation: reduce-figure-size 1.5s forwards; }

.rpc-overview .rp-figure-container {
  margin: 0 !important;
  margin-top: 2em !important; }

@keyframes reduce-figure-size {
  100% {
    transform: scale(0.74); } }

@keyframes increase-img-size {
  100% {
    transform: scale(1.25); } }

#overview-placeholder {
  background: #4DBBEC; }
#overview-placeholder p {
  margin: 0 !important;
  padding: 0.25em 0;
  text-align: center;
  font-family: "oswalddemibold", "Arial Black", sans-serif;
  font-size: 2.5em; }
#overview-placeholder p a {
  color: inherit !important;
  text-transform: uppercase !important; }

/*SHARE ICONS*/
.share {
  position: absolute;
  top: 10%;
  left: 95%; }

.share .icon {
  display: block;
  max-width: 0;
  height: 2em;
  background: #fff;
  padding: 0.25em 0.35em;
  margin-bottom: 0.45em;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  overflow: hidden; }

.share.on .icon {
  max-width: 100%;
  overflow: visible; }

.share .icon svg {
  max-width: 0;
  height: 1.35em;
  display: block; }

.share.on .icon svg {
  width: 80%;
  max-width: 1.5em;
  margin: 0.1em; }

/*carousel*/
.wpsisac-slick-slider h2.wpsisac-slide-title {
  font-size: 2.5em !important;
  line-height: 1.2em !important; }

@media only screen and (max-width: 500px) {
  .wpsisac-slick.wpsisac-prodesign-7 .wpsisac-slick-image-slide .wpsisac-slide-wrap .wpsisac-slide-title,
  .wpsisac-slick.wpsisac-prodesign-8 .wpsisac-slick-image-slide .wpsisac-slide-wrap .wpsisac-slide-title,
  .wpsisac-slick.wpsisac-prodesign-9 .wpsisac-slick-image-slide .wpsisac-slide-wrap .wpsisac-slide-title,
  .wpsisac-slick.wpsisac-prodesign-10 .wpsisac-slick-image-slide .wpsisac-slide-wrap .wpsisac-slide-title {
    font-size: 1.8em !important;
    line-height: 1.2em !important; } }

/*quick hack for toxin in sediment */
#score-table {
  margin: 2em 0;
  text-align: center; }
#score-table b {
  font-size: 1.1em; }
#score-table .row:not(:first-of-type) {
  padding: 0.3em 0; }
#score-table .table-field {
  font-size: 1.1em; }
#score-table .table-title {
  text-align: left;
  font-size: 1.1em; }