/* #region "../src/functions/blog/elements/blog-post-box/blog-post-box.scss" */
/*
- type: css
*/
.blog-post-box {
  --card-padding-top: clamp(.625rem, -1.38393rem + 8.92857cqw, .9375rem);
  --card-hover-offset: 0px;
  --card-radius: 0px;
  width: fit-content;
  height: fit-content;
}

@container (width > 550px) {
  .blog-post-box {
    --card-padding-top: 0px;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    max-width: 900px;
  }

  .blog-post-box .card-inner {
    position: relative;
    top: -.35rem;
  }

  .blog-post-box .card-image {
    width: clamp(15rem, 6.2rem + 25.6cqw, 19rem);
    max-width: none;
    height: 232px;
  }

  .blog-post-box .card-image img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }
}

.blog-post-box .card-image {
  --card-radius: var(--base-radius);
}

.blog-post-box .blog-post-header {
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(1.25rem, 28.5714cqw - 5.17857rem, 2.25rem);
  display: flex;
}

.blog-post-box .blog-post-time {
  color: var(--grey-800);
  margin: 0;
  font-size: .875rem;
  font-weight: 400;
}

.blog-post-box .blog-post-title {
  font-size: clamp(1rem, .915493rem + .375587vw, 1.25rem);
  line-height: var(--heading-line-height);
  -webkit-hyphens: auto;
  hyphens: auto;
  margin: 0;
  font-weight: 600;
}

.blog-post-box .blog-post-title a {
  color: inherit;
  text-decoration: none;
}

.blog-post-box .blog-post-title a:hover {
  color: var(--grey-800);
}

.blog-post-box .blog-post-excerpt {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.blog-post-box .blog-post-excerpt > :first-child, .blog-post-box .blog-post-excerpt > link:first-child + *, .blog-post-box .blog-post-excerpt > a[name]:first-child + *, .blog-post-box .blog-post-excerpt > .lead-text:first-child > :first-child {
  margin-top: 0;
}

.blog-post-box .blog-post-excerpt > :last-child, .blog-post-box .blog-post-excerpt > .lead-text:last-child > :last-child {
  margin-bottom: 0;
}

.blog-post-box .card-inner {
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(.75rem, 7.14286cqw - .857143rem, 1rem);
  display: flex;
}

.blog-post-box .blog-post-more {
  align-self: initial;
  font-size: .9375rem;
}

.blog-post-box .card-image {
  border-radius: .25rem;
}

/* #endregion "../src/functions/blog/elements/blog-post-box/blog-post-box.scss" */


/*# sourceMappingURL=css-wpce--blog-post-box.css.map*/