/* Blocksy single-post title hero — matches the original WT Tent blog article title area.
 * In Blocksy select Single Posts > Post Title > Type 2, then keep only Title
 * and the Date in Post Meta. The title background can be a shared banner or
 * the current post's featured image. */
.single-post .hero-section[data-type="type-2"] {
  --min-height: 72vh;
  --container-padding: 60px 24px 56px;
  --text-horizontal-alignment: center;
  --vertical-alignment: center;
  padding-top: 0 !important;
  min-height: 72vh;
  margin-top: 0 !important;
}

.single-post .hero-section[data-type="type-2"] > figure .ct-media-container::after {
  background: linear-gradient(
    to bottom,
    rgba(14, 16, 22, .18) 0%,
    rgba(14, 16, 22, .55) 50%,
    rgba(14, 16, 22, .88) 100%
  ) !important;
}

.single-post .hero-section[data-type="type-2"] .page-title,
.single-post .hero-section[data-type="type-2"] .entry-title {
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
  color: #fff !important;
  font-size: clamp(28px, 3.2vw, 44px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em;
  text-align: center;
  text-wrap: balance;
}

.single-post .hero-section[data-type="type-2"] .entry-meta {
  display: flex;
  justify-content: center;
  gap: 18px;
  color: rgba(255, 255, 255, .72) !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
}

.single-post .hero-section[data-type="type-2"] .entry-meta a {
  color: inherit;
}

@media (max-width: 1024px) {
  .single-post .hero-section[data-type="type-2"] {
    --min-height: 56vh;
    --container-padding: 60px 24px 56px;
    min-height: 56vh;
  }
}

@media (max-width: 767px) {
  .single-post .hero-section[data-type="type-2"] {
    --container-padding: 52px 20px 42px;
  }

  .single-post .hero-section[data-type="type-2"] .entry-meta {
    font-size: 13px;
  }
}

/* Applies only to the body of Blocksy single posts. */
.single-post .entry-content {
  --wsc-post-h2: clamp(20px, 2.4vw, 26px);
  --wsc-post-h3: 18px;
  --wsc-post-h4: 16px;
  --wsc-post-h5: 15px;
  --wsc-post-h6: 14px;
}
.single-post .entry-content h2 { font-size: var(--wsc-post-h2); font-weight: 800; line-height: 1.15; letter-spacing: -.02em; margin: 40px 0 16px; }
.single-post .entry-content h3 { font-size: var(--wsc-post-h3); font-weight: 800; line-height: 1.15; letter-spacing: -.02em; margin: 28px 0 12px; }
.single-post .entry-content h4 { font-size: var(--wsc-post-h4); font-weight: 800; line-height: 1.2; margin: 24px 0 10px; }
.single-post .entry-content h5 { font-size: var(--wsc-post-h5); font-weight: 800; line-height: 1.25; margin: 20px 0 8px; }
.single-post .entry-content h6 { font-size: var(--wsc-post-h6); font-weight: 800; line-height: 1.25; margin: 20px 0 8px; }