.event-divider {
  border-bottom: 1px solid;
  border-color: oklch(from var(--color-body) l c h/0.1);
}

.events-grid {
  display: grid;
  -moz-column-gap: var(--gutter-standard);
       column-gap: var(--gutter-standard);
  row-gap: var(--space-xl);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
}

.event-block {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--gutter-standard);
}
.event-block .event-img-outer {
  grid-column: span 3;
}
@media only screen and (max-width: 64rem) {
  .event-block .event-img-outer {
    grid-column: span 2;
  }
}
.event-block .event-img {
  position: relative;
  width: 100%;
}
.event-block .event-content {
  grid-column: span 3;
}
@media only screen and (max-width: 64rem) {
  .event-block .event-content {
    grid-column: span 4;
  }
}
.event-block .event-content {
  padding-block: var(--space-xs);
}
@media only screen and (max-width: 48rem) {
  .event-block .event-content {
    min-width: 0;
    width: 100%;
  }
}
.event-block .event-content p svg {
  color: var(--color-accent-primary);
  margin-right: var(--space-xs);
}

.events-actions .addeventatc {
  margin-left: var(--space-l);
}
@media only screen and (max-width: 40rem) {
  .events-actions .addeventatc {
    margin-left: 0;
    margin-top: var(--space-l);
    margin-bottom: 0;
    width: 100%;
  }
}

.single-event-details p {
  width: 50%;
}
.single-event-details p svg {
  color: var(--color-accent-primary);
  margin-right: var(--space-xs);
}
/*# sourceMappingURL=events_list.css.map */