/*
------------------------
List view / shortcode in the first row, below the dynamic list view / archive version if applicable
------------------------
*/
@media (min-width: 1024px) {
  .sl-events {
    width: 80%;
    margin: 0 auto;
  }
}

.sl-events .event:not(:last-child) {
  margin-top: var(--event-list-spacing);
}

.sl-events .event,
.brxe-posts.sl-events .content-wrapper {
  border-top: 1px solid var(--border-color-dark);
  display: grid;
  column-gap: var(--space-m);
  row-gap: var(--space-xs);
  grid-template-columns: auto 1fr;
  padding: var(--space-m);
}

@media (min-width: 767px) {
  .sl-events .event,
  .brxe-posts.sl-events .content-wrapper {
    grid-template-columns: 25% 25% auto;
  }
}

.event-date,
.brxe-posts.sl-events .content-wrapper > :first-child {
  font-weight: var(--font-weight-bold);
}

@media (max-width: 767px) {
  .event-content,
  .brxe-posts.sl-events .content-wrapper > :last-child {
    grid-column: span 2;
  }
}

.event-title a,
.brxe-posts.sl-events .content-wrapper > :last-child a {
  font-weight: var(--font-weight-bold);
  color: var(--link-color-default);
}

.event-title a:hover,
.brxe-posts.sl-events .content-wrapper > :last-child a:hover {
  color: var(--link-color-hover);
}

/*
------------------------
List view / archive
------------------------
*/
.brxe-posts.sl-events .repeater-item {
  margin-bottom: 0;
}