/* Generated by vite-plugin-svg-spritemap */
.blogposts {
  background-color: #dfe4c8;
}
.blogposts__title {
  font-weight: 500;
  text-align: center;
}
.blogposts__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}
.blogposts__card {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.blogposts__image {
  aspect-ratio: 1.28/1;
  overflow: hidden;
  background-color: #eef0e3;
}
.blogposts__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.blogposts__image:hover img {
  transform: scale(1.035);
}
.blogposts__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
}
.blogposts__date {
  color: #879940;
  line-height: 1.4;
}
.blogposts__name {
  font-family: "Glory";
  font-weight: 500;
  line-height: 1.22;
}
.blogposts__name a {
  transition: color 0.25s ease;
}
.blogposts__name a:hover {
  color: #879940;
}
.blogposts__excerpt {
  line-height: 1.9;
}
@media (max-width: 61.99875em) {
  .blogposts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 47.99875em) and (min-width: 76.25em) {
  .blogposts__grid {
    row-gap: 2.8125rem;
  }
}
@media (max-width: 47.99875em) and (max-width: 20em) {
  .blogposts__grid {
    row-gap: 2.125rem;
  }
}
@media (max-width: 47.99875em) {
  .blogposts__grid {
    grid-template-columns: 1fr;
  }
  .blogposts__content {
    padding-inline: 1.25rem;
  }
}
@media (max-width: 20em) {
  .blogposts__title {
    margin-bottom: 2.125rem;
  }
  .blogposts__grid {
    gap: 1.125rem;
  }
  .blogposts__content {
    padding-top: 0.875rem;
  }
  .blogposts__content {
    padding-inline: 0.625rem;
  }
  .blogposts__date {
    font-size: 0.875rem;
  }
  .blogposts__name {
    margin-top: 0.5625rem;
  }
  .blogposts__name {
    font-size: 1.5rem;
  }
  .blogposts__excerpt {
    margin-top: 1.125rem;
  }
  .blogposts__excerpt {
    font-size: 0.9375rem;
  }
  .blogposts__button {
    margin-top: 1.25rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 20em) and (max-width: 76.25em) {
  .blogposts__grid {
    row-gap: clamp( 2.125rem , 1.88055555555625rem  +  1.2222222222vw , 2.8125rem );
  }
}
@media (min-width: 20em) and (max-width: 76.25em) {
  .blogposts__title {
    margin-bottom: clamp( 2.125rem , 1.547222222225rem  +  2.8888888889vw , 3.75rem );
  }
  .blogposts__grid {
    gap: clamp( 1.125rem , 0.99166666666875rem  +  0.6666666667vw , 1.5rem );
  }
  .blogposts__content {
    padding-top: clamp( 0.875rem , 0.74166666666875rem  +  0.6666666667vw , 1.25rem );
  }
  .blogposts__content {
    padding-inline: clamp( 0.625rem , 0.402777777775rem  +  1.1111111111vw , 1.25rem );
  }
  .blogposts__date {
    font-size: clamp( 0.875rem , 0.83055555555625rem  +  0.2222222222vw , 1rem );
  }
  .blogposts__name {
    margin-top: clamp( 0.5625rem , 0.4736111111125rem  +  0.4444444444vw , 0.8125rem );
  }
  .blogposts__name {
    font-size: clamp( 1.5rem , 1.4111111111125rem  +  0.4444444444vw , 1.75rem );
  }
  .blogposts__excerpt {
    margin-top: clamp( 1.125rem , 0.902777777775rem  +  1.1111111111vw , 1.75rem );
  }
  .blogposts__excerpt {
    font-size: clamp( 0.9375rem , 0.915277777775rem  +  0.1111111111vw , 1rem );
  }
  .blogposts__button {
    margin-top: clamp( 1.25rem , 1.11666666666875rem  +  0.6666666667vw , 1.625rem );
  }
}
@media (min-width: 76.25em) {
  .blogposts__title {
    margin-bottom: 3.75rem;
  }
  .blogposts__grid {
    gap: 1.5rem;
  }
  .blogposts__content {
    padding-top: 1.25rem;
  }
  .blogposts__content {
    padding-inline: 1.25rem;
  }
  .blogposts__date {
    font-size: 1rem;
  }
  .blogposts__name {
    margin-top: 0.8125rem;
  }
  .blogposts__name {
    font-size: 1.75rem;
  }
  .blogposts__excerpt {
    margin-top: 1.75rem;
  }
  .blogposts__excerpt {
    font-size: 1rem;
  }
  .blogposts__button {
    margin-top: 1.625rem;
  }
}