.no-caret::after {
  display: none;
}


/* Define the custom color and hover effects */
.btn-custom {
    background-color: #75d0f4; /* Custom background color */
    border-color: #75d0f4;     /* Custom border color */
    color: #0f213b;            /* Custom text color */
}

/* Define styles for the hover state */
.btn-custom:hover {
    background-color: rgb(0, 184, 255); /* Darker color on hover */
    border-color: rgb(0, 184, 255);
    color: white;
}

/* Define styles for the focus state */
.btn-custom:focus {
    box-shadow: 0 0 0 0.25rem rgba(108, 37, 190, 0.5); /* Custom shadow on focus */
}





 .hero-jumbotron {
  height: 70vh;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Video background */
.hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
}

/* Overlay */
.hero-overlay {
  /* position: absolute;
  inset: 0;
  background: rgba(0, 56, 101, 0.65);
  z-index: 2;
    */
}

/* Foreground content */
.hero-content {
  z-index: 4;
}

/* Scrolling image */
.hero-scroll-image {
  position: absolute;
  bottom: 10%;
  height: auto;
  width: 200%;
  z-index: 3;
  animation: scroll-banner 18s linear infinite;
}

/* Animation: right → left */
@keyframes scroll-banner {
  0% {
    transform: translateX(110vw);
  }
  100% {
    transform: translateX(-110vw);
  }
}

/* Mobile fallback */
@media (max-width: 768px) {
  .hero-video {
    display: none;
  }

  .hero-scroll-image {
    max-height: 80px;
    animation-duration: 22s;
  }

  .hero-jumbotron {
    background: linear-gradient(
        rgba(0, 56, 101, 0.8),
        rgba(0, 56, 101, 0.8)
      ),
      url("https://www.uscb.edu/_resources/upload/mobile_homepage_hero_image.jpg");
    background-size: cover;
    background-position: center;
  }
}      




 
/* BOOTSTRAP UPDATES */
.btn-uscb-dark-blue {
    background-color: var(--uscb-teal);
    color: rgba(248,249,250,1.00)

}
.btn-uscb-dark-blue:hover {
  background-color: var(--uscb-light-blue) !important; /* New background color (e.g., red) */
  color: #ffffff !important;           /* Text color (optional) */
}
      
      

@media (max-width: 1100px) {
    .jumbotron {
        background-image: url('https://www.uscb.edu/_resources/upload/mobile_homepage_hero_image.jpg');
    }
}