/* Page-specific styles for crypto-marketing-strategies.
   The heading-hierarchy fix turned some labels into <h3> (the "why strategies fail" items, the
   "What Worked / What Failed" labels and the FAQ questions). blog-details.css gives every
   .blog-single-wrap h3 gradient text and a 40px line-height, so these keep their previous look. */
.blog-single-wrap h3.cms-sub,
.blog-single-wrap h3.cms-faq {
  background: none;
  -webkit-text-fill-color: currentColor;
}

/* Author / read time / updated date strip under the H1 (same look as the newer blog posts:
   blog-details.css draws the pill solid green, the newer posts outline it). */
.blog-single-wrap .bx-meta-strip {
  margin-bottom: 34px;
}

.bx-updated-pill {
  color: #fff;
  font-weight: 400;
  margin-left: 12px;
  background: none;
  border: 1px solid #57E0A8;
}

@media (max-width: 650px) {
  .bx-meta-left .bx-updated-pill {
    margin-left: 0;
  }
}

@media (min-width: 576px) {
  .blog-single-wrap h3.cms-sub,
  .blog-single-wrap h3.cms-faq {
    line-height: 1.2;
  }
}
