.blog-container { padding: 40px 0 20px; }

.list-all-posts .small-title { margin-bottom: 0; }
.list-all-posts .container-list-all-posts article {
  padding: 40px 0;
  border-bottom: 1px solid var(--gray-300);
}
.list-all-posts .container-list-all-posts article:last-child { border-bottom: 0; }
.list-all-posts .container-list-all-posts article > a {
  display: flex;
  text-decoration: none;
  gap: 30px;
}

.thumb-all-posts img {
  display: block;
  width: 270px;
  height: 172px;
  border-radius: 4px;
  background-color: var(--primary);
  object-fit: cover;
  object-position: center top;
}

.content-all-post { flex: 1; }
.content-all-post h1 {
  font-family: 'Merriweather', serif;
  font-size: 1.125rem;
  line-height: 1.67;
  margin: 0 0 0.25rem;
  color: var(--gray-900);
  font-weight: 900;
}
.content-all-post p.author-all-posts {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  margin-bottom: 1rem;
  color: var(--gray-600);
}
.content-all-post p.excerpt {
  font-family: 'Merriweather', serif;
  color: var(--gray-600);
  margin-bottom: 0;
  line-height: 1.8;
  font-size: 0.85rem;
}

.pagination {
  justify-content: center;
  margin-top: 30px;
}
.pagination .page-item .page-link {
  border: 0;
  font-weight: 700;
  font-size: 16px;
  border-radius: 4px;
  color: var(--gray-500);
  margin: 0 3px;
}
.pagination .page-item.active .page-link {
  background-color: var(--gray-100);
  color: var(--primary);
}
.pagination .page-item.disabled .page-link { pointer-events: none; }
.pagination .page-item .page-link img {
  width: 16px;
  height: 16px;
  filter: invert(41%) sepia(84%) saturate(546%) hue-rotate(343deg) brightness(104%) contrast(92%);
}

@media (max-width: 991.98px) {
  .list-all-posts .container-list-all-posts article > a {
    flex-direction: column;
    gap: 15px;
  }
  .thumb-all-posts img { width: 100%; height: 220px; }
}