.EventsUpcoming-wrapper {
  display: flex;
  flex-direction: column;
}@media screen and (min-width: 769px) {.EventsUpcoming-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

    .EventsUpcoming-wrapper > a {
      flex: 1 1 calc(100% / 2 - 20px);
    }
  }.EventsUpcoming-wrapper .Button {
    margin-right: auto;
    margin-left: auto;
  }

.EventsUpcoming-item {
  position: relative;
  margin: 0 0 20px;
  background-color: var(--clr-primary-lighter);
  color: var(--font-clr-primary);
  transition: box-shadow 0.2s;
}

@media screen and (min-width: 769px) {

.EventsUpcoming-item {
    margin: 0 10px 20px;
}
  }

.EventsUpcoming-item:hover {
    box-shadow: 0 14px 31px 0 rgba(0, 0, 0, 0.1);
  }

.EventsUpcoming-item img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    max-height: 280px;
  }

.EventsUpcoming-item:nth-child(n + 3) img {
      display: none;
    }

.EventsUpcoming-item:nth-child(n + 3) .EventsUpcoming-linkIcon {
      display: none;
    }

.EventsUpcoming-item:nth-child(n + 3) .EventsUpcoming-content {
      display: flex;
      min-height: 100%;
    }

@media screen and (min-width: 769px) {
      .EventsUpcoming-item:nth-child(n + 3) .EventsUpcoming-linkIcon {
        display: flex;
      }
    }

.EventsUpcoming-item:not(:nth-child(n + 3)) .EventsUpcoming-data {
      position: absolute;
      top: 0;
      left: 0;
      width: 100px;
    }

.EventsUpcoming-item:not(:nth-child(n + 3)) .EventsUpcoming-text {
      display: flex;
      flex-grow: 1;
      align-items: center;
      justify-content: space-between;
    }

.EventsUpcoming-item:not(:nth-child(n + 3)) .EventsUpcoming-title {
      margin-bottom: 0;
    }

.EventsUpcoming-item:not(:nth-child(n + 3)) .EventsUpcoming-description {
      display: none;
    }

.EventsUpcoming-content {
  display: flex;
}

.EventsUpcoming-data {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: 130px;
  min-width: 130px;
  margin: 0;
  padding: 18px 10px;
  line-height: 100%;
  text-align: center;
  background-color: var(--clr-grayLight);
  color: var(--font-clr-primary);

  ul {
    margin: 0;
  }
}

.EventsUpcoming-data li {
    padding: 0;
  }

.EventsUpcoming-data span {
    display: block;
  }

.EventsUpcoming-text {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}

.EventsUpcoming-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 600;
}

.EventsUpcoming-date {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
}

.EventsUpcoming-month {
  margin-bottom: 15px;
}

& .EventsUpcoming-description {
  line-height: 1.25rem;
}

.EventsUpcoming-linkIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
}