.carouselWrapper .carousel, .modal-body .carousel {
  display: grid;
  grid-template-columns: 3rem auto 3rem;
  grid-template-rows: 15rem 8rem 2rem;
}
.carouselWrapper .carousel .carousel-inner, .modal-body .carousel .carousel-inner {
  grid-area: 1/1/4/4;
}
.carouselWrapper .carousel .carousel-inner .carousel-item.active,
.carouselWrapper .carousel .carousel-inner .carousel-item-next.carousel-item-start,
.carouselWrapper .carousel .carousel-inner .carousel-item-prev.carousel-item-end, .modal-body .carousel .carousel-inner .carousel-item.active,
.modal-body .carousel .carousel-inner .carousel-item-next.carousel-item-start,
.modal-body .carousel .carousel-inner .carousel-item-prev.carousel-item-end {
  display: grid;
  grid-template-columns: 3rem auto 3rem;
  grid-template-rows: 21rem 2rem 2rem;
}
.carouselWrapper .carousel .carousel-inner .carousel-item.active figure,
.carouselWrapper .carousel .carousel-inner .carousel-item-next.carousel-item-start figure,
.carouselWrapper .carousel .carousel-inner .carousel-item-prev.carousel-item-end figure, .modal-body .carousel .carousel-inner .carousel-item.active figure,
.modal-body .carousel .carousel-inner .carousel-item-next.carousel-item-start figure,
.modal-body .carousel .carousel-inner .carousel-item-prev.carousel-item-end figure {
  display: grid;
  grid-area: 1/1/4/4;
  margin: 0;
}
.carouselWrapper .carousel .carousel-inner .carousel-item.active figure img,
.carouselWrapper .carousel .carousel-inner .carousel-item-next.carousel-item-start figure img,
.carouselWrapper .carousel .carousel-inner .carousel-item-prev.carousel-item-end figure img, .modal-body .carousel .carousel-inner .carousel-item.active figure img,
.modal-body .carousel .carousel-inner .carousel-item-next.carousel-item-start figure img,
.modal-body .carousel .carousel-inner .carousel-item-prev.carousel-item-end figure img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.carouselWrapper .carousel .carousel-inner .carousel-item.active .carousel-caption,
.carouselWrapper .carousel .carousel-inner .carousel-item-next.carousel-item-start .carousel-caption,
.carouselWrapper .carousel .carousel-inner .carousel-item-prev.carousel-item-end .carousel-caption, .modal-body .carousel .carousel-inner .carousel-item.active .carousel-caption,
.modal-body .carousel .carousel-inner .carousel-item-next.carousel-item-start .carousel-caption,
.modal-body .carousel .carousel-inner .carousel-item-prev.carousel-item-end .carousel-caption {
  grid-area: 2/2/3/2;
  position: initial;
  right: initial;
  bottom: initial;
  left: initial;
  padding-top: initial;
  padding-bottom: initial;
  color: initial;
  text-align: center;
}
.carouselWrapper .carousel .carousel-inner .carousel-item.active .carousel-caption p span,
.carouselWrapper .carousel .carousel-inner .carousel-item-next.carousel-item-start .carousel-caption p span,
.carouselWrapper .carousel .carousel-inner .carousel-item-prev.carousel-item-end .carousel-caption p span, .modal-body .carousel .carousel-inner .carousel-item.active .carousel-caption p span,
.modal-body .carousel .carousel-inner .carousel-item-next.carousel-item-start .carousel-caption p span,
.modal-body .carousel .carousel-inner .carousel-item-prev.carousel-item-end .carousel-caption p span {
  text-transform: uppercase;
  text-align: center !important;
  font-size: var(--wp--preset--font-size--medium);
  font-family: var(--wp--preset--font-family--ibm-plex-sans);
  font-weight: 700;
  color: var(--wp--preset--color--contrast);
  letter-spacing: 1px;
  padding: 0.1rem 1rem;
  background: black;
}
.carouselWrapper .carousel button.btn[data-bs-toggle], .modal-body .carousel button.btn[data-bs-toggle] {
  grid-area: 3/3/4/4;
  z-index: 1;
  border: 0;
}
.carouselWrapper .carousel button.btn[data-bs-toggle] a, .modal-body .carousel button.btn[data-bs-toggle] a {
  color: var(--wp--preset--color--contrast);
}
.carouselWrapper .carousel button.btn[data-bs-toggle] a:hover, .modal-body .carousel button.btn[data-bs-toggle] a:hover {
  color: var(--wp--preset--color--no);
}
.carouselWrapper .carousel #indiwrapper, .modal-body .carousel #indiwrapper {
  grid-area: 3/2/4/3;
}
.carouselWrapper .carousel #indiwrapper .carousel-indicators, .modal-body .carousel #indiwrapper .carousel-indicators {
  position: initial;
  right: initial;
  bottom: initial;
  left: initial;
  z-index: 2;
  display: initial;
  justify-content: center;
  padding: 0;
  margin-right: initial;
  margin-bottom: initial;
  margin-left: initial;
}
.carouselWrapper .carousel #indiwrapper .carousel-indicators [data-bs-target], .modal-body .carousel #indiwrapper .carousel-indicators [data-bs-target] {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 0.35rem;
  margin: 0 0.5rem;
  text-indent: unset;
  border: 0;
  background-color: var(--wp--preset--color--contrast);
}
.carouselWrapper .carousel #indiwrapper .carousel-indicators [data-bs-target].active, .modal-body .carousel #indiwrapper .carousel-indicators [data-bs-target].active {
  opacity: 0.9;
}
.carouselWrapper .carousel #indiwrapper .carousel-indicators [data-bs-target]:hover, .modal-body .carousel #indiwrapper .carousel-indicators [data-bs-target]:hover {
  opacity: 0.9;
}
.carouselWrapper .carousel .carousel-control-prev, .modal-body .carousel .carousel-control-prev {
  grid-area: 1/1/4/2;
}
.carouselWrapper .carousel .carousel-control-next, .modal-body .carousel .carousel-control-next {
  grid-area: 1/3/4/4;
}
.carouselWrapper .carousel .carousel-control-prev,
.carouselWrapper .carousel .carousel-control-next, .modal-body .carousel .carousel-control-prev,
.modal-body .carousel .carousel-control-next {
  position: initial;
  top: initial;
  bottom: initial;
  z-index: initial;
  display: grid;
  align-items: center;
  justify-content: center;
  width: initial;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  transition: opacity 0.15s ease;
  pointer-events: auto;
}
.carouselWrapper .carousel .carousel-control-prev span:before,
.carouselWrapper .carousel .carousel-control-next span:before, .modal-body .carousel .carousel-control-prev span:before,
.modal-body .carousel .carousel-control-next span:before {
  font-size: 2rem;
  color: #ccc;
}
.carouselWrapper .carousel .carousel-control-prev:hover span::before,
.carouselWrapper .carousel .carousel-control-next:hover span::before, .modal-body .carousel .carousel-control-prev:hover span::before,
.modal-body .carousel .carousel-control-next:hover span::before {
  color: var(--wp--preset--color--no);
}

.bs-modal-media-carousel.modal-open {
  position: relative;
}
.bs-modal-media-carousel.modal-open::before {
  position: absolute;
  top: -0.5rem;
  height: 2rem !important;
  width: 2rem !important;
  font-size: 1.5rem !important;
  background-color: rgba(204, 204, 204, 0.4);
}

.bs-modal-media-carousel.modal {
  margin: 0 !important;
}
.bs-modal-media-carousel.modal > .modal-dialog {
  position: fixed;
}
.bs-modal-media-carousel.modal > .modal-dialog > .modal-content > .modal-header {
  height: 10vh;
  border: 0 !important;
}
.bs-modal-media-carousel.modal > .modal-dialog > .modal-content > .modal-header .modal-title {
  font-weight: 300;
}
.bs-modal-media-carousel.modal > .modal-dialog > .modal-content > .modal-header .modal-close::before {
  font-size: 2rem;
}
.bs-modal-media-carousel.modal > .modal-dialog > .modal-content > .modal-body button.btn[data-bs-toggle] {
  display: none;
}
.bs-modal-media-carousel.modal > .modal-dialog > .modal-content > .modal-footer {
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  border-top: 0 solid var(--wp--preset--color--base);
}/*# sourceMappingURL=style.css.map */