/* === Custom Block Styling === */
.upcomingEvents{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin: var(--CB-margin-top) var(--CB-margin-bottom);
    background-color: var(--CB-background-color);
    background-image: var(--CB-background-image);
    background-position: var(--CB-background-position);
    background-size: cover;
}



/* == Content == */
.upcomingEvents__content :last-child {
  margin-bottom: 0px !important;
}
/* == Slider == */
.upcomingEvents__sliderWrapper {
  /* margin-top: 48px; */
  overflow: hidden;
  border: solid 2px var(--_borderColor, var(--FC-primary-color));
  background-color: var(--_slideBackgdound, var(--FC-primary-color));
  border-top-left-radius: 45px;
  border-bottom-right-radius: 45px;
}

/* == Event Slides == */
.upcomingEvents .swiper-slide {
  height: auto !important;
}
.event__container {
  padding: 48px 80px 56px 80px;
}
.event__title {
  font-size: var(--FC-font-size-28);
  color: var(--_titleColor, var(--FC-primary-color));
}
.event__seperator {
  border-color: var(--_separatorColor, var(--FC-secondary-color));
  border-bottom: solid 2px var(--_separatorColor, var(--FC-secondary-color));
  opacity: 1;
  background-color: transparent;
}
.event__meta {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "date time location";
}
.event__header {
  font-size: var(--FC-font-size-18);
  margin-bottom: 8px;
}
.event__header + p {
  padding-left: 16px;
}
.event__dateWrapper {
  grid-area: date;
}
.event__timeWrapper {
  grid-area: time;
}
.event__locationWrapper {
  grid-area: location;
}
@media screen and (max-width: 991.98px) {
  .event__container {
    padding: 32px;
  }
  .event__meta {
    display: block;
  }
}
/* == Navigation == */
.upcomingEvents__navWrapper {
  z-index: 5;
  margin-top: -96px;
  padding-top: 104px;
  padding-bottom: 32px;
  background-color: var(--_bottomBgColor, var(--FC-secondary-color));
}
.upcomingEvents__nav {
  height: 16px;
  width: 96px;
  display: flex;
  margin: auto;
  justify-content: space-between;
  align-items: center;
}
.upcomingEvents__nav div {
  color: var(--_navColor, var(--FC-primary-color));
}
.upcomingEvents .swiper-button-disabled {
  opacity: 0.3;
  color: var(--FC-black);
  cursor: not-allowed;
}
.upcomingEvents__pagination {
  margin: auto;
  text-align: center;
}
.upcomingEvents__pagination .swiper-pagination-bullet-active {
  background-color: var(--_navColor, var(--FC-primary-color));
}


.upcomingEvents__contactButton:hover{
    background-color: var(--FC-primary-color) !important;
    color: var(--FC-near-white) !important;
}