.news-posts-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.news-post {
  flex-basis: 565px;
  flex-grow: 0;
  flex-shrink: 0;
}

.news-post__meta {
  margin-bottom: 10px;
}

.news-post__meta span {
  font-family: var(--font-futura-std);
  font-weight: bold;
  text-transform: uppercase;
}

.news-post__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
}

.news-post__image {
  flex-basis: 330px;
  flex-grow: 0;
  flex-shrink: 0;

  position: relative;
}

.news-post__image img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center center;
}

.news-post__image__date {
  background-color: var(--gold);

  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);

  width: 50px;
  height: 70px;

  padding-top: 5px;

  display: flex;
  flex-direction: column;
  gap: 5px;
}

.news-post__image__date span {
  display: block;

  font-family: var(--font-futura-pt);
  font-weight: bold;

  line-height: 15px;
  text-align: center;
}

.news-post__image__date span.month {
  font-size: 14px;
}

.news-post__image__date span.day {
  font-size: 25px;
}

.news-post__image__date span.year {
  font-size: 13px;
}

.news-post__content h3 {
  margin-top: -5px;
  font-size: 22px;
}

.news-post-pagination {
  margin-top: 40px;
}

@media only screen and (max-width: 1024px) {
  .news-posts-container {
    flex-direction: column;
    gap: 40px;
  }

  .news-post {
    flex-basis: auto;
  }
}

@media only screen and (max-width: 425px) {
  .news-post__inner {
    flex-direction: column;
  }
}