.article-content {
  max-width: 1000px;
  margin: 50px auto 100px auto;
  padding-left: var(--global-padding-left);
  padding-right: var(--global-padding-right);
}

.article__header {
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 1000px;
}

.article-content p {
  color: #121212;
}

.post .wp-block-heading {
  margin-block-start: 60px;
  margin-block-end: 20px;
}

.article__featured-img-wrapper {
  width: 100%;
  min-height: 400px;
  height: 70vh;
}

.article__featured-img-wrapper img {
  border-radius: var(--img-border-radius);
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.articles {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  padding-bottom: 100px;
}

.articles article {
  width: calc(33.33% - 20px);
}

.tease-article__featured-img-wrapper {
  width: 100%;
  height: 400px;
}

.tease-article__featured-img-wrapper img {
  width: 100%;
  height: 100%;
  border-radius: var(--img-border-radius);
  object-fit: cover;
  display: block;
}

.tease-article__heading a {
  text-decoration: none;
  font-weight:500;
}



.archive {
  margin-top: 50px;
}

@media screen and (max-width: 989px) {
  .articles article {
    width: 100%;
  }

  .tease-article__featured-img-wrapper {
    height: 300px;
  }
}

.pagination__wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

ul.pagination {
  display: flex;
  gap: 15px;
  list-style-type: none;
  padding-inline-start: 0;
  padding: 0 20px;
}

ul.pagination button {
  border: unset;
  background: 0;
  padding: 0;
}

ul.pagination button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

ul.pagination span.current {
  text-decoration: underline;
  text-underline-offset: 10px;
}

.pagination .current .link--underline::after {
  width: 100%;
}

.page-number {
  width: 20px;
  text-align: center;
  display: inline-block;
}

.tease-article__category-list {
  display: flex;
  gap: 8px;
  list-style-type: none;
  flex-wrap: wrap;
  padding-inline-start: 0;
}

.tease-article__category-item {
  color: var(--brand-color-blue);
  background-color: var(--brand-color-light-blue);
  padding: 8px 20px;
  border-radius: 25px;
  font-size: 14px;
}

.tease-article__category-item a {
  text-decoration: none;
  cursor: pointer;
  font-weight:500;
}

.archive__navigation {
  margin-top: 20px;
  margin-bottom: 50px;
}

@media screen and (max-width: 649px) {
  .article__featured-img-wrapper {
    width: 100%;
    min-height: 300px;
    height: 40vh;
  }
}