section.posts-archive .posts-archive-wrapper {
  grid-column: 1/-1;
  /* General Styles for Post Items */
  /* Placeholder styles */
  /* Animation for pulse effect */
  /* Styles when loading */
}
section.posts-archive .posts-archive-wrapper .intro {
  padding: 0px 0 60px;
}
section.posts-archive .posts-archive-wrapper .intro h1 {
  margin-top: 60px;
  font-size: 2.25rem;
  line-height: 50px;
  color: #4EC9D6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  grid-column: 1/9;
}
section.posts-archive .posts-archive-wrapper .intro .excerpt {
  font-size: 1.4375rem;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  grid-column: 1/9;
}
section.posts-archive .posts-archive-wrapper .item {
  list-style-type: none;
}
section.posts-archive .posts-archive-wrapper .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
}
section.posts-archive .posts-archive-wrapper .item .img-wrapper {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  background-color: #e0e0e0;
}
section.posts-archive .posts-archive-wrapper .item .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.posts-archive .posts-archive-wrapper .item .content {
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0;
  font-size: 1.2rem;
  height: 100px;
  padding: 10px;
  font-family: var(--font-family);
  line-height: 28px;
  letter-spacing: -0.6px;
  -webkit-transition: all 0.5 sease;
  transition: all 0.5 sease;
  color: #fff;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
section.posts-archive .posts-archive-wrapper .item .content h3 {
  font: var(--h5-font);
  color: var(--white);
  letter-spacing: -0.6px;
}
section.posts-archive .posts-archive-wrapper .item .content p {
  font-size: 0.875rem;
  color: var(--white);
}
section.posts-archive .posts-archive-wrapper .item:hover .content {
  background-color: var(--blue);
}
section.posts-archive .posts-archive-wrapper .placeholder {
  background-color: #f3f3f3;
  opacity: 0.7;
}
section.posts-archive .posts-archive-wrapper .placeholder .img-wrapper {
  background-color: #dcdcdc;
  -webkit-animation: pulse 1.5s infinite ease-in-out;
          animation: pulse 1.5s infinite ease-in-out;
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.7;
  }
}
@keyframes pulse {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.7;
  }
}
section.posts-archive .posts-archive-wrapper .loading {
  pointer-events: none;
}
section.posts-archive .posts-archive-wrapper .no-res {
  text-align: center;
  font-size: 16px;
  color: #888;
}
section.posts-archive .posts-archive-wrapper .hide-loadmore .load-more {
  display: none !important;
}