/* International colour heroes size to their content so the CTA stays on the dark surface. */
@media (min-width: 901px) {
  .colour-hero.section-hero--aligned {
    height: auto !important;
    min-height: 55svh !important;
    margin-bottom: 0 !important;
    padding-bottom: clamp(3.5rem, 5vw, 5rem) !important;
  }

  .colour-hero.section-hero--aligned::after {
    display: none !important;
  }

  .journal-hero.section-hero--aligned h1,
  .template-hero--calculator.section-hero--aligned h1,
  .about-opening.section-hero--aligned h1,
  .contact-opening.section-hero--aligned h1 {
    font-size: clamp(3.5rem, 5vw, 5.5rem) !important;
    line-height: .94 !important;
  }
}

.journal-grid .content-card__body h2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media (max-width: 800px) {
  .nav-action > span,
  .button > span[aria-hidden="true"],
  .partner-program-modal__action > span[aria-hidden="true"],
  .content-card__action > b[aria-hidden="true"],
  .site-footer a > span,
  dialog button > span {
    display: none !important;
  }
}