@font-face {
  font-family: "Kaushan";
  src: url("/assets/fonts/KaushanScript-Regular.ttf");
}
@font-face {
  font-family: "Bold";
  src: url("/assets/fonts/Mulish-Bold.ttf");
}
@font-face {
  font-family: "Semibold";
  src: url("/assets/fonts/Mulish-SemiBold.ttf");
}
@font-face {
  font-family: "Regular";
  src: url("/assets/fonts/Mulish-Regular.ttf");
}
@font-face {
  font-family: "ExtraBold";
  src: url("/assets/fonts/Mulish-ExtraBold.ttf");
}
.galleryContainer {
  padding: 0px 60px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.galleryContainer .pageTitle {
  font-family: "Bold" !important;
  font-size: 39px !important;
  line-height: 46.8px !important;
  color: #464849 !important;
}
.galleryContainer .itemsContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.galleryContainer .itemsContainer .itemCard {
  width: 298px;
  height: 345px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-radius: 8px;
  padding: 16px;
  background-color: white;
  box-shadow: 0px 8px 20px 0px rgba(92, 102, 110, 0.2);
}
.galleryContainer .itemsContainer .itemCard .itemCardVideoImgContainer {
  position: relative;
  width: 100%;
  height: 151px;
}
.galleryContainer .itemsContainer .itemCard .itemCardVideoImgContainer .itemCardThumbnail {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}
.galleryContainer .itemsContainer .itemCard .itemCardVideoImgContainer .playButton {
  border: none;
  background-color: transparent;
  position: absolute;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
}
.galleryContainer .itemsContainer .itemCard .itemCardVideoImgContainer .playButton img {
  width: 75px;
  height: 52px;
}
.galleryContainer .itemsContainer .itemCard .eventInfo {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.galleryContainer .itemsContainer .itemCard .eventInfo .eventDate,
.galleryContainer .itemsContainer .itemCard .eventInfo .eventCategory {
  font-family: "Semibold" !important;
  font-size: 16px !important;
  line-height: 24.64px !important;
  color: rgb(109, 113, 116) !important;
}
.galleryContainer .itemsContainer .itemCard .eventInfo .eventTitle {
  font-family: "Bold" !important;
  font-size: 20px !important;
  line-height: 24px !important;
  color: rgb(70, 72, 73) !important;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.galleryContainer .buttonContainer {
  width: 100%;
  display: flex;
  justify-content: center;
}
.galleryContainer .buttonContainer button {
  border: 1px solid rgb(0, 56, 100);
  border-radius: 4px;
  padding: 0px 24px;
  background-color: white;
  height: 48px;
  color: rgb(0, 56, 100);
  font-family: "ExtraBold" !important;
  font-size: 18px !important;
  line-height: 21.6px !important;
}

@media (max-width: 768px) {
  .galleryContainer {
    padding: 0px !important;
    gap: 16px !important;
  }
  .galleryContainer .pageTitle {
    font-family: "Bold" !important;
    font-size: 31px !important;
    line-height: 37.2px !important;
  }
  .galleryContainer .itemsContainer {
    gap: 16px;
  }
  .galleryContainer .itemsContainer .itemCard {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
  }
  .galleryContainer .itemsContainer .itemCard .eventInfo .eventTitle {
    height: auto;
  }
  .galleryContainer .itemsContainer .itemCard .itemCardVideoImgContainer {
    width: 266px;
  }
}/*# sourceMappingURL=startGallery.css.map */