/* css styles */
:root{
  --midd-blue: #0D395F;
}

/* Navbar */
/* .navbar, .navbar-dark, .navbar-light {
/*  background-color: var(--midd-blue) !important;
/* }

/* Links */
a { color: var(--midd-blue); }
a:hover { opacity: 0.85; }

/* Primary buttons */
.btn-primary{
  background-color: var(--midd-blue);
  border-color: var(--midd-blue);
}
.btn-primary:hover{
  filter: brightness(0.95);
}

.carousel-item img {
  max-height: 500px;
  object-fit: cover;
  object-position: center;
}

.carousel-thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  justify-content: center;
}

.carousel-thumb {
  width: 80px;
  height: 60px;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.5;
  border: 2px solid transparent;
  border-radius: 3px;
  transition: opacity 0.2s, border-color 0.2s;
}

.carousel-thumb:hover {
  opacity: 0.85;
}

.carousel-thumb.thumb-active {
  opacity: 1;
  border-color: #0D395F;
}