/* ===== FULL-WIDTH RESPONSIVE HERO, SHOW COMPLETE IMAGE ===== */

/* 1) Stop the carousel from forcing flex & fixed heights */
.carousel .carousel-inner {
  display: block !important;
}
.owl-height,
.carousel-item,
.owl-carousel .owl-stage,
.owl-carousel .owl-item {
  height: auto !important;
}

/* 2) Make slide width fluid */
.owl-carousel,
.carousel {
  width: 100% !important;
  max-width: 100% !important;
}

/* 3) The banner image: scale to window, never crop */
.carousel img.bg-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;   /* ensures cups and text are never cut off */
  margin: 0 auto !important;
}

.top-bar {
    color: #ffffff;
    background: #ffffff;
    padding: 1rem;
    font-weight: 300;
}

.border-left {
    border-left: 1px solid #ffffff !important;
}