/*
 * News hero, masonry archive and the single post view.
 *
 * Loaded on: blog home, category/tag/date/author/search archives, single posts
 * Enqueued by Stylchen\Frontend\Assets.
 */

.news-archive { padding-top: 58px; padding-bottom: 58px; }
.news-masonry { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 30px; }
.news-masonry-column { min-width: 0; }
.news-archive-card { margin: 0 0 30px; background: #f7f7f7; }
.news-archive-card__image, .news-single__image { display: block; overflow: hidden; background: #ddd; }
.news-archive-card__image img, .news-single__image img { display: block; width: 100%; height: auto; }
.news-archive-card__body { min-height: 213px; border: 1px solid #e5e5e5; border-top: 0; padding: 17px 20px 19px; }
.news-archive-card h2 { margin: 0 0 10px; font-family: "Open Sans", Arial, sans-serif; font-size: 1.0625rem; font-weight: 600; line-height: 1.35; text-transform: uppercase; }
.news-archive-card h2 a { color: var(--sc-red); }
.news-archive-card p { margin: 0 0 13px; color: #777; line-height: 1.65; }
.news-read-more { color: var(--sc-red); font-size: 0.8125rem; }
.news-pagination { margin-top: 15px; text-align: center; }
.news-pagination .nav-links { display: inline-flex; gap: 5px; }
.news-pagination a, .news-pagination span { display: inline-block; min-width: 31px; border: 1px solid #e5e5e5; padding: 4px 9px; color: var(--sc-red); }
.news-pagination .current { background: var(--sc-red); color: #fff; }
.news-single { padding-top: 58px; }
.news-single__inner { width: min(calc(100% - 30px), 770px); margin: 0 auto; }
.news-single__article { background: #fff; }
.news-single__content { padding: 27px 5px 0; }
.news-single__date { margin-bottom: 8px; color: #999; font-size: 0.75rem; text-transform: uppercase; letter-spacing: .06em; }
.news-single__content h2 { margin: 0 0 20px; color: var(--sc-red); font-family: "Playfair Display", Georgia, serif; font-size: clamp(1.6875rem,3vw,2.375rem); font-weight: 400; line-height: 1.25; }
.news-single__content .entry-content { color: #666; font-size: 1rem; line-height: 1.8; }
.news-single__content .entry-content h1, .news-single__content .entry-content h2, .news-single__content .entry-content h3, .news-single__content .entry-content h4 { color: var(--sc-ink); }
.news-share { display: flex; align-items: center; gap: 9px; margin-top: 30px; padding-top: 21px; border-top: 1px solid #eee; color: var(--sc-red); font-family: Raleway, Arial, sans-serif; }
.news-share a { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 50%; background: var(--sc-red); color: #fff; font-weight: 700; text-transform: uppercase; }

@media (max-width: 900px) {
  .news-masonry { grid-template-columns: 1fr; }
  .news-masonry-column { display: contents; }
}
@media (max-width: 560px) {
  /* style.css sets .section padding at this width; these views carry both
     classes, and the global sheet no longer comes last in the cascade. */
  .news-archive, .news-single { padding: 48px 0; }
  .news-masonry { grid-template-columns: 1fr; }
}