/* Styling for bootstrap carousel */
/* with padding, gives about 992px for content */
/* styling for BootStrap .carousel */
.carousel-with-figure-div {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
  /* <figure>, <img>, <figcaption> tags anywhere under .carousel-with-figure-div */
}
.carousel-with-figure-div figure {
  margin: 0;
  /* all images the same size for smooth transition */
  /* note that Creative.css also sets max-height to 250px */
}
.carousel-with-figure-div figure img {
  width: 250px; /* allow for padding */
  height: 190px;
  margin-bottom: 0;
}
.carousel-with-figure-div figure figcaption {
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 500;
}

/* make the left/right icons more visible */
.carousel-control-prev-icon, .carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

/*# sourceMappingURL=BootstrapCarousel.css.map */