.posts {
  padding-top: 0;
  padding-top: var(--fixed-header-height, 0rem);
}

/* heading */

.posts__heading-content-container {
  padding-top: 2.125rem;
  padding-bottom: 2.125rem;
  background-color: var(--body-color);
  text-align: center;
}

@media (min-width: 1000px) {
  .posts__heading-content-container {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
  }
}

.posts__heading-logo {
  width: 100%;
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}

/* posts */

.posts__items-content-container {
  row-gap: 3.125rem;
  padding-bottom: 4.6875rem;
}

.posts__item {
  grid-column: 1 / 5;
}

.posts__item-image {
  margin-bottom: 1.25rem;
}

.posts__item-subheader {
  padding-bottom: 0.625rem;
  display: flex;
  gap: 0.475rem;
}

.posts__item-link {
  transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;
}

.posts__item-link:link:hover {
  text-decoration: underline;
  color: var(--primary);
}

@media (min-width: 1000px) {
  .posts__items-content-container {
    row-gap: 9.375rem;
    padding-bottom: 9.375rem;
  }

  .posts__left-large {
    grid-column: 1 / 9;
  }

  .posts__right-small {
    grid-column: 9 / 13;
  }

  .posts__left-small {
    grid-column: 1 / 5;
  }

  .posts__right-large {
    grid-column: 5 / 13;
  }
}

/* pagination */

.posts__pagination-content-container {
  padding-bottom: 4.6875rem;
  text-align: center;
}

.posts__pagination-options {
  text-transform: uppercase;
}

@media (min-width: 1000px) {
  .posts__pagination-content-container {
    padding-bottom: 9.375rem;
  }
}