/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.carousel-inner {
  width: 97.5%;
}
.carousel.slide a span {
  background-color: #8e8686;
  border-radius: 50px;
}
.mx-1 {
  grid-template-rows: 200px 1fr !important;
}
.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
  background-color: transparent;
}
.card-img-container {
  width: 100%;
  height: 100%;
}
.card-img-container img {
  height: 100%;
  width: inherit;
}
.card-title, .card-text {
  color: white;
  text-align: left;
}
.carousel-control-prev, .carousel-control-next {
  background-color: #e1e1e1;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.carousel-control-prev {
  left: -19px;
}
.mx-1 {
  display: grid !important;
  grid-template-columns: 1fr;
  grid-template-rows: 100px 1fr 40px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.card img {
  max-height: 100%;
}
@media (max-width: 767px) {
  .card .img-wrapper {
    height: 17em;
  }
}
/* small and extra-small screens */
@media (max-width: 767px) {
  .carousel-inner .carousel-item > div {
    display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
  .carousel-inner .carousel-item > div .card-img-container img {
    max-width: 100%;
  }
}
/* medium and up screens */
@media (min-width: 768px) {
  .carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }
  .carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
  .carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
    display: flex;
  }
  .carousel-inner .carousel-item-end, .carousel-inner .carousel-item-start {
    transform: translateX(0);
  }
}
/*# sourceMappingURL=carousel_12.css.map */