/* ---- Header and Page CSS ----*/

#masthead {
  background-color: #ebebeb;
  border-bottom: solid 1px #d3d3d3;
}

.header-wrap {
  opacity: 1;
  position: initial;
}

body {
  font-family: Helvetica;
  font-size: 17px;
  padding-top: 0px;
  /* background-color: #fff; */
  background-color: rgb(212, 238, 245); /* AJG */
  color: #333;
}

td {
  vertical-align: middle !important;
  border: none;
}

table {
  border: none;
}

#title-link a:hover {
  text-decoration: none;
}

#pubdata-link {
  font-size: 30px;
}

#pubdata-link a:hover {
  text-decoration: none;
}

/* --- TOPNAV SECTION ---- */

ul#navbar {
  /*display: flex;*/
  margin: 0;
  /*float: right;*/
  justify-content: end;
}
#navbar li {
  flex: 1 0 0;
  padding-bottom: 0px;
}

#navbar li a {
  display: inline-block;
  text-decoration: none;
}

.topnav {
  background-color: #ebebeb;
  float: right;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  max-width: 100%;
}

.topnav li {
  display: inline-block;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: center;
  display: inline-block;
  color: #333;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
  padding: 10px 14px;
  text-decoration: none;
  font-family: Helvetica;
  font-size: 18px;
  width: 100%;
}

.topnav active {
  color: white;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #a9a9a9;
  color: #fff;
}

/* Add an active class to highlight the current page */
.active {
  background-color: #8f8f8f;
  color: white;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #a9a9a9;
  /*background-color: #2095CF;*/
}

#navbar {
  float: center;
  width: 100%;
}

@media screen and (max-width: 600px) {
  .topnav ul,
  .topnav:active ul {
    display: none;
    position: absolute;
    float: center;
    padding: 10px;
    width: 50%;
  }
  .topnav li {
    text-align: center;
    width: 100%;
    float: center;
    padding: 10px;
    margin: 0;
  }

  .topnav:hover ul {
    display: block;
  }
}

.col-lg {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 15px;
  background: #a2abc4;
  box-shadow: -5px 5px 5px rgba(70, 86, 177, 0.3);
  border-radius: 5px;
}

.pubdata-col-lg {
  padding-top: 15px;
}
/* ---  divTable CSS ---- */

.divTable {
  display: table;
  align-items: center;
  margin: auto;
  width: 50%;
}

.divTableIndust {
  width: 85%;
}

.divTableRow {
  display: table-row;
}
.divTableHeading {
  background-color: #eee;
  display: table-header-group;
}
.divTableCell,
.divTableHead {
  margin: auto;
  display: table-cell;
  padding: 5px 7px;
  vertical-align: middle;
  width: 50%;
}
.divTableHeading {
  background-color: #eee;
  display: table-header-group;
  font-weight: bold;
}
.divTableFoot {
  background-color: #eee;
  display: table-footer-group;
  font-weight: bold;
}
.divTableBody {
  display: table-row-group;
}

/*--- PUBDATA HOME SECTION ---- */

#overview-txt {
  text-align: justify;
  background: #a2abc4;
  box-shadow: -5px 5px 5px rgba(70, 86, 177, 0.3);
  border-radius: 5px;
}

.tagLine p {
  color: black;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0;
  background-color: rgb(160, 185, 233);
  border-radius: 5px;
  box-shadow: -5px 5px 5px rgba(70, 86, 177, 0.3);
}

#MLML-img-map {
  height: 100%;
  width: 100%;
}

#MLML-img {
  max-width: none; /* Prevent image scaling so that the map doesn't break */
  box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}

#map-copyright-txt {
  color: #808080; /* Gray */
  font-size: 12px;
}

/* ---- SCIENTIFIC SEAWATER SECTION ------ */

.sw-links a:hover {
  text-decoration: none;
}

.sw-links {
  font-weight: bold;
  font-size: medium;
}

.seaimg {
  margin-left: 0;
  margin-right: 0;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  display: table-cell;
  padding: 6px;
  border-radius: 5px;
}

#instrument-table {
  padding: 2px;
  display: table;
  align-content: space-between;
  /*border: 1px solid #a9a9a9;
	border-collapse: collapse;*/
  color: #333;
  width: 100%;
  margin: 0 auto;
}

#parameter-table {
  padding: 0px;
  padding-top: 0px;
  font-size: 13px;
  margin: 0 auto;
  align-content: center;
  vertical-align: center;
  height: auto;
  width: 60%;
  min-width: 50%;
  max-width: 70%;
  /*border: 1px solid #d3d3d3;
	background-color: #333;*/
  color: #333;
  display: table;
}

#sw-map-cell {
  position: static;
}

#param-table-bigcell {
  position: relative;
}

/* ------ INDUSTRIAL SEAWATER ----- */

.indust-imgs {
  border: 1px solid #d5d5d5;
}

#seawater-station-table {
  padding-top: 5px;
  padding-bottom: 5px;
}

#sw-station-table-title {
  font-size: 14px;
  padding: 6px;
}

#sw-station-table-body {
  font-size: 13px;
}

#water-conditions-table {
  width: 100%;
  min-width: 75%;
  max-width: 100%;
}

#deprecated-cell {
  color: orangered;
  font-weight: bold;
  font-size: 14px;
}

/* -------- WEATHER STATION SECTION ----------*/

.weathernav {
  float: center;
  position: relative;
  background-color: #129ae7;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  max-width: 50%;
}

.weather-body {
  padding-top: 10px;
}

#weather-recent-title {
  color: #333;
  font-size: 25px;
}

.weather-recent-top {
  text-align: center;
  align-items: center;
  padding: 5px;
}

#weather-cond-table {
  font-family: Helvetica;
  font-style: normal;
}

#weather-cond-table a:link {
  text-decoration: none;
  color: #009efa;
}

#weather-cond-table a:hover {
  text-decoration: none;
  color: #624697;
}

#weather-cond-table a:visited {
  text-decoration: none;
  color: #009efa;
}

#weather-outer-table {
  width: 70%;
  height: 70%;
  margin: auto;
}

#recent-table {
  align-items: space-between;
}

#weatherimg-cell {
  text-align: center;
}

#weather-nav {
  display: inline-block;
  float: center;
  align-items: center;
  font-size: 2rem;
}

#desc-img {
  max-width: none;
  max-height: none;
}

#desc-img-div {
  padding-left: 45px;
}

.desc-div {
  padding-left: 60px;
  padding-right: 60px;
}

/* ------ AQ OXYGEN SECTION ---- */

.aq-inst-labels {
  font-weight: bold;
}

.aq-inst-vals {
  text-align: right;
}

.sample-table {
  border: 1px solid #d3d3d3;
  padding: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 8px;
  padding-right: 2px;
  margin: 0 auto;
}

.aq-cell {
  align-items: center;
}

.aqimg {
  border: 1px solid #d5d5d5;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  align-items: center;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

.aqimg-small {
  max-height: 350px;
  max-width: 300px;
}

#oxyimg-div {
  align-items: center;
  margin: auto;
  text-align: center;
  display: block;
}
#oxyimg {
  align-items: center;
  margin: auto;
  text-align: center;
  display: block;
}
#instrument-info-table {
  display: table;
  font-size: 15px;
  float: center;
  align-content: space-between;
  margin: 0 auto;
}

#aq-sample-table {
  padding: 2px;
  width: 100%;

  color: #333;
  margin: 0 auto;
  align-content: flex-end;
}

#aqoxygen-title {
  text-align: center;
}

#aq-table {
  align-items: center;
  text-align: center;
  float: center;
  justify-content: center;
  font-size: 13px;
}

#aq-img-table {
  width: 100%;
  margin: 0 auto;
  align-content: space-between;
  align-items: center;
  align-self: center;
  float: center;
}

/* Mcquirts Section */

#mcsquirts-div {
  display: flex;
  align-items: center;
}

/* --- Footer Section --- */

#disclaim-table {
  width: 100%;
}

#disclaim-txt {
  font-size: 12px;
  font-style: italic;
  text-align: justify;
  min-width: 697px;
}

hr {
  border-top: 0.15px solid #dadada;
}