/* Styling for bootstrap carousel */
/* with padding, gives about 992px for content */
/* <div> directly above the carousel id */
.bscarousel-wrapper-div {
  display: flex;
  justify-content: center;
}

/* class for the div that has the carousel id */
.bscarousel-with-figure-div {
  /* this is required to prevent the "jump" - the carousel needs to know the size of
  the image before loading. Note that the figures are responsive and will still work 
  without jumping on mobile */
  max-width: 300px;
  /* <figure>, <img>, <figcaption> tags anywhere under the parent */
}
.bscarousel-with-figure-div figure {
  margin: 0;
  display: block; /* same as bootstrap d-block */
  width: 100%; /* same as bootstrap w-100 */
}
.bscarousel-with-figure-div figure img {
  max-width: 100%;
  height: auto; /* same as bootstrap img-fluid */
  margin: 0;
}
.bscarousel-with-figure-div figure figcaption {
  font-family: "EB Garamond";
  font-size: 14px;
  font-weight: 500;
}

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

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