.wrapper.body.inner:has(.recent-post-section) {
  footer#footer {
    margin-top:0px;
  }

}

.recent-post-section {
  background-color: #e5e5e5;
  border-top: 1px solid #666;
  padding: 3rem 0;
  margin-top: 3rem;
}
.posts-grid {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
  padding: 2rem 0;
}
.post {
  max-width: 660px;
  flex-basis: 50%;
  display: flex;
  flex-direction: row;
  padding: 1rem;
  gap: 1rem;
  background-color: #fff;
  position: relative;
  transition: all .3s ease-in-out;

}
.post:hover {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.post-thumb {
  max-width: 240px;
  img {
    width: 100%;
    height: auto;
  }
  p:last-child {
    margin-bottom: 0;
  }
  a:hover {
    text-decoration: none !important;
  }
}
splay: block;
}
.post-info {
  margin: 0px;
}
.post-info h3 {
  font-family: itc-fenice, serif !important;
  line-height: 1.05;
  font-weight: 400;
  font-style: normal;
}
.post-info p {
  margin-bottom: 0;
  line-height: 1.2;
  text-align: left !important;
}
@media (width < 1100px) {
  .posts-grid {
  padding: 1rem 0;
}
  .post {
    max-width: 330px;
    flex-basis: 100%;
    flex-direction: column;
  }
  .post-thumb {
    max-width: 330px;
  }
}