.fr-event {
  background: #fff;
  display: grid;
  gap: 100px;
}
@media (max-width: 900px) {
  .fr-event {
    gap: 30px;
  }
}
.fr-event__inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.fr-event__inner:before, .fr-event__inner:after {
  display: none !important;
}
@media (min-width: 901px) {
  .fr-event__inner {
    gap: 75px;
    flex-direction: row;
  }
  .fr-event__inner > div {
    width: 50%;
  }
}
.fr-event__inner .fr-event__photo {
  overflow: hidden;
  aspect-ratio: 16/9;
}
.fr-event__inner .fr-event__photo img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.fr-event__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.fr-event__content .button {
  place-self: start;
}

@media (min-width: 901px) {
  section.fr-event__section:nth-child(even) .fr-event__inner {
    flex-direction: row-reverse;
  }
}

section.fr-event__section:last-of-type {
  margin-bottom: 50px;
}

.fr-events__grid {
  display: grid;
  gap: 30px;
  margin-bottom: 50px;
}
.fr-events__item.radnor-post-thumbnail {
  padding: 30px;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  text-align: center;
}
.fr-events__item.radnor-post-thumbnail * {
  margin: 0;
}

@media (min-width: 901px) {
  .fr-events__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .fr-events__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}