.pbp-landing {
  background: #fff;
}

.boatlanding-main {
  background: #fff;
}

.boatexplore-main {
  background: #fff;
}

#hero {
  position: relative;
  display: flex;
  min-height: 550px;
  align-items: stretch;
  background-color: #061b3c;
  background-position: center;
  background-size: cover;
  color: #fff;
  border-bottom: 5px solid #d9361f;
}
#hero .uk-position-cover.tint {
  background-color: #02020282;
}
#hero .hero-container {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 32px;
  padding-bottom: 60px;
}
#hero .hero-container .hero-logo img, #hero .hero-container .hero-logo svg {
  min-width: 250px;
}
#hero .hero-details {
  color: #fff;
  text-align: right;
}
#hero .hero-details .date {
  font-size: 25px;
}
#hero .hero-content {
  width: 100%;
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
#hero .hero-content h2, #hero .hero-content h3, #hero .hero-content h4 {
  color: #fff;
}
#hero .hero-title {
  color: #fff;
  font-size: clamp(36px, 4vw, 58px);
  font-weight: 700;
  line-height: 1.1;
}
#hero .hero-copy {
  color: #fff;
}
#hero .hero-copy h2, #hero .hero-copy h3, #hero .hero-copy h4 {
  color: #fff;
}
#hero .hero-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#hero .hero-button:hover {
  background: #2196F3;
  color: #fff;
}

#pbc-hero,
#pbp-hero {
  position: relative;
  display: flex;
  min-height: 550px;
  align-items: stretch;
  background-color: #061b3c;
  background-position: center;
  background-size: cover;
  color: #fff;
  border-bottom: 5px solid #bf2e1a;
}
#pbc-hero .hero-logo img,
#pbp-hero .hero-logo img {
  display: block;
  width: auto;
  max-width: 270px;
  height: 90px;
}
#pbc-hero .hero-details,
#pbp-hero .hero-details {
  color: #fff;
  text-align: right;
}
#pbc-hero .hero-details .date,
#pbp-hero .hero-details .date {
  font-size: 25px;
}
#pbc-hero .hero-container,
#pbp-hero .hero-container {
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 32px;
  padding-bottom: 60px;
}
#pbc-hero .hero-container .tint,
#pbp-hero .hero-container .tint {
  background-color: #02020282;
}
#pbc-hero .hero-container .hero-logo img,
#pbp-hero .hero-container .hero-logo img {
  display: block;
  width: auto;
  max-width: 270px;
  max-height: 90px;
}
#pbc-hero .hero-container .hero-content,
#pbp-hero .hero-container .hero-content {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  width: 100%;
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
#pbc-hero .hero-container .hero-content h1,
#pbc-hero .hero-container .hero-content h2,
#pbp-hero .hero-container .hero-content h1,
#pbp-hero .hero-container .hero-content h2 {
  color: #f5f5f5;
}
#pbc-hero .hero-container .hero-content .hero-button,
#pbp-hero .hero-container .hero-content .hero-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#pbc-hero .hero-container .hero-content .hero-button:hover,
#pbp-hero .hero-container .hero-content .hero-button:hover {
  background: #2196F3;
  color: #fff;
}
#pbc-hero .hero-container .hero-title,
#pbp-hero .hero-container .hero-title {
  color: #fff;
  font-size: clamp(36px, 4vw, 58px);
  font-weight: 700;
  line-height: 1.1;
}
#pbc-hero .hero-container .hero-button,
#pbp-hero .hero-container .hero-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#pbc-hero .hero-container .hero-button::hover,
#pbp-hero .hero-container .hero-button::hover {
  background: #b92715;
  color: #fff;
}

#header-a {
  min-height: 550px;
  color: #f5f5f5;
  border-bottom: 5px solid #bf2e1a;
  background-position: center center;
}
#header-a #nav .left .logo img {
  display: block;
  width: auto;
  max-width: 270px;
  max-height: 90px;
}
#header-a #nav .right {
  text-align: right;
}
#header-a #nav .right .date {
  font-size: 25px;
}
#header-a .uk-position-cover.tint {
  background-color: #02020282;
}
#header-a .content {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}
#header-a .content h2 {
  color: #f5f5f5;
}
#header-a .uk-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#header-a .uk-button::hover {
  background: #2196F3;
}

#top-a {
  background: #fff;
}
#top-a .top-a-title {
  color: #17365f;
  font-weight: 700;
  text-transform: uppercase;
}
#top-a .top-a-title::after {
  display: block;
  width: 180px;
  height: 1px;
  margin: 12px auto 0;
  background: #d9361f;
  content: "";
}
#top-a .pbp-top-a-title {
  color: #17365f;
  font-weight: 700;
  text-transform: uppercase;
}
#top-a .pbp-top-a-title:after {
  display: block;
  width: 180px;
  height: 1px;
  margin: 12px auto 0;
  background: #bf2e1a;
  content: "";
}
#top-a .top-a-content {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #17365f;
  text-align: center;
}
#top-a .top-a-content > :last-child {
  margin-bottom: 0;
}
#top-a .pbp-top-a-content {
  color: #17365f;
}
#top-a .top-a-photo {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #68a3cc;
}
#top-a .top-a-photo::after {
  position: absolute;
  inset: 55% 0 0;
  z-index: 1;
  background: linear-gradient(to bottom, transparent, rgba(5, 27, 55, 0.72));
  content: "";
  pointer-events: none;
}
#top-a .pbp-top-a-photo {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #68a3cc;
}
#top-a .pbp-top-a-photo:after {
  position: absolute;
  inset: 55% 0 0;
  z-index: 1;
  background: linear-gradient(to bottom, transparent, rgba(5, 27, 55, 0.72));
  content: "";
  pointer-events: none;
}
#top-a .pbp-top-a-photo .pbp-top-a-photo-caption {
  z-index: 2;
  margin: 0;
  color: #fff;
  font-weight: 700;
}
#top-a .top-a-photo-caption {
  z-index: 2;
  margin: 0;
  color: #fff;
  font-weight: 700;
}
#top-a .uk-dotnav > * > * {
  width: 8px;
  height: 8px;
  border-color: #bf2e1a;
  background: #bf2e1a;
}
#top-a .uk-dotnav > .uk-active > * {
  background: #922314;
}
#top-a .pbp-top-a-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-a .pbp-top-a-button:hover {
  background: #2196F3;
  color: #fff;
}
#top-a .bl-section-heading {
  color: #17365f;
  font-weight: 700;
  text-transform: uppercase;
}
#top-a .bl-section-heading::after {
  display: block;
  max-width: 300px;
  height: 1px;
  margin: 12px auto 0;
  background: #bf2e1a;
  content: "";
}
#top-a .bl-boat-title {
  z-index: 2;
  margin: 0;
  color: #fff;
  font-weight: 700;
}
#top-a .bl-section-subtitle {
  color: #17365f;
}
#top-a .bl-boat-card {
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #17365f;
}
#top-a .bl-boat-card::after {
  position: absolute;
  inset: 45% 0 0;
  z-index: 1;
  background: linear-gradient(to bottom, transparent, rgba(5, 27, 55, 0.78));
  content: "";
  pointer-events: none;
}
#top-a .bl-on-water-content {
  max-width: 900px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  color: #17365f;
  text-align: center;
}
#top-a .bl-on-water-content > :last-child {
  margin-bottom: 0;
}
#top-a .buy-tickets-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-a .buy-tickets-button:hover {
  background: #2196F3;
  color: #fff;
}

#top-b {
  position: relative;
  background-color: #061b3c;
  background-position: center;
  background-size: cover;
  color: #fff;
}
#top-b h2, #top-b h3, #top-b h4, #top-b h5, #top-b h6 {
  color: #fff;
}
#top-b::before {
  position: absolute;
  inset: 0;
  background: rgba(3, 22, 50, 0.72);
  content: "";
  pointer-events: none;
}
#top-b .uk-container {
  position: relative;
  z-index: 1;
}
#top-b .on-water-heading {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#top-b .on-water-heading::after {
  display: block;
  width: 180px;
  height: 1px;
  margin: 12px auto 0;
  background: #bf2e1a;
  content: "";
}
#top-b .on-water-content {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  text-align: center;
}
#top-b .on-water-content h1, #top-b .on-water-content h2, #top-b .on-water-content h3, #top-b .on-water-content h4, #top-b .on-water-content h5, #top-b .on-water-content h6, #top-b .on-water-content p, #top-b .on-water-content li {
  color: #fff;
}
#top-b .on-water-content > :last-child {
  margin-bottom: 0;
}
#top-b .manufacturer-brands .uk-grid-divider > :not(.uk-first-column)::before {
  border-left-color: rgba(255, 255, 255, 0.45);
}
#top-b .manufacturer-brands .buy-tickets-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-b .manufacturer-brands .buy-tickets-button:hover {
  background: #2196F3;
  color: #fff;
}
#top-b .manufacturer-left-content,
#top-b .manufacturer-content {
  color: #fff;
}
#top-b .manufacturer-left-content h1,
#top-b .manufacturer-left-content h2,
#top-b .manufacturer-left-content h3,
#top-b .manufacturer-left-content h4,
#top-b .manufacturer-left-content h5,
#top-b .manufacturer-left-content h6,
#top-b .manufacturer-left-content p,
#top-b .manufacturer-left-content li,
#top-b .manufacturer-content h1,
#top-b .manufacturer-content h2,
#top-b .manufacturer-content h3,
#top-b .manufacturer-content h4,
#top-b .manufacturer-content h5,
#top-b .manufacturer-content h6,
#top-b .manufacturer-content p,
#top-b .manufacturer-content li {
  color: #fff;
}
#top-b .manufacturer-left-content > :last-child,
#top-b .manufacturer-content > :last-child {
  margin-bottom: 0;
}
#top-b .manufacturer-title {
  color: #fff;
  font-weight: 700;
}
#top-b .brand-logo {
  display: flex;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-sizing: border-box;
}
#top-b .brand-logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
#top-b .manufacturer-link {
  background: transparent;
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}
#top-b .manufacturer-link:hover, #top-b .manufacturer-link:focus {
  color: #bf2e1a;
}
#top-b .ticket {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-b .ticket:hover {
  background: #2196F3;
  color: #fff;
}
#top-b .bl-top-b-left-content > :last-child {
  margin-bottom: 0;
}
#top-b .bl-top-b-brands-title {
  color: #fff;
  font-weight: 700;
}
#top-b .bl-top-b-brands .uk-button {
  background: transparent;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
  text-decoration: underline;
}
#top-b .bl-top-b-brands .uk-button:hover {
  color: #bf2e1a;
}
#top-b .bl-brand-logo, #top-b .bl-brand-logo {
  display: flex;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(255, 255, 255, 0.88);
  box-sizing: border-box;
}
#top-b .bl-brand-logo img, #top-b .bl-brand-logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
#top-b .top-a-photo {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #68a3cc;
}
#top-b .top-a-photo-caption {
  z-index: 2;
  margin: 0;
  color: #fff;
  font-weight: 700;
}
#top-b .top-b-content {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  text-align: center;
}
#top-b .top-b-content h2, #top-b .top-b-content h3, #top-b .top-b-content h4, #top-b .top-b-content h5, #top-b .top-b-content h5 {
  color: #fff;
}
#top-b .top-b-content > :last-child {
  margin-bottom: 0;
}
#top-b .top-b-gallery {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}
#top-b .top-b-photo {
  aspect-ratio: 1;
  overflow: hidden;
  background: #68a3cc;
}
#top-b .boat-card {
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #17365f;
}
#top-b .boat-card::after {
  position: absolute;
  inset: 45% 0 0;
  z-index: 1;
  background: linear-gradient(to bottom, transparent, rgba(5, 27, 55, 0.78));
  content: "";
  pointer-events: none;
}
#top-b .boat-card .boat-title {
  z-index: 2;
  margin: 0;
  color: #fff;
  font-weight: 700;
}
#top-b .uk-dotnav > * > * {
  width: 8px;
  height: 8px;
  border-color: #bf2e1a;
  background: #bf2e1a;
}
#top-b .uk-dotnav > .uk-active > * {
  background: #a92212;
}
#top-b .buy-tickets-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-b .buy-tickets-button:hover {
  background: #2196F3;
  color: #fff;
}
#top-b::before {
  position: absolute;
  inset: 0;
  background: rgba(3, 22, 50, 0.76);
  content: "";
  pointer-events: none;
}

#top-b.pbp-on-water {
  position: relative;
  background-color: #061b3c;
  background-position: center;
  background-size: cover;
  color: #fff;
}
#top-b.pbp-on-water::before {
  position: absolute;
  inset: 0;
  background: rgba(3, 22, 50, 0.76);
  content: "";
  pointer-events: none;
}
#top-b.pbp-on-water > .uk-container,
#top-b.pbp-on-water .pbp-on-water-slider {
  position: relative;
  z-index: 1;
}
#top-b.pbp-on-water .pbp-on-water-heading {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#top-b.pbp-on-water .pbp-on-water-heading::after {
  display: block;
  width: 180px;
  height: 1px;
  margin: 12px auto 0;
  background: #bf2e1a;
  content: "";
}
#top-b.pbp-on-water .pbp-on-water-subtitle {
  color: #fff;
}
#top-b.pbp-on-water .pbp-boat-card {
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #17365f;
}
#top-b.pbp-on-water .pbp-boat-card::after {
  position: absolute;
  inset: 45% 0 0;
  z-index: 1;
  background: linear-gradient(to bottom, transparent, rgba(5, 27, 55, 0.78));
  content: "";
  pointer-events: none;
}
#top-b.pbp-on-water .pbp-boat-card .pbp-top-a-boat-title {
  z-index: 2;
  margin: 0;
  color: #fff;
  font-weight: 700;
}
#top-b.pbp-on-water .pbp-boat-title {
  z-index: 2;
  margin: 0;
  color: #fff;
  font-weight: 700;
}
#top-b.pbp-on-water .uk-dotnav > * > * {
  width: 8px;
  height: 8px;
  border-color: #bf2e1a;
  background: #bf2e1a;
}
#top-b.pbp-on-water .uk-dotnav > .uk-active > * {
  background: #922314;
}
#top-b.pbp-on-water .pbp-on-water-content {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  text-align: center;
}
#top-b.pbp-on-water .pbp-on-water-content h1, #top-b.pbp-on-water .pbp-on-water-content h2, #top-b.pbp-on-water .pbp-on-water-content h3, #top-b.pbp-on-water .pbp-on-water-content h4, #top-b.pbp-on-water .pbp-on-water-content h5, #top-b.pbp-on-water .pbp-on-water-content h6, #top-b.pbp-on-water .pbp-on-water-content p, #top-b.pbp-on-water .pbp-on-water-content li {
  color: #fff;
}
#top-b.pbp-on-water .pbp-on-water-content > :last-child {
  margin-bottom: 0;
}
#top-b.pbp-on-water .pbp-manufacturer-brands .uk-grid-divider > :not(.uk-first-column)::before {
  border-left-color: rgba(255, 255, 255, 0.45);
}
#top-b.pbp-on-water .pbp-manufacturer-left-content,
#top-b.pbp-on-water .pbp-manufacturer-content {
  color: #fff;
}
#top-b.pbp-on-water .pbp-manufacturer-left-content h1,
#top-b.pbp-on-water .pbp-manufacturer-left-content h2,
#top-b.pbp-on-water .pbp-manufacturer-left-content h3,
#top-b.pbp-on-water .pbp-manufacturer-left-content h4,
#top-b.pbp-on-water .pbp-manufacturer-left-content h5,
#top-b.pbp-on-water .pbp-manufacturer-left-content h6,
#top-b.pbp-on-water .pbp-manufacturer-left-content p,
#top-b.pbp-on-water .pbp-manufacturer-left-content li,
#top-b.pbp-on-water .pbp-manufacturer-content h1,
#top-b.pbp-on-water .pbp-manufacturer-content h2,
#top-b.pbp-on-water .pbp-manufacturer-content h3,
#top-b.pbp-on-water .pbp-manufacturer-content h4,
#top-b.pbp-on-water .pbp-manufacturer-content h5,
#top-b.pbp-on-water .pbp-manufacturer-content h6,
#top-b.pbp-on-water .pbp-manufacturer-content p,
#top-b.pbp-on-water .pbp-manufacturer-content li {
  color: #fff;
}
#top-b.pbp-on-water .pbp-manufacturer-left-content > :last-child,
#top-b.pbp-on-water .pbp-manufacturer-content > :last-child {
  margin-bottom: 0;
}
#top-b.pbp-on-water .pbp-manufacturer-title {
  color: #fff;
  font-weight: 700;
}
#top-b.pbp-on-water .pbp-brand-logo {
  display: flex;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-sizing: border-box;
}
#top-b.pbp-on-water .pbp-brand-logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
#top-b.pbp-on-water .pbp-manufacturer-link {
  background: transparent;
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}
#top-b.pbp-on-water .pbp-manufacturer-link:hover, #top-b.pbp-on-water .pbp-manufacturer-link:focus {
  color: #bf2e1a;
}
#top-b.pbp-on-water .pbp-top-b-ticket {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-b.pbp-on-water .pbp-top-b-ticket:hover {
  background: #2196F3;
  color: #fff;
}

#top-c {
  background: #68a3cc url("https://abs-website-prod.s3.amazonaws.com/wp-content/uploads/2026/08/11135835/bg-blue-v2-landingpage.jpg");
  background-position: left center;
  background-size: cover;
  background-blend-mode: soft-light;
  color: #fff;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  text-align: center;
}
#top-c .bl-top-c-logo {
  display: flex;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(242, 242, 242, 0.92);
  box-sizing: border-box;
}
#top-c .bl-top-c-logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
#top-c .bl-top-c-content h2 {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#top-c .bl-top-c-content h3, #top-c .bl-top-c-content h4, #top-c .bl-top-c-content h5, #top-c .bl-top-c-content h6 {
  color: #fff;
}
#top-c .bl-top-c-content > :last-child {
  margin-bottom: 0;
}
#top-c .bl-top-c-right h2:after {
  display: block;
  max-width: 300px;
  height: 1px;
  margin: 12px auto 0;
  background: #bf2e1a;
  content: "";
}
#top-c .bl-top-c-right .uk-button {
  background: transparent;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-c .bl-top-c-right .uk-button:hover {
  color: #bf2e1a;
}
#top-c .top-c-content h2, #top-c .top-c-content h3, #top-c .top-c-content h4, #top-c .top-c-content h5, #top-c .top-c-content h6 {
  color: #fff;
}
#top-c .top-c-content > :last-child {
  margin-bottom: 0;
}
#top-c.come-shop {
  background: #fff;
}
#top-c.come-shop .editor {
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
  color: #17365f;
  text-align: center;
}
#top-c.come-shop .editor h1,
#top-c.come-shop .editor h2,
#top-c.come-shop .editor h3,
#top-c.come-shop .editor h4,
#top-c.come-shop .editor h5,
#top-c.come-shop .editor h6,
#top-c.come-shop .editor p,
#top-c.come-shop .editor li {
  color: #17365f;
}
#top-c.come-shop .editor h2 {
  font-weight: 700;
  text-transform: uppercase;
}
#top-c.come-shop .editor h2::after {
  display: block;
  width: 180px;
  height: 1px;
  margin: 12px auto 0;
  background: #bf2e1a;
  content: "";
}
#top-c.come-shop .editor img {
  display: block;
  width: 100%;
  height: auto;
  margin: 36px auto;
  border-radius: 8px;
}
#top-c.come-shop .editor > :last-child {
  margin-bottom: 0;
}
#top-c.come-shop .editor .hero-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-c.come-shop .editor .hero-button:hover {
  background: #2196F3;
  color: #fff;
}
#top-c .uk-dotnav > * > * {
  width: 8px;
  height: 8px;
  border-color: #bf2e1a;
  background: #bf2e1a;
}
#top-c .uk-dotnav > .uk-active > * {
  background: #a92212;
}
#top-c .buy-tickets-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-c .buy-tickets-button:hover {
  background: #2196F3;
  color: #fff;
}

#top-c.pbp-come-shop {
  background: #fff;
}
#top-c.pbp-come-shop .pbp-top-c-editor {
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
  color: #17365f;
  text-align: center;
}
#top-c.pbp-come-shop .pbp-top-c-editor h1,
#top-c.pbp-come-shop .pbp-top-c-editor h2,
#top-c.pbp-come-shop .pbp-top-c-editor h3,
#top-c.pbp-come-shop .pbp-top-c-editor h4,
#top-c.pbp-come-shop .pbp-top-c-editor h5,
#top-c.pbp-come-shop .pbp-top-c-editor h6,
#top-c.pbp-come-shop .pbp-top-c-editor p,
#top-c.pbp-come-shop .pbp-top-c-editor li {
  color: #17365f;
}
#top-c.pbp-come-shop .pbp-top-c-editor h2 {
  font-weight: 700;
  text-transform: uppercase;
}
#top-c.pbp-come-shop .pbp-top-c-editor h2::after {
  display: block;
  width: 180px;
  height: 1px;
  margin: 12px auto 0;
  background: #bf2e1a;
  content: "";
}
#top-c.pbp-come-shop .pbp-top-c-editor img {
  display: block;
  width: 100%;
  height: auto;
  margin: 36px auto;
  border-radius: 8px;
}
#top-c.pbp-come-shop .pbp-top-c-editor > :last-child {
  margin-bottom: 0;
}
#top-c.pbp-come-shop .pbp-top-c-editor .top-c-hero-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-c.pbp-come-shop .pbp-top-c-editor .top-c-hero-button:hover {
  background: #2196F3;
  color: #fff;
}

#top-d {
  padding-bottom: 100px;
  background-image: url("https://abs-website-prod.s3.amazonaws.com/wp-content/uploads/2026/08/11134832/bg-blue-landingpage.jpg");
  position: relative;
  background-color: #061b3c;
  background-position: center;
  background-size: cover;
  color: #fff;
}
#top-d .uk-container {
  position: relative;
  z-index: 1;
}
#top-d .top-d-title {
  color: #17365f;
  font-weight: 700;
  text-transform: uppercase;
}
#top-d .top-d-title::after {
  display: block;
  width: 180px;
  height: 1px;
  margin: 12px auto 0;
  background: #d9361f;
  content: "";
}
#top-d .top-d-card.uk-cover-container.uk-height-large:after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(5, 27, 55, 0.58);
  content: "";
  pointer-events: none;
}
#top-d.gear-brands {
  background-color: #58a9d7;
  background-position: left center;
  background-size: cover;
  background-blend-mode: soft-light;
  color: #fff;
}
#top-d.gear-brands .uk-grid-divider > :not(.uk-first-column)::before {
  border-left-color: rgba(255, 255, 255, 0.5);
}
#top-d.gear-brands .gear-editor {
  color: #fff;
}
#top-d.gear-brands .gear-editor h1,
#top-d.gear-brands .gear-editor h2,
#top-d.gear-brands .gear-editor h3,
#top-d.gear-brands .gear-editor h4,
#top-d.gear-brands .gear-editor h5,
#top-d.gear-brands .gear-editor h6,
#top-d.gear-brands .gear-editor p,
#top-d.gear-brands .gear-editor li {
  color: #fff;
}
#top-d.gear-brands .gear-editor h2 {
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
#top-d.gear-brands .gear-editor > :last-child {
  margin-bottom: 0;
}
#top-d.gear-brands .gear-logo {
  display: flex;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-sizing: border-box;
}
#top-d.gear-brands .gear-logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
#top-d.gear-brands .uk-dotnav > * > * {
  width: 8px;
  height: 8px;
  border-color: #bf2e1a;
  background: #bf2e1a;
}
#top-d.gear-brands .uk-dotnav > .uk-active > * {
  background: #922314;
}
#top-d.gear-brands .gear-brands-link {
  background: transparent;
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}
#top-d.gear-brands .gear-brands-link:hover, #top-d.gear-brands .gear-brands-link:focus {
  color: #bf2e1a;
}
#top-d.gear-brands .top-d-ticket {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-d.gear-brands .top-d-ticket:hover {
  background: #2196F3;
  color: #fff;
}
#top-d .top-d-content {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #17365f;
  text-align: center;
}
#top-d .top-d-content a {
  color: #d9361f;
}
#top-d .top-d-content > :last-child {
  margin-bottom: 0;
}
#top-d .bl-top-d-content {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
#top-d .bl-top-d-content h2 {
  color: #fff;
  font-weight: 700;
}
#top-d .top-d-card-content {
  z-index: 2;
  color: #fff;
  padding: 20px;
}
#top-d .top-d-card-title {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#top-d .top-d-card-button {
  background: #d9361f;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-d .top-d-card-button:hover {
  background: #2196F3;
  color: #fff;
}
#top-d .buy-tickets-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-d .buy-tickets-button:hover {
  background: #2196F3;
  color: #fff;
}
#top-d::before {
  position: absolute;
  inset: 0;
  background: rgba(3, 22, 50, 0.76);
  content: "";
  pointer-events: none;
}

#top-d.pbp-gear-brands {
  background-color: #58a9d7;
  background-position: left center;
  background-size: cover;
  background-blend-mode: soft-light;
  color: #fff;
}
#top-d.pbp-gear-brands .uk-grid-divider > :not(.uk-first-column)::before {
  border-left-color: rgba(255, 255, 255, 0.5);
}
#top-d.pbp-gear-brands .pbp-gear-editor {
  color: #fff;
}
#top-d.pbp-gear-brands .pbp-gear-editor h1,
#top-d.pbp-gear-brands .pbp-gear-editor h2,
#top-d.pbp-gear-brands .pbp-gear-editor h3,
#top-d.pbp-gear-brands .pbp-gear-editor h4,
#top-d.pbp-gear-brands .pbp-gear-editor h5,
#top-d.pbp-gear-brands .pbp-gear-editor h6,
#top-d.pbp-gear-brands .pbp-gear-editor p,
#top-d.pbp-gear-brands .pbp-gear-editor li {
  color: #fff;
}
#top-d.pbp-gear-brands .pbp-gear-editor h2 {
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
#top-d.pbp-gear-brands .pbp-gear-editor > :last-child {
  margin-bottom: 0;
}
#top-d.pbp-gear-brands .pbp-gear-logo {
  display: flex;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-sizing: border-box;
}
#top-d.pbp-gear-brands .pbp-gear-logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
#top-d.pbp-gear-brands .uk-dotnav > * > * {
  width: 8px;
  height: 8px;
  border-color: #bf2e1a;
  background: #bf2e1a;
}
#top-d.pbp-gear-brands .uk-dotnav > .uk-active > * {
  background: #922314;
}
#top-d.pbp-gear-brands .pbp-gear-brands-link {
  background: transparent;
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}
#top-d.pbp-gear-brands .pbp-gear-brands-link:hover, #top-d.pbp-gear-brands .pbp-gear-brands-link:focus {
  color: #bf2e1a;
}
#top-d.pbp-gear-brands .pbp-top-d-ticket {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-d.pbp-gear-brands .pbp-top-d-ticket:hover {
  background: #2196F3;
  color: #fff;
}

#top-e {
  position: relative;
  background-color: #061b3c;
  background-position: center;
  background-size: cover;
  color: #fff;
}
#top-e::before {
  position: absolute;
  inset: 0;
  background: rgba(3, 22, 50, 0.76);
  content: "";
  pointer-events: none;
}
#top-e .uk-container {
  position: relative;
  z-index: 1;
}
#top-e .top-e-content {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  text-align: center;
}
#top-e .top-e-content h2, #top-e .top-e-content h3, #top-e .top-e-content h4, #top-e .top-e-content h5, #top-e .top-e-content h6 {
  color: #fff;
}
#top-e .top-e-content > :last-child {
  margin-bottom: 0;
}
#top-e .top-e-photo {
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #68a3cc;
}
#top-e .uk-dotnav > .uk-active > * {
  background: #a92212;
}
#top-e .uk-dotnav > * > * {
  width: 8px;
  height: 8px;
  border-color: #d9361f;
  background: #d9361f;
}
#top-e .buy-tickets-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#top-e .buy-tickets-button:hover {
  background: #2196F3;
  color: #fff;
}

#bottom-a {
  background: #f1f2f4;
}
#bottom-a .uk-container {
  max-width: 800px;
}
#bottom-a .bottom-a-title {
  color: #bf2e1a;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-a .bl-bottom-a-title {
  color: #bf2e1a;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-a .bottom-a-card {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  background: #17365f;
}
#bottom-a .bottom-a-card::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(5, 27, 55, 0.58);
  content: "";
  pointer-events: none;
}
#bottom-a .bottom-a-card .bottom-a-card-title {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-a .bottom-a-card .bottom-a-card-content {
  z-index: 2;
  color: #fff;
}
#bottom-a .bottom-a-card .bottom-a-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#bottom-a .bottom-a-card .bottom-a-button:hover {
  background: #2196F3;
  color: #fff;
}
#bottom-a.more-boats, #bottom-a.bites {
  background: #f1f2f4;
}
#bottom-a.more-boats .uk-container, #bottom-a.bites .uk-container {
  max-width: 980px;
}
#bottom-a.more-boats .bottom-a-title, #bottom-a.bites .bottom-a-title {
  color: #bf2e1a;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-a.more-boats .more-card, #bottom-a.bites .more-card {
  position: relative;
  min-height: 480px;
  overflow: hidden;
  background: #17365f;
}
#bottom-a.more-boats .more-card::after, #bottom-a.bites .more-card::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(5, 27, 55, 0.58);
  content: "";
  pointer-events: none;
}
#bottom-a.more-boats .more-card .more-card-content, #bottom-a.bites .more-card .more-card-content {
  z-index: 2;
  color: #fff;
}
#bottom-a.more-boats .more-card .more-card-content p, #bottom-a.bites .more-card .more-card-content p {
  color: #fff;
}
#bottom-a.more-boats .more-card .more-card-content .more-card-title, #bottom-a.bites .more-card .more-card-content .more-card-title {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-a.more-boats .more-card .more-card-content .more-card-button, #bottom-a.bites .more-card .more-card-content .more-card-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#bottom-a.more-boats .more-card .more-card-content .more-card-button:hover, #bottom-a.bites .more-card .more-card-content .more-card-button:hover {
  background: #2196F3;
  color: #fff;
}
#bottom-a .bl-experience-card {
  position: relative;
  min-height: 400px;
  overflow: hidden;
  background: #17365f;
}
#bottom-a .bl-experience-card .uk-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  padding: 0 20px;
}
#bottom-a .bl-experience-card::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(5, 27, 55, 0.55);
  content: "";
  pointer-events: none;
}
#bottom-a .bl-experience-card-title {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-a .bl-experience-card-content {
  z-index: 2;
  color: #fff;
}
#bottom-a .buy-tickets-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#bottom-a .buy-tickets-button:hover {
  background: #2196F3;
  color: #fff;
}

#bottom-a.pbp-more-boats {
  background: #f1f2f4;
}
#bottom-a.pbp-more-boats .uk-container {
  max-width: 980px;
}
#bottom-a.pbp-more-boats .pbp-bottom-a-title {
  color: #bf2e1a;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-a.pbp-more-boats .pbp-more-card {
  position: relative;
  min-height: 480px;
  overflow: hidden;
  background: #17365f;
}
#bottom-a.pbp-more-boats .pbp-more-card::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(5, 27, 55, 0.58);
  content: "";
  pointer-events: none;
}
#bottom-a.pbp-more-boats .pbp-more-card-content {
  z-index: 2;
  color: #fff;
}
#bottom-a.pbp-more-boats .pbp-more-card-content p {
  color: #fff;
}
#bottom-a.pbp-more-boats .pbp-more-card-title {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-a.pbp-more-boats .pbp-more-card-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#bottom-a.pbp-more-boats .pbp-more-card-button:hover {
  background: #2196F3;
  color: #fff;
}

#bottom-b {
  background: #fff;
  color: #17365f;
}
#bottom-b .bl-bottom-b-title {
  color: #17365f;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-b .bl-bottom-b-title::after {
  display: block;
  max-width: 300px;
  height: 1px;
  margin: 12px auto 0;
  background: #bf2e1a;
  content: "";
}
#bottom-b .bottom-b-content {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  text-align: center;
}
#bottom-b .bottom-b-content h2, #bottom-b .bottom-b-content h3, #bottom-b .bottom-b-content h4, #bottom-b .bottom-b-content h5, #bottom-b .bottom-b-content h6 {
  color: #fff;
}
#bottom-b .bottom-b-content > :last-child {
  margin-bottom: 0;
}
#bottom-b .bl-plan-column h2, #bottom-b .bl-plan-column h3, #bottom-b .bl-plan-column h4 {
  color: #bf2e1a;
}
#bottom-b.plan-visit {
  background: #fff;
  color: #17365f;
}
#bottom-b.plan-visit .title {
  color: #17365f;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-b.plan-visit .title::after {
  display: block;
  width: 180px;
  height: 1px;
  margin: 12px auto 0;
  background: #bf2e1a;
  content: "";
}
#bottom-b.plan-visit .intro {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  color: #17365f;
}
#bottom-b.plan-visit .intro h2,
#bottom-b.plan-visit .intro h3,
#bottom-b.plan-visit .intro h4 {
  color: #bf2e1a;
}
#bottom-b.plan-visit .column {
  color: #17365f;
}
#bottom-b.plan-visit .column h2,
#bottom-b.plan-visit .column h3,
#bottom-b.plan-visit .column h4 {
  color: #bf2e1a;
}
#bottom-b.plan-visit .available-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#bottom-b.plan-visit .available-button:hover {
  background: #2196F3;
  color: #fff;
}
#bottom-b .available-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#bottom-b .buy-tickets-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#bottom-b .buy-tickets-button:hover {
  background: #2196F3;
  color: #fff;
}

#bottom-b.pbp-plan-visit {
  background: #fff;
  color: #17365f;
}
#bottom-b.pbp-plan-visit .pbp-bottom-b-title {
  color: #17365f;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-b.pbp-plan-visit .pbp-bottom-b-title::after {
  display: block;
  width: 180px;
  height: 1px;
  margin: 12px auto 0;
  background: #bf2e1a;
  content: "";
}
#bottom-b.pbp-plan-visit .pbp-plan-intro {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  color: #17365f;
}
#bottom-b.pbp-plan-visit .pbp-plan-intro h2,
#bottom-b.pbp-plan-visit .pbp-plan-intro h3,
#bottom-b.pbp-plan-visit .pbp-plan-intro h4 {
  color: #bf2e1a;
}
#bottom-b.pbp-plan-visit .pbp-plan-column {
  color: #17365f;
}
#bottom-b.pbp-plan-visit .pbp-plan-column h2,
#bottom-b.pbp-plan-visit .pbp-plan-column h3,
#bottom-b.pbp-plan-visit .pbp-plan-column h4 {
  color: #bf2e1a;
}
#bottom-b.pbp-plan-visit .available-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#bottom-b.pbp-plan-visit .available-button:hover {
  background: #2196F3;
  color: #fff;
}

#bottom-c {
  background: #fff;
  color: #17365f;
}
#bottom-c.simple-sail {
  background-color: #68a3cc;
  color: #fff;
}
#bottom-c.simple-sail .title {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-c.simple-sail .intro {
  color: #fff;
  max-width: 960px;
  margin-bottom: 20px;
}
#bottom-c .bottom-c-title {
  color: #17365f;
  font-weight: 700;
  text-transform: uppercase;
}
#bottom-c .bottom-c-title::after {
  display: block;
  width: 180px;
  height: 1px;
  margin: 12px auto 0;
  background: #d9361f;
  content: "";
}
#bottom-c .bottom-c-column h2, #bottom-c .bottom-c-column h3, #bottom-c .bottom-c-column h4 {
  color: #d9361f;
}
#bottom-c .available-button {
  background: #d9361f;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#bottom-c .buy-tickets-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
}
#bottom-c .buy-tickets-button:hover {
  background: #2196F3;
  color: #fff;
}

#final-cta {
  padding-bottom: 100px;
  background-image: url("https://abs-website-prod.s3.amazonaws.com/wp-content/uploads/2026/08/11134832/bg-blue-landingpage.jpg");
  position: relative;
  background-color: #061b3c;
  background-position: center;
  background-size: cover;
  color: #fff;
  padding-bottom: 150px;
}
#final-cta .uk-container {
  position: relative;
  z-index: 1;
}
#final-cta .uk-button, #final-cta .final-cta-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  padding: 10px 25px;
}
#final-cta .uk-button::hover, #final-cta .final-cta-button::hover {
  background: #b92715;
  color: #fff;
}
#final-cta .bl-final-cta-content {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
#final-cta .bl-final-cta-content h2 {
  color: #fff;
  font-weight: 700;
}
#final-cta .final-cta-content {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  text-align: center;
}
#final-cta .final-cta-content h2, #final-cta .final-cta-content h3, #final-cta .final-cta-content h4 {
  color: #fff;
}
#final-cta::before {
  position: absolute;
  inset: 0;
  background: rgba(3, 22, 50, 0.76);
  content: "";
  pointer-events: none;
}

#final-cta.pbp-final-cta {
  position: relative;
  padding-bottom: 70px;
  background-color: #061b3c;
  background-position: center top;
  background-size: cover;
  color: #fff;
}
#final-cta.pbp-final-cta::before {
  position: absolute;
  inset: 0;
  background: rgba(3, 22, 50, 0.76);
  content: "";
  pointer-events: none;
}
#final-cta.pbp-final-cta .uk-container {
  position: relative;
  z-index: 1;
}
#final-cta.pbp-final-cta .pbp-final-cta-content {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
}
#final-cta.pbp-final-cta .pbp-final-cta-content h1,
#final-cta.pbp-final-cta .pbp-final-cta-content h2,
#final-cta.pbp-final-cta .pbp-final-cta-content h3,
#final-cta.pbp-final-cta .pbp-final-cta-content h4,
#final-cta.pbp-final-cta .pbp-final-cta-content h5,
#final-cta.pbp-final-cta .pbp-final-cta-content h6,
#final-cta.pbp-final-cta .pbp-final-cta-content p {
  color: #fff;
}
#final-cta.pbp-final-cta .pbp-final-cta-button {
  background: #bf2e1a;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0px 20px;
  padding: 5px 25px;
  font-size: 20px;
}
#final-cta.pbp-final-cta .pbp-final-cta-button:hover {
  background: #2196F3;
  color: #fff;
}

.footer-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #0e1b32;
}
.footer-bottom ul li a {
  color: #808999;
  font-size: 14px;
  min-height: 20px;
  text-transform: capitalize;
}

@media (max-width: 640px) {
  #header-a .h-top-nav {
    background-color: #15274c;
    border-bottom: 3px solid #b33036;
    padding: 20px;
  }
  #header-a #nav .right {
    font-size: 13px;
    color: #b33036;
  }
  #header-a #nav .right .date {
    font-size: 18px;
    color: #fff;
  }

  #hero {
    min-height: 620px;
  }
  #hero .h-top-nav {
    background-color: #15274c;
    border-bottom: 3px solid #b33036;
    padding: 20px;
  }
  #hero .hero-container {
    padding-top: 24px;
    padding-bottom: 40px;
  }
  #hero .hero-meta {
    gap: 20px;
  }
  #hero .hero-logo img {
    max-width: 190px;
    max-height: 70px;
  }
  #hero .hero-details {
    font-size: 13px;
    color: #b33036;
  }
  #hero .hero-details .date {
    font-size: 18px;
    color: #fff;
  }

  .two-col-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  #pbp-hero .h-top-nav {
    background-color: #15274c;
    border-bottom: 3px solid #b33036;
    padding: 20px;
  }
  #pbp-hero .h-top-nav .hero-details {
    font-size: 13px;
    color: #b33036;
  }
  #pbp-hero .h-top-nav .hero-details .date {
    font-size: 18px;
    color: #fff;
  }
}