/* Bolivar Live TV: only the rules that differ from the shared styles.min.css.
   Light theme: white page, nav and footer, navy headings, wave divider under each row. */

body {
  background-color: #ffffff !important;
  margin-top: 150px !important; /* room for the tall logo in the fixed nav */
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #160B8B !important;
}

.text-white, .text-white-50 {
  color: #212529 !important;
}

.bg-gray-light {
  background: none !important;
}

.bg-gradient1 {
  background-image: url(/assets/client/divider.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: #ffffff !important;
}

/* Video and series pages: plain white behind the player, no thumbnail or dark overlay.
   The thumbnail is an inline style on the wrapper around #ottfeed-video, so !important is needed */
:has(> #ottfeed-video.bg-dim),
#ottfeed-video.bg-dim {
  background: none !important; /* see-through, so the white page and the divider below show */
}
/* Divider at the bottom of the page, above the footer (more specific than the rule above, so it wins on <main>).
   Skipped when the page has episode rows (.bg-gradient1), since the last row already ends with one */
main:has(#ottfeed-video.bg-dim):not(:has(.bg-gradient1)) {
  background: #ffffff url(/assets/client/divider.png) no-repeat bottom !important;
}
#ottfeed-video.bg-dim,
#ottfeed-video.bg-dim .text-white {
  color: #212529 !important;
}

/* Count next to each row title: gray pill (the shared one is see-through white) */
.category-count {
  background: #e9ecef;
  color: #212529;
}

/* Footer links dark on the white footer (the shared .text-white a makes them white) */
footer.text-white a,
footer.text-white a:hover {
  color: #212529 !important;
}

.slick-prev::before, .slick-next::before {
  color: #160B8B !important;
}

/* Nav: big logo on the left, tagline on the right. There are no nav links, so the menu button is hidden */
.site-logo {
  height: 8rem;
}
.navbar>.container {
  justify-content: space-between !important;
}
.navbar-toggler, .navbar-collapse {
  display: none !important;
}
.navbar>.container::after {
  content: "Bolivar Peninsula\A 27 Miles Of Texas Beachfront Paradise";
  white-space: pre-line;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  color: #160B8B;
  margin-right: 50px;
}

@media (max-width: 992px) {
  .site-logo { height: 5rem; }
  .navbar>.container::after { font-size: 1.8rem; }
  body { margin-top: 105px !important; }
}
@media (max-width: 767px) {
  .site-logo { height: 4rem; }
  .navbar>.container::after { font-size: 1.2rem; margin-right: 0; }
  body { margin-top: 90px !important; }
}
@media (max-width: 576px) {
  .site-logo { height: 3rem; }
  .navbar>.container::after { font-size: .85rem; }
  body { margin-top: 75px !important; }
}