/**
 * Campus Events Block Styles
 * Card content is styled via the widget area (Appearance > Widgets > Event Card Template)
 */
.campus-events__list {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem !important;
}

.campus-events__card {
  flex: 1 1 0;
  min-width: 280px;
  display: flex;
  flex-direction: column;
}

.campus-events__card .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.campus-events__card .row {
  margin: 0;
}

.campus-events__card .row > [class*=col] {
  padding: 0;
  max-width: 100%;
  flex: 0 0 100%;
}

.campus-events__card > .widget,
.campus-events__card > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.campus-events__card .section-wrapper,
.campus-events__card [data-component*=section] {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.campus-events__card .section-wrapper > .container,
.campus-events__card [data-component*=section] > .container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.campus-events__card .section-wrapper > .container > .row,
.campus-events__card [data-component*=section] > .container > .row {
  flex: 1;
}

.campus-events__card .section-wrapper > .container > .row > [class*=col],
.campus-events__card [data-component*=section] > .container > .row > [class*=col] {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767.98px) {
  .campus-events-block .campus-events__list {
    flex-direction: column;
  }
  .campus-events__card {
    flex: 1 1 100%;
    min-width: 100%;
  }
}