/* Converted from src/components/site/home/Events.module.css (CSS Module): local classes are prefixed "home-events__". */
/* Elementor section 69e0b6e: heading (31.5%) + list of events (68.5%), each a 40/60 row. */
.home-events__events {
  background-color: var(--color-surface-dark);
}

/* Theme "clb__dark_mode_light": in dark mode the section becomes an 8% light fill over the page. */
html[data-theme="dark"] .home-events__events {
  background-color: var(--color-fill);
}

.home-events__inner {
  display: grid;
  grid-template-columns: 31.536% 68.464%;
  max-width: var(--container-boxed);
  margin-inline: auto;
}

.home-events__heading {
  min-width: 0;
  padding: calc(2vh + 20px) 20px 0;
}

.home-events__heading .home-events__title {
  font-size: var(--h2-size);
  line-height: var(--h2-leading);
}

.home-events__list {
  min-width: 0;
  margin: 0;
  padding: calc(2vh + 20px) 16px 20px;
  list-style: none;
}

.home-events__event {
  display: grid;
  grid-template-columns: 40.236% 59.764%;
  align-items: start;
  border-block: 1px solid rgb(96 96 107 / 0.65);
}

.home-events__media {
  padding: 11px 11px 11px 0;
}

.home-events__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.home-events__body {
  min-width: 0;
  padding: 2vh 0;
}

.home-events__eventTitle {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--h4-size);
  font-weight: 500;
  line-height: var(--h4-leading);
  letter-spacing: -0.03em;
  color: #fff;
}

.home-events__meta {
  margin: 6px 0 0;
  font-size: 0.8em;
  line-height: 1.5;
  color: #fff;
}

.home-events__link {
  margin-top: 8px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .home-events__inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-events__heading {
    padding: calc(6vh + 40px) 20px 20px;
  }

  .home-events__list {
    padding-top: calc(6vh + 20px);
  }

  .home-events__event {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-events__body {
    width: 70%;
  }
}