.wp-block-sb-event-start-date,
.wp-block-sb-event-end-date {
  display: inline-block;
}

.sb-events-list time:is(time + time)::before {
  content: "\2013";
  margin-inline-start: .3rem;
}

.sb-events {
  justify-content: center;
}

.sb-events,
.sb-events-list {
  --gap: 1rem;
  
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--gap);
}

.sb-events-list {
  flex-direction: column;
}

.sb-events .wp-block-post {
  display: flex;
  flex: 0 0 calc(calc(60rem/3) - var(--gap));
  /*height: calc(4rem + calc(var(--wp--preset--spacing--spacing-e-50) * 2)) !important;*/
  margin-block: 0 !important;
}

.event-pod {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: 1 0 100%;
  gap: var(--gap);
}

.event-pod__summary:hover,
.event-pod.is-active {
  background-color: var(--wp--preset--color--blue-light-400);
  color: var(--wp--preset--color--light) !important;
}

.event-pod__dates {
  align-items: center !important;
  display: flex;
  flex: 0 0 4rem;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  height: 4rem;
  justify-content: center;
  width: 4rem;
}

.event-pod__dates time {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  font-weight: bold;
  justify-content: center;
  margin-block: 0 !important;
}

.event-pod__title {
  display: flex;
  flex: 1 0 calc(100% - 4rem - var(--gap) - var(--wp--preset--spacing--spacing-e-50) - var(--wp--preset--spacing--spacing-e-50));
}

.event-pod__title-wrapper {
  max-height: 3.5rem;
  display: block;
  overflow: hidden;
}

.event-pod__contents {
  display: none !important;
}

.event-pod.is-active .event-pod__contents {
  display: flex !important;
}

@media screen and (min-width: 768px) {
  .sb-events .wp-block-post {
    display: flex;
    flex: 0 0 calc(100%/2 - calc(var(--gap)/2));
  }
}


@media screen and (min-width: 960px) {
  .sb-events .wp-block-post {
    display: flex;
    flex: 0 0 calc(100%/3 - calc(var(--gap)/2));
  }
}