/* ==========================================
   Brightcove Chronicle – Custom Cleanup CSS
   Author: Chris Taylor
   Purpose:
   - Remove "Menu" tab / side navigation (.chron-nav)
   - Remove top shade overlay (.top-shade)
   - Remove "More Products" footer section (.container-fluid.more-products)
   - Rebalance layout spacing
   ========================================== */

/* Remove the entire side navigation menu */
.chron-nav {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Remove the top shaded banner bar */
.top-shade {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
}

/* Remove the "More Products" footer container */
.container-fluid.more-products {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Expand main content area to full width after hiding side nav */
.main-container,
.bcg-main,
.bc-gallery-main,
.bcg-content {
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Hide any leftover buttons or toggles */
.chron-nav-toggle,
button[aria-label="Menu"],
a[aria-label="Menu"],
.menu-toggle {
  display: none !important;
}

/* Stretch header and gallery content full width */
.bcg-header,
.bc-gallery-header,
.video-grid,
.gallery-container {
  width: 100% !important;
  margin: 0 auto !important;
}

/* Optional cleanup – force white background for consistency */
body {
  background-color: #fff !important;
}



/* Hide the horizontal line between videos in Brightcove Chronicle */
.container-fluid.video-item {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Remove any pseudo-element that might reinforce it */
.container-fluid.video-item::before,
.container-fluid.video-item::after {
  content: none !important;
  display: none !important;
  border: none !important;
  background: none !important;
}

/* Optional: remove spacing if the line leaves a gap */
.container-fluid.video-item + .container-fluid.video-item {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
