@charset "UTF-8";
/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
/* ---- FLYTANDE AVSTÅND ----- */
.blog-hero .container {
  max-width: 86.3rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.blog-hero .container .post-meta {
  display: flex;
  gap: 0.8rem;
  font-family: "Poppins", sans-serif;
  color: #999999;
}
.blog-hero .image-wrapper {
  grid-column: full-width !important;
  margin-top: clamp(4rem, 5vw, 9.6rem);
}
.blog-hero .image-wrapper img {
  width: 100%;
  height: auto;
}
.blog-hero .image-wrapper .image-caption {
  margin: 2.4rem auto 0;
  line-height: 125%;
  padding: 0 2rem;
  max-width: 1460px;
  width: 100%;
}
.blog-hero .image-wrapper .image-caption span {
  font-weight: 600;
}

@media (max-width: 768px) {
  .blog-hero .container {
    gap: 1.6rem;
  }
  .blog-hero .container .post-meta {
    font-size: max(1.4rem, 12px);
  }
  .blog-hero .image-wrapper .image-caption {
    margin: 1.6rem auto 0;
  }
}