body.single-article {
  --divider-height: 95px;
  --content-width: 41.25rem;
  --content-gutter: 1.5rem;
  --content-padding-top: 2rem;
  --content-padding-bottom: 2rem;
  --spacing-y: 2rem;
  --breakout-small: 6rem;
  --breakout-medium: 20rem;
  --divider-top-height: calc(var(--divider-height) / 2);
  --featured-image-border-radius: 0.5rem;
  --gallery-border-radius: 0.5rem;
}

@media (min-width: 61.25rem) {
  body.single-article {
    --content-gutter: 0;
  }
}

body.single-article .article {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body .featured-image--before {
  --featured-image-order: -1;
  --featured-image-margin-top: 0;
  --featured-image-bg-color: var(--header-bg, transparent);
}

body .no-featured-image,
body .featured-image--before {
  --divider-top-height: 0;
  --content-padding-top: 0;
}

@media (max-width: 61.25rem) {
  .single-article .article {
    --featured-image-border-radius: 0;
    --content-padding-top: 2rem;
  }
}

.single-article .article-category {
  color: var(--text-muted, var(--mossa));
  font-size: var(--h6);
  font-weight: var(--font-weight-semi-bold);
  text-transform: uppercase;
  margin: 0 0 1.875rem !important;
}

.single-article .article-title {
  margin: 0 0 1.875rem;
  color: var(--mossa);
}

.single-article .article-container {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 0 var(--content-gutter);
}

.single-article .article-hero {
  background-color: var(--header-bg, transparent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: var(--spacing-y) 0;
}

.single-article .article-featured-image {
  background-color: var(--featured-image-bg-color, transparent);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--featured-image-margin-top, calc(var(--divider-height) * -1.5));
  order: var(--featured-image-order, initial);
}

.single-article .article-featured-image img {
  z-index: 1;
  max-width: 61.25rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--image-border-radius, 0);
}

.single-article .article-content {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: var(--content-width);
  margin: 0 auto;
  padding: var(--content-padding-top) var(--content-gutter) var(--content-padding-bottom);
}

.single-article .article-content .article-block {
  margin-top: 2rem;
}

.single-article .article .author {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  margin: var(--spacing-y) 0 0;
}

.single-article .article .author-meta__name {
  font-weight: var(--font-weight-semi-bold);
  font-size: var(--h6);
}

.single-article .article .author-meta__date {
  text-transform: capitalize;
}

.single-article .article .author-avatar {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
}

.single-article .article .author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*# sourceMappingURL=article.css.map */