/* Align TEC list archives with the theme's section width rhythm. */
body.post-type-archive-tribe_events .tribe-common.tribe-events.tribe-events-view--list .tribe-common-l-container.tribe-events-l-container,
body.post-type-archive-tribe_events .tribe-common.tribe-events.tribe-events-view--list .tribe-events-header__breadcrumbs {
  box-sizing: border-box;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 5vw, 5rem);
  padding-right: clamp(1rem, 5vw, 5rem);
}

body.post-type-archive-tribe_events .tribe-common.tribe-events.tribe-events-view--list .tribe-common-l-container.tribe-events-l-container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

body.post-type-archive-tribe_events .tribe-common.tribe-events.tribe-events-view--list .tribe-events-calendar-list__event,
body.post-type-archive-tribe_events .tribe-common.tribe-events.tribe-events-view--list .tribe-events-calendar-list__event-row {
  width: 100%;
}

body.post-type-archive-tribe_events .tribe-common.tribe-events.tribe-events-view--list .tribe-events-calendar-list__event-details {
  min-width: 0;
}

@media screen and (min-width: 991px) {
  body.post-type-archive-tribe_events .tribe-common.tribe-events.tribe-events-view--list .tribe-events-calendar-list__event-date-tag {
    min-width: 6.75rem;
    width: 6.75rem;
  }

  body.post-type-archive-tribe_events .tribe-common.tribe-events.tribe-events-view--list .tribe-events-calendar-list__event-wrapper {
    flex: 1 1 auto;
    width: auto;
  }

  body.post-type-archive-tribe_events .tribe-common.tribe-events.tribe-events-view--list .tribe-events-calendar-list__event {
    align-items: flex-start;
    column-gap: clamp(1rem, 2vw, 2rem);
  }

  body.post-type-archive-tribe_events .tribe-common.tribe-events.tribe-events-view--list .tribe-events-calendar-list__event-featured-image-wrapper {
    margin-bottom: 0;
    width: clamp(13rem, 30%, 20rem);
  }

  body.post-type-archive-tribe_events .tribe-common.tribe-events.tribe-events-view--list .tribe-events-calendar-list__event-details {
    flex: 1 1 auto;
    width: auto;
  }
}