#home #events-e5 {
  --date-width: 90px;
  --event-card-side-padding: 20px;
  --event-card-top-bottom-padding: 20px;
  --event-cart-border-radius: 20px;
  --transition-time: 0.3s;
}

#home #events-e5 .card-content .events-card {
  background-color: var(--custom-events-card-bg-color, #fff);
  color: var(--custom-events-card-text-color, #000);
  padding-left: calc(var(--date-width) + var(--event-card-side-padding));
  padding-right: var(--event-card-side-padding);
  padding-top: var(--event-card-top-bottom-padding);
  padding-bottom: var(--event-card-top-bottom-padding);
  position: relative;
  border-top-left-radius: var(--event-cart-border-radius);
  border-bottom-left-radius: var(--event-cart-border-radius);
  border-bottom-right-radius: var(--event-cart-border-radius);
  min-height: 200px;
  isolation: isolate;
  overflow: hidden;
}

#home #events-e5 .card-content .events-card .events-title {
  margin-top: 0;
  font-size: 1.4em;
  font-weight: 500;
}

#home #events-e5 .card-content .events-card .section-tag,
#home #events-e5 .card-content .events-card .icon-wrapper {
  display: none;
}

#home #events-e5 .card-content .events-card .events-date {
  position: absolute;
  width: var(--date-width);
  height: 100%;
  padding-top: var(--event-card-top-bottom-padding);
  top: 0;
  left: 0;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--bg-color);
  border: none;
  border-top-left-radius: var(--event-cart-border-radius);
  border-bottom-left-radius: var(--event-cart-border-radius);
  line-height: 1.2;
}

#home #events-e5 .card-content .events-card .events-date .start-date,
#home #events-e5 .card-content .events-card .events-date .end-date {
  padding: 0;
}

#home #events-e5 .card-content .events-card .events-date .date-month {
  font-size: 1.25em;
}

#home #events-e5 .card-content .events-card .events-date .date-day {
  font-size: 2.5em;
}

#home #events-e5 .card-content .events-card::before {
  content: "";
  display: block;
  width: calc(100% - var(--date-width) - 2px);
  height: 100%;
  position: absolute;
  top: calc(3px - 100%);
  right: 0;
  box-sizing: border-box;
  background-color: var(--bg-color);
  z-index: -1;
  transition: top var(--transition-time) linear;
}

#home #events-e5 .card-content .events-card:hover:before {
  top: 0;
}

#home #events-e5 .card-content .events-card .time-section,
#home #events-e5 .card-content .events-card .events-title,
#home #events-e5 .card-content .events-card .events-time,
#home #events-e5 .card-content .events-card .location-section,
#home #events-e5 .card-content .events-card .events-location {
  transition: color var(--transition-time) linear;
}

#home #events-e5 .card-content .events-card:not(:hover) .time-section,
#home #events-e5 .card-content .events-card:not(:hover) .events-title,
#home #events-e5 .card-content .events-card:not(:hover) .events-time,
#home #events-e5 .card-content .events-card:not(:hover) .location-section,
#home #events-e5 .card-content .events-card:not(:hover) .events-location {
  color: currentColor;
}

#home #events-e5 .button-section {
  margin-left: 0;
}

/* START Workaround to make the whole events card clickable */
#events-e5 .card-content {
  position: relative;
}

#events-e5 .events-title:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* END Workaround to make the whole events card clickable */
/*# sourceMappingURL=dev.css.map */