.nhc-gradient-blue {
  background: linear-gradient(#fff, #5D88E2);
}
.nhc-gradient-blue2 {
  background: linear-gradient(rgb(144, 169, 225), #5D88E2);
}
.nhc-gradient-blue3 {
  background-color: rgb(144, 169, 225);
}
.nhc-gradient-gray {
  background: linear-gradient(#ccc, #999);
}
.nhc-solid-tan {
  background-color: #f5eed9;
}
.nhc-background-01 {
  background-image: url('/assets/images/rip-currents/image15.jpg');
  background-size: cover;
}
.nhc-background-02 {
  background-image: url('/assets/images/rip-currents/RedFlags.jpg');
  background-size: cover;
  background-color: rgba(255,255,255,0.75);
  background-blend-mode: lighten;
}
.nhc-red {
  color: #FF0000;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
p span.nhc-red-box {
  display: inline-block;
  border: 1px solid #000;
  background-color: #FF0000;
  color: #FFF;
  padding: 4px 10px;
  border-radius: 5px;
}
p span.nhc-yellow-box {
  display: inline-block;
  border: 1px solid #000;
  background-color: #FFFF00;
  color: #000;
  padding: 4px 10px;
  border-radius: 5px;
}
p span.nhc-light-gray-box {
  display: inline-block;
  border: 1px solid #000;
  background-color: #ececec;
  color: #000;
  padding: 4px 10px;
  border-radius: 5px;
}
p span.nhc-gray-box {
  display: inline-block;
  border: 1px solid #000;
  background-color: #858585;
  color: #FFF;
  padding: 4px 10px;
  border-radius: 5px;
}
/* Styles for the Rip Current roll-over image */
.nhc-highlight-off {
  color: #999;
  background-color: #ffffff;
  border: 3px solid #ffffff;
  padding:8px;
}
.nhc-highlight {
  color: #000;
  background-color: #f0f8ff; /* Light blue background */
  border: 3px solid #0071bc; /* Blue border */
  padding:8px;
}