@font-face {
  font-family: "Source Serif Pro";
  font-weight: 1 999;
  src: url(https://cdn.orvis.com/static/fonts/v1/SourceSans-Roman.woff2)
    format("woff2");
}

:root {
  --white: #fff;
  --gray: #666666;
  --gray-light: #999999;
  --gray-lightest: #e7e7e7;
  --black: #333;
  --bg-gray: #efefef;
  --brand-color: #005555;
  --brand-color-light: #008180;
  --accent-color: #f85828;
  --badge: #008180;
  --alert-bg: #e4f9f8;
  --alert-border: #008180;
  /* --hot: #f85928; */
  --hot: #d43900;
  --excellent: #005555;
  --good: #007e7e;
  --standard: #70b3af;
  --poor: #badad9;
  --no-reports: #dbdbdb;
  --color: var(--brand-color);
  --font-main: "Source Serif Pro", sans-serif;
  --container: 1445px;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-main);
  line-height: 1.76;
  color: var(--black);
}

img,
svg {
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 800;
}

/*--------------
 UTILITIES
--------------*/
.container {
  max-width: var(--container);
}

@media (min-width: 544px) {
  .row-grid-equal {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 1rem;
  }
}

@media (min-width: 768px) {
  .row-grid-equal-sm {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .row-grid-equal-md {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 1rem;
  }
}

@media (min-width: 1150px) {
  .row-grid-equal-lg {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .row-grid-equal-xl {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 1rem;
  }
}

.text-scheme-light,
.text-scheme-light * {
  color: var(--white);
}

.text-scheme-dark,
.text-scheme-dark * {
  color: var(--black);
}

@media (min-width: 544px) {
  .text-scheme-light-sm,
  .text-scheme-light-sm * {
    color: var(--white);
  }

  .text-scheme-dark-sm,
  .text-scheme-dark-sm * {
    color: var(--black);
  }
}

@media (min-width: 768px) {
  .text-scheme-light-md,
  .text-scheme-light-md * {
    color: var(--white);
  }

  .text-scheme-dark-md,
  .text-scheme-dark-md * {
    color: var(--black);
  }
}

@media (min-width: 1024px) {
  .text-scheme-light-lg,
  .text-scheme-light-lg * {
    color: var(--white);
  }

  .text-scheme-dark-lg,
  .text-scheme-dark-lg * {
    color: var(--black);
  }
}

@media (min-width: 1150px) {
  .text-scheme-light-xl,
  .text-scheme-light-xl * {
    color: var(--white);
  }

  .text-scheme-dark-xl,
  .text-scheme-dark-xl * {
    color: var(--black);
  }
}

.has-bg-img {
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: var(--backgroundimage);
}

@media (min-width: 544px) {
  .has-bg-img-sm {
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: var(--backgroundimage);
  }
}

@media (min-width: 768px) {
  .has-bg-img-md {
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: var(--backgroundimage);
  }
}

@media (min-width: 1024px) {
  .has-bg-img-lg {
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: var(--backgroundimage);
  }
}

@media (min-width: 1150px) {
  .has-bg-img-xl {
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: var(--backgroundimage);
  }
}

.text-brand {
  color: var(--brand-color);
}

.text-accent {
  color: var(--accent-color);
}

.text-gray {
  color: var(--gray);
}

.text-light-gray {
  color: var(--gray-light);
}

.text-black {
  color: var(--black);
}

.text-white {
  color: var(--white);
}

.text-size-base {
  font-size: 1rem;
}

.text-size-plus1 {
  font-size: 1.0625rem;
}

.text-size-plus2 {
  font-size: 1.125rem;
}

.link-arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  --color: var(--gray-light);
}

.hot,
[data-rank="hot"] {
  --color: var(--hot);
}

.excellent,
[data-rank="excellent"] {
  --color: var(--excellent);
}

.good,
[data-rank="good"] {
  --color: var(--good);
}

.standard,
[data-rank="standard"] {
  --color: var(--standard);
}

.poor,
[data-rank="poor"] {
  --color: var(--poor);
}

.no-reports,
[data-rank="no-reports"] {
  --color: var(--no-reports);
}

.link-arrow svg {
  width: 1rem;
  transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.link-arrow svg path {
  fill: var(--color);
}

.link-arrow:hover svg {
  transform: translateX(1ch);
}

.bg-cover {
  background-size: cover;
}

.btn-report {
  color: var(--white);
  background-color: var(--color);
}

.btn-report:hover,
.btn-report:focus,
.btn-report:active {
  color: var(--white);
  background-color: var(--color);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

/*--------------
 NAVIGATION
--------------*/
.site-header {
  position: relative;
}
/* 
.nav-item {
  position: relative;
}

.sub-menu {
  visibility: hidden;
  position: absolute;
  width: 100vw;
  left: 0;
  background-color: #fff;
  border-top: 1px solid var(--gray-lightest);
  padding: 2rem;
}

.sub-menu.active {
  visibility: visible;
}

.sub-menu-active::before {
  opacity: 1;
}

.sub-menu-cols {
  position: relative;
}

.sub-menu-col {
  padding: 0 1.5rem;
}

.sub-menu__header {
  position: relative;
  display: inline-block;
}

.sub-menu__header > span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  padding: 0.5rem;
  line-height: 1;
}

.sub-menu ul {
  list-style: none;
  padding: 0 1rem;
}

.sub-menu ul li {
  margin: 0.5rem 0;
}

.sub-menu ul li::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 16px;
  background-color: var(--color);
  margin-right: 0.5rem;
}

.sub-menu ul li a {
  color: var(--black);
}

.sub-menu ul li a:hover {
  font-weight: bold;
}

@media (min-width: 769px) {
  .sub-menu-cols {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }

  .sub-menu-col {
    border-left: 1px solid var(--gray-lightest);
  }
} */

/*--------------
 BREADCRUMBS
--------------*/
.breadcrumbs {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  white-space: nowrap;
}

.breadcrumbs .link-arrow {
  margin-right: 0.5rem;
  font-weight: bold;
}

.breadcrumbs a::after {
  content: "/";
  margin: 0 2px;
}

.breadcrumb-bar .breadcrumbs {
  padding: 1.5rem 0 0;
  margin-bottom: 0;
}

.breadcrumb-bar .breadcrumbs .link-arrow {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  background-color: #fff;
}

.breadcrumb-bar .breadcrumbs a {
  color: var(--gray);
}

.sidebar-back-button {
  color: var(--gray);
  display: flex;
  align-items: center;
  padding: 0 1rem 1rem;
  border-bottom: 1px solid var(--gray-lightest);
}

.sidebar-back-button svg {
  margin-right: 1rem;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin-bottom: 90px;
  }

  .breadcrumb-bar .breadcrumbs {
    padding: 1.5rem 2rem;
  }
}

.back-button path {
  fill: var(--gray);
}

.back-button:hover path {
  fill: var(--brand-color);
}

/*--------------
 FORMS
--------------*/
.input-group {
  position: relative;
}

input {
  position: relative;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"] {
  display: block;
  padding: 0.5em;
  width: 100%;
  background-color: #fafafa;
  border: 1px solid var(--gray-light);
}

input[type="email"] {
  background: no-repeat center right 1em/1.5rem
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' viewBox='0 0 23.8 21.8'%3E%3Cpath d='M11.8 2.2L21 8.9l-3.2 2H5.9l-3.2-2 9.1-6.7zm7.4 10.1l2.6-1.6V17l-2.6-4.7zm-12.7.6h10.7l3.9 6.9H2.7l3.8-6.9zM2 10.7l2.6 1.6L2 17v-6.3zm21.7 10.2v-12-.1-.1c0-.1-.1-.2-.1-.3-.1-.1-.1-.2-.2-.2l-11-8c-.2-.1-.3-.2-.6-.2-.2 0-.4.1-.6.2L.4 8.1c-.1.1-.2.2-.2.3-.1.1-.2.2-.2.3V21.1c0 .1.1.1.1.2s.1.1.1.2.1.1.2.1l.1.1c.1 0 .1 0 .2.1h22c.1 0 .2 0 .3-.1h.2l.1-.1c.1 0 .1-.1.2-.1.1-.1.1-.2.2-.3v-.3z' fill-rule='evenodd' clip-rule='evenodd' fill='%236db4af'/%3E%3C/svg%3E");
}

input[type="tel"] {
  background: no-repeat center right 1em/1.5rem
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' viewBox='0 0 23.8 23.8'%3E%3Cpath d='M6.4 15.1c-.1 0-.3 0-.4.1l-3.4 1.1c-.2.1-.3.2-.4.3-.2.2-.2.4-.2.6l.5 4.6c10.5-.3 19-8.8 19.3-19.4L17.2 2c-.2 0-.4 0-.5.2-.2.1-.3.2-.3.4L15.3 6c-.1.5 0 1 .3 1.4.4.3 1.7 1.6 1.3 3.2-.5 1.5-1.4 2.7-2.5 3.8-1.1 1.1-2.4 1.9-3.8 2.5-1.1.3-2.4-.7-3.1-1.4-.4-.3-.8-.4-1.1-.4zm-4.9 8.7H.6L0 17.4c0-.3 0-.6.1-.9.1-.3.2-.6.4-.9.2-.3.4-.5.6-.7.2-.2.5-.3.8-.5l3.4-1.1c.6-.2 1.2-.2 1.8-.1.6.1 1.2.4 1.6.8.4.4.8.7 1.2.9 1.1-.4 2.1-1.1 2.9-2s1.5-1.8 1.9-3c.1-.3-.4-.9-.7-1.1l-.1-.1c-.4-.5-.7-1-.8-1.6-.1-.6-.1-1.2 0-1.8l1.1-3.4c.1-.3.3-.6.4-.8.2-.2.4-.5.7-.6.3-.2.6-.3.9-.4.5-.1.8-.1 1.2-.1l6.4.6v.9c0 .7 0 1.5-.1 2.2-.1.7-.2 1.5-.3 2.2-.1.7-.3 1.4-.5 2.1-.2.7-.4 1.4-.7 2.1-.3.7-.6 1.3-.9 2-.3.6-.7 1.3-1.1 1.9-.4.6-.8 1.2-1.3 1.8-.5.6-1 1.1-1.5 1.6s-1.1 1-1.6 1.5c-.6.5-1.2.9-1.8 1.3-.6.4-1.2.8-1.9 1.1-.6.3-1.3.6-2 .9-.7.3-1.4.5-2.1.7-.7.2-1.4.4-2.1.5-.7.1-1.4.2-2.2.3-.7.1-1.4.1-2.2.1z' fill-rule='evenodd' clip-rule='evenodd' fill='%236db4af'/%3E%3C/svg%3E");
}

input + label {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease;
  color: var(--gray);
}

input:focus + label {
  font-size: 0.5em;
  top: 1em;
}

/*--------------
 CALLOUTS
--------------*/
.callout {
  text-align: center;
  font-size: 1rem;
}

.callout__heading {
  font-size: 1.5em;
}

.callout__p {
  color: var(--gray-light);
  font-size: 1em;
}

/*--------------
 SOCIAL BUTTONS
--------------*/
.share-buttons {
  display: flex;
  list-style: none;
  justify-content: center;
  padding: 0;
  margin: 0;
}

.share-buttons li {
  margin: 0 1ch;
}

.share-buttons svg {
  width: 29px;
}

/*--------------
 SECTION
--------------*/
.section-header {
  max-width: 70%;
}

@media (min-width: 768px) {
  .section__title {
    font-size: 3rem;
  }

  .section__subtitle {
    font-size: 1.125rem;
  }
}

/*--------------
 ICON HEADING
--------------*/
.icon-heading__icon {
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .icon-heading {
    display: flex;
    align-items: center;
  }

  .icon-heading__icon {
    margin-bottom: 0;
  }

  .icon-heading__title {
    margin-left: 1rem;
  }
}

/*--------------
 MAPS
--------------*/
#chartdiv {
  width: 100%;
  height: 450px;
  position: relative;
}

#chartdiv:hover {
  outline: 1px solid var(--gray-lightest);
}

.map-modal {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 250px;
}

.map-modal[aria-hidden="true"] {
  display: none;
}

#conditionschart {
  width: 100%;
  height: 7rem;
}

/* @media (min-width: 768px) {
  .map-section {
    border-left: 2px solid var(--gray-lightest);
  }
} */

.main-map {
  margin-bottom: 120px;
}

.river-list {
  padding: 1.5rem 0 0;
  border-top: 1px solid var(--gray-lightest);
}

.river-list li {
  display: flex;
  margin-bottom: 1rem;
}

.river-list li::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--color);
  margin-right: 1rem;
}

.river-list a {
  line-height: 1;
}

@media (min-width: 768px) {
  .river-list {
    -moz-column-count: 3;
    column-count: 3;
  }
}

/*--------------
 LOCATION LIST
--------------*/
.arrow-list {
  list-style: none;
  padding: 0;
}

.arrow-list li {
  border-top: 1px solid var(--gray-lightest);
}

.arrow-list a {
  padding: 0.5rem 2rem;
  background-color: #fafafa;
  color: var(--gray);
}

/*--------------
 CARDS
--------------*/
/* @media (min-width: 544px) and (max-width: 1024px) {
  .card {
    flex-direction: row;
  }
} */

.card {
  height: 100%;
}

.card__copy {
  padding: 1rem;
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.card__copy *:last-child {
  margin-bottom: 0;
  margin-top: auto;
}

.card-slider {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: auto;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.card-slider .card {
  margin-bottom: 0;
}

.card-slider__item {
  flex: 0 0 260px;
}

.card-slider__item:not(:first-child) {
  margin-left: 1rem;
}

.card-slider__scroll-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.card-slider__scroll-btn {
  outline: none;
  border: none;
  background: none;
  padding: 0;
}

.card-slider__scroll-btn + .card-slider__scroll-btn {
  margin-left: 12px;
}

.card-slider__scroll-btn svg {
  fill: #055;
}

.card-slider__mobile-side-buttons {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.card-slider__side-btn {
  width: 2.5rem;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  z-index: 2;
  opacity: 0;
  pointer-events: all;
}

.card-slider__side-btn:focus,
.card-slider__side-btn:hover {
  outline: none;
}

.card-slider.horz-scroll--at-beginning .card-slider__scroll-btn--left svg,
.card-slider.horz-scroll--at-end .card-slider__scroll-btn--right svg {
  fill: #707070;
}

@media (min-width: 768px) {
  .card-slider__scroll-btn svg {
    fill: #fff;
  }
}

/*--------------
 CARD BUTTONS
--------------*/
.card-button {
  display: block;
  border-bottom: 2px solid #e2e2e2;
  color: inherit;
  position: relative;
  margin-bottom: 1rem;
}

.card-button:hover {
  border-color: var(--color-main);
}

.card-button__img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.2;
}

.card-button:hover .card-button__img {
  opacity: 0.3;
}

.card-button__name {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 14px 16px;
  margin: 0;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1;
}

.card-button__name::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' viewBox='0 0 15.7 15.7'%3E%3Cstyle%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23008180%7D%3C/style%3E%3Cpath class='st0' d='M5.5 11.3l1.4 1.4 4.9-4.9L6.9 3 5.5 4.4 9 7.9l-3.5 3.4zM7.9 0c4.3 0 7.9 3.5 7.9 7.9s-3.5 7.9-7.9 7.9C3.5 15.7 0 12.2 0 7.9S3.5 0 7.9 0z'/%3E%3C/svg%3E");
  display: block;
  width: 1rem;
  flex: 0 0 1rem;
  margin-left: 1rem;
}

@media (min-width: 768px) {
  .card-button {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .card-button__img {
    position: relative;
    opacity: 1;
  }

  .card-button:hover .card-button__img {
    opacity: 1;
  }

  .card-button__name {
    margin-top: auto;
  }
}

/*--------------
 FOOTER
--------------*/
.site-footer {
  line-height: 1.9;
  padding-bottom: 3rem;
}

.site-footer h3 {
  font-size: 1.125rem;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.site-footer__heading {
  letter-spacing: 3px;
  border-bottom: 1px solid #707070;
}

.site-footer ul a {
  color: var(--black);
}

.site-footer ul a:hover {
  text-decoration: underline;
}

@media (min-width: 544px) and (max-width: 767px) {
  .state-columns {
    -moz-column-count: 3;
    column-count: 3;
  }
}

@media (min-width: 768px) {
  .state-columns {
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 1024px) {
  .state-columns {
    -moz-column-count: 4;
    column-count: 4;
  }
}

/*--------------
 SIDEBAR
--------------*/
.widget__heading {
  padding: 0.5rem 2rem;
  font-size: 1rem;
  line-height: 1.75;
  border-top: 2px solid var(--gray);
  margin-bottom: 0;
}

/*--------------
 REPORTS
--------------*/
.report-sidebar {
  margin-bottom: 2rem;
}

.report-header {
  background-color: var(--bg-gray);
  padding: 2rem;
  margin-bottom: 1.5rem;
}

.report-header__eyebrow {
  margin-bottom: 0;
  font-weight: bold;
}

.report-header__title {
  font-weight: bold;
  font-size: 1.5rem;
}

.report-widget {
  margin-bottom: 4.5rem;
}

.report-widget--bordered {
  padding: 2rem 0;
  border-top: 2px solid var(--gray-lightest);
  border-bottom: 2px solid var(--gray-lightest);
}

.report-widget__subtitle {
  font-size: 1rem;
}

.report-captain {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 1.875rem;
}

.report-captain__info {
  padding: 0 10px;
}

.reported-by {
  font-weight: bold;
  line-height: 1.2;
}

.reported-by span {
  display: block;
  color: var(--gray);
}

.last-updated {
  line-height: 1.2;
}

.last-updated span {
  display: block;
  color: var(--brand-color);
  font-weight: normal;
  font-size: 1.5em;
}

@media (min-width: 768px) {
  .report {
    padding: 2rem;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 2rem;
    align-items: start;
  }

  .report-sidebar {
    padding-right: 1.125rem;
    padding-top: 1.5rem;
    border-right: 2px solid var(--gray-lightest);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

  .report-content {
    padding-top: 1.5rem;
  }

  .report-header {
    padding: 2rem;
    background-color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0;
  }

  .report-captain {
    display: block;
  }

  .report-captain__img {
    margin-bottom: 1rem;
  }

  .report-widget {
    margin-bottom: 2rem;
  }

  .report-widget--bordered {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .report-widget--bordered .report-widget__title {
    margin-bottom: 1.5rem;
  }

  .last-updated span {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .report-header {
    max-width: 50%;
  }

  .report-content {
    display: grid;
    grid-template-columns: 37% 1fr;
    gap: 3rem;
    row-gap: 1.5625rem;
  }

  .report-widget--full {
    grid-column: 1/-1;
  }

  .report-header__title {
    font-size: 2.375rem;
    font-weight: bold;
  }

  .report-widget__title {
    font-size: 1.5rem;
  }
}

.report {
  background-color: var(--white);
}

.report-temps {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1rem 0;
}

.report-temps__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.report-temps__icon img {
  width: 70%;
  height: auto;
}

.report-temp {
  margin: 0 1rem;
}

.report-temp__title {
  font-size: 0.75rem;
  color: var(--gray);
  margin-bottom: 0;
}

.report-temp__degrees {
  color: var(--brand-color-light);
  font-size: 20vw;
  font-weight: bold;
  line-height: 1;
}

.alert {
  background-color: var(--alert-bg);
  border: 1px solid var(--alert-border);
  padding: 1.5rem 1rem;
}

.alert > * {
  margin-bottom: 0;
}

.alert > * + * {
  margin-top: 1rem;
}

.alert__title {
  color: var(--black);
}

.alert__body {
  color: var(--black);
}

.badge-text {
  color: var(--badge);
  font-size: 0.75em;
  font-weight: bold;
  font-style: italic;
  display: block;
}

.badge-credit {
  display: block;
  color: var(--gray-light);
  font-size: 0.75em;
  font-weight: normal;
  margin-top: 1em;
}

.species-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.species-list li {
  padding: 1rem;
  flex: 0 1 50%;
  text-align: center;
  font-size: 1.125rem;
  font-weight: bold;
}

.species-list li > p {
  margin: 0;
}

.gear-header {
  margin-bottom: 1rem;
}

.gear-table {
  border: 1px solid var(--gray-lightest);
  padding: 5px;
  text-transform: capitalize;
}

.gear-table thead {
  border-bottom: 1px solid var(--gray);
}

.gear-table tbody tr {
  cursor: pointer;
  white-space: nowrap;
}

.gear-table tbody tr:hover,
.gear-table .table-row-active {
  background-color: var(--alert-bg) !important;
}

.gear-spotlight {
  padding: 1.5rem;
  border: 1px solid var(--gray-lightest);
  margin-bottom: 5px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.gear-spotlight__image {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.gear-spotlight__image svg {
  width: 125px;
}

.gear-spotlight__img-not-found-text {
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--gray-light);
}

.gear-spotlight__img {
  max-height: 200px;
  -o-object-fit: contain;
  object-fit: contain;
}

.gear-spotlight__meta {
  margin-right: 1rem;
}

.gear-spotlight__price {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1;
}

.gear-spotlight__sku {
  color: var(--gray);
  font-size: 0.8125rem;
  margin-bottom: 0;
}

.gear-spotlight .hidden {
  display: none;
}

.gear-spotlight__title {
  font-weight: normal;
}

.gear-spotlight__description a {
  text-decoration: underline;
}

.gear-tabs {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.gear-tabs li {
  flex: 1 1;
  margin-bottom: 5px;
}

.gear-tabs li:not(.gear-tab--primary) {
  display: none;
}

.gear-tabs a {
  padding: 1em;
  line-height: 1;
  text-transform: uppercase;
  background-color: var(--brand-color);
  border-color: var(--brand-color-light);
  color: var(--white);
  display: block;
  width: 100%;
  white-space: nowrap;
  text-align: center;
}

.gear-list {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  list-style: none;
  padding: 0;
}

.gear-list li {
  flex: 0 0 170px;
}

.gear-list li + li {
  margin-left: 5px;
}

.gear-list li img,
.gear-list li svg {
  border: 1px solid var(--gray-lightest);
}

.gear-list li svg {
  padding: 1rem;
}

.gear-list li a,
.gear-list li > div,
.gear-list__button {
  display: block;
  color: var(--gray);
  font-weight: bold;
  padding: 6px;
  height: 100%;
}

.gear-list li a:hover,
.gear-list__button:hover,
.gear-list__button--active {
  background-color: var(--alert-bg);
}

.gear-list-item__title {
  font-size: 1rem;
  color: var(--gray-light);
  font-weight: normal;
}

.gear-list__name {
  line-height: 1.2;
  margin-top: 0.5rem;
  margin-bottom: 0;
}

@media (min-width: 350px) {
  .gear-spotlight-footer {
    display: flex;
    justify-content: flex-end;
  }
}

@media (min-width: 768px) {
  .report-temp {
    text-align: center;
  }

  .report-temp__title {
    font-size: 0.875rem;
  }

  .report-temp__degrees {
    font-size: 4rem;
  }

  .badge-text {
    display: inline;
    font-weight: normal;
  }

  .badge-credit {
    display: inline;
    margin-top: 0;
    font-size: 0.6875em;
  }

  .alert {
    padding: 2.5rem;
  }

  .gear-spotlight__title {
    font-size: 1.5rem;
    font-weight: bold;
  }

  .gear-table {
    height: 100%;
  }

  .gear-header {
    padding: 0 1.5rem;
  }

  .gear-tabs {
    margin: 0;
  }

  .gear-tabs li {
    margin: 0;
  }

  .gear-tabs li + li {
    margin-left: 5px;
  }

  .gear-tabs li:not(.gear-tab--primary) {
    display: block;
  }

  .gear-tabs li a {
    padding: 0.75em 1em;
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: var(--gray);
  }

  .gear-tabs li a:hover {
    background-color: var(--brand-color);
    color: var(--white);
  }

  .gear-tabs a {
    border: 1px solid var(--gray-lightest);
    background-color: #fff;
    color: var(--brand-color);
  }

  .gear-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.5rem;
    overflow: initial;
  }

  .gear-list li + li {
    margin-left: 0;
  }
}

@media (min-width: 1024px) {
  .gear {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }

  .gear-header {
    padding: 0;
    grid-column: 1/-1;
  }

  .species-list li {
    flex: 0 1 150px;
  }
}
.alert-heading {
  display:none;
}
joomla-alert {
  margin-bottom:0;
}
.hot-locs-image-anchor {
  display:block;
  width:100%;
  height:160px;
  background-repeat:no-repeat;
  background-size:cover;
}
.hot-locs-image-anchor > img {
  width:100%;
  height:100%;
}
.embed > .container {
  max-width:600px;
}
.embed .report {
  display:block;
}
.embed .report-header {
  width:initial;
  max-width:initial;
  text-align:center;
}
.embed .report-header__title {
  margin: 15px auto;
  font-size: 2rem;
}
.embed .report-captain {
  padding:0;
  margin-bottom:0;
}
.embed .report-captain__info {
  display: flex;
  justify-content: space-between;
  padding:0;
}
.embed .reported-by span {
  display:inline;
}
.embed .last-updated {
  font-weight:bold;
  line-height: initial;
  color: var(--gray);
}
.last-updated span {
  font-size:16px;
  font-weight:bold;
  color: #007e7e;
}
.embed .report-content {
  display:block;
}
.embed .header, .embed .site-footer, .embed footer {
  display:none;
}
.embed .embed {
  padding: 2rem 0;
}