/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*/
@font-face {
  font-family: "Playfair Display";
  src: url("../../assets/fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display Italic";
  src: url("../../assets/fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
.blog-heading {
  text-align: center;
}

.blog-posts {
  padding-top: 80px;
}
.blog-posts .posts-container {
  display: flex;
  row-gap: 64px;
  -moz-column-gap: 32px;
       column-gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .blog-posts .posts-container {
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 48px;
  }
}
@media screen and (max-width: 767px) {
  .blog-posts .posts-container {
    flex-direction: column;
    row-gap: 32px;
  }
}
.blog-posts__card {
  width: calc((100% - 64px) / 3);
}
.blog-posts__card__image img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  margin-bottom: 16px;
}
.blog-posts__card__entry-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.blog-posts__card__entry-tags a {
  font-size: 12px;
  color: #FFFFFF;
  background-color: #00AF97;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px;
  border: 1px solid #0C9381;
  border-radius: 50px;
}
.blog-posts__card__entry-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 16px;
}
.blog-posts__card__entry-summary p {
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .blog-posts__card {
    width: calc((100% - 16px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .blog-posts__card {
    width: 100%;
  }
}
.blog-posts__pagination {
  margin-top: 64px;
}
.blog-posts__pagination ul {
  display: flex;
  justify-content: center;
  list-style: none;
  font-weight: 500;
}
.blog-posts__pagination li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border-radius: 8px;
}
.blog-posts__pagination li:has(.current) {
  color: #FFFFFF;
  background-color: #0C9381;
}
.blog-posts__pagination li:has(.current):hover {
  color: #FFFFFF;
  background-color: #0C9381;
}
.blog-posts__pagination li:hover {
  background: #f0f0f0;
  border-color: #aaa;
}
.blog-posts__pagination li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.blog-posts__pagination .prev, .blog-posts__pagination .next {
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .blog-posts {
    margin-top: 48px;
  }
}
@media screen and (max-width: 767px) {
  .blog-posts {
    margin-top: 32px;
  }
}
/*# sourceMappingURL=home.css.map */
