/* Headline and text sizes: which classes use which size role.
 * The sizes themselves (and their mobile values) live in variables.css.
 * Loaded after all other theme CSS, so component files never set these font sizes. */

.kj-hero-slider__title,
.kj-download-app__features-title {
  font-size: calc(var(--kj-title-display) * var(--kj-text-scale, 1));
}

.kj-cat-featured__title,
.settings-kj-page-wrap h1 {
  font-size: calc(var(--kj-title-page-lead) * var(--kj-text-scale, 1));
}

.kj-headline__title-block h1,
.latest-post-title,
.post-title h1,
.kj-headline__title,
.kj-download-app__title,
.kj-contact-page__title {
  font-size: calc(var(--kj-title-article) * var(--kj-text-scale, 1));
}

.post-content-category > h2,
body.home .kj-layout-hero__title,
body.home .kj-layout-rail-feature__title {
  font-size: calc(var(--kj-title-lead) * var(--kj-text-scale, 1));
}

.league-title,
.spote-title,
.spote-title-mobile,
.studentet-title {
  font-size: calc(var(--kj-title-section) * var(--kj-text-scale, 1));
}

body.home .kj-home-rail-carousel .kj-home-strip__title {
  font-size: calc(var(--kj-title-feature) * var(--kj-text-scale, 1));
}

.kj-card__title,
.settings-section h2 {
  font-size: calc(var(--kj-title-card-lg) * var(--kj-text-scale, 1));
}

.latest-title h2,
.kj-teaser__title,
body.home .kj-front-latest__title,
.kj-forum-sidebar__title,
body.home .kj-home-strip__title,
.kj-cat-rail__title,
.kj-cat-grid__title,
.kj-cat-latest__title,
.kj-download-app__feature-title {
  font-size: calc(var(--kj-title-card) * var(--kj-text-scale, 1));
}

.editorial-title a {
  font-size: calc(var(--kj-title-card) * var(--kj-text-scale, 1)) !important;
}

.sidebar-selected__title,
.sidebar-feed__title,
.sidebar-timeline__headline,
.kj-article-layout .kj-article-related .kj-home-strip__title,
.wpp-post-title,
.kj-hero-left__headline,
body.home .kj-layout-stack-item__title {
  font-size: calc(var(--kj-title-item) * var(--kj-text-scale, 1));
}

.kj-inline-related__title,
.kj-search__title,
body.home .kj-home-list__title,
body.home .kj-layout-thumb-row__title,
body.home .kj-layout-text-item__title,
.settings-theme-card h3,
.settings-fontsize-card h3 {
  font-size: calc(var(--kj-title-list) * var(--kj-text-scale, 1));
}

@media (max-width: 1023px) {
  body.home .kj-layout-hero__title,
  body.home .kj-layout-rail-feature__title,
  body.home .kj-layout-stack-item__title {
    font-size: calc(22px * var(--kj-text-scale, 1));
  }

  body.home .kj-layout-thumb-row__title,
  .sidebar-selected__title,
  .sidebar-feed__title,
  .sidebar-timeline__headline,
  .kj-article-layout .kj-article-related .kj-home-strip__title,
  .wpp-post-title,
  .kj-hero-left__headline,
  body.home .kj-layout-text-item__title {
    font-size: calc(19px * var(--kj-text-scale, 1));
  }
}

@media (min-width: 1024px) {
  body.home .kj-layout-hero__title {
    font-size: calc(clamp(22px, 2.5vw, 30px) * var(--kj-text-scale, 1));
  }

  body.home .kj-layout-thumb-row__title,
  .sidebar-selected__title,
  .sidebar-feed__title,
  .sidebar-timeline__headline,
  .kj-article-layout .kj-article-related .kj-home-strip__title,
  .wpp-post-title,
  .kj-hero-left__headline,
  body.home .kj-layout-stack-item__title,
  body.home .kj-layout-text-item__title {
    font-size: calc(20px * var(--kj-text-scale, 1));
  }
}

/* Keep list titles off the neighbouring column */
@media (min-width: 1024px) {
  body.home .kj-layout-thumb-row__title,
  body.home .kj-layout-text-item__title {
    padding-inline-end: 24px;
  }
}

/* Article titles: no letter-spacing */
.kj-hero-slider__title,
.kj-cat-featured__title,
.kj-headline__title-block h1,
.latest-post-title,
.post-title h1,
.kj-headline__title,
.post-content-category > h2,
body.home .kj-layout-hero__title,
body.home .kj-layout-rail-feature__title,
body.home .kj-home-rail-carousel .kj-home-strip__title,
.kj-card__title,
.latest-title h2,
.kj-teaser__title,
body.home .kj-front-latest__title,
.kj-forum-sidebar__title,
body.home .kj-home-strip__title,
.kj-cat-rail__title,
.kj-cat-grid__title,
.kj-cat-latest__title,
.editorial-title a,
.sidebar-selected__title,
.sidebar-feed__title,
.sidebar-timeline__headline,
.kj-article-layout .kj-article-related .kj-home-strip__title,
.wpp-post-title,
.kj-hero-left__headline,
body.home .kj-layout-stack-item__title,
.kj-inline-related__title,
.kj-search__title,
body.home .kj-home-list__title,
body.home .kj-layout-thumb-row__title,
body.home .kj-layout-text-item__title,
body.home .kj-webtv-card__title,
.fv-card-title,
.wp-embed.kj-embed .wp-embed-heading.kj-embed__title {
  letter-spacing: 0;
}

body.home .kj-webtv-card__title,
.fv-card-title,
.arkiva-modal__title {
  font-size: calc(var(--kj-title-compact) * var(--kj-text-scale, 1));
}

.kj-breaking-news__title,
.sidebar-timeline__title,
.sidebar-wrapper--skin-timeline .sidebar-title h2,
.kj-hero-left__title,
.kj-webtv-cat__now-title,
.kj-webtv-cat__next-title {
  font-size: calc(var(--kj-title-label) * var(--kj-text-scale, 1));
}

.kj-headline__dek,
.kj-cat-featured__dek,
.arkiva-today__date {
  font-size: calc(var(--kj-text-dek) * var(--kj-text-scale, 1));
}

.kj-meta__date--listing,
.kj-section-head__title,
.kj-article-hero__overlay .kj-meta__date,
.kj-cat-grid__dek {
  font-size: calc(var(--kj-text-kicker) * var(--kj-text-scale, 1));
}

.kj-exclusive__label,
.kj-headline .kj-exclusive__label,
.kj-meta__date,
.sidebar-timeline__meta .sidebar-card__date,
.kj-article-layout .kj-article-related .kj-home-grid__card .kj-home-strip__body > .kj-front-latest__date,
.kj-inline-related__date,
.kj-headline--classic .kj-headline__date,
.kj-share__header h2,
body.home .kj-front-latest__date,
body.home .kj-home-grid__card .kj-home-strip__body > .kj-front-latest__date,
.kj-home-banner__label,
.arkiva-today__title,
.settings-theme-card p {
  font-size: calc(var(--kj-text-meta) * var(--kj-text-scale, 1));
}

@media (max-width: 639.98px) {
  .kj-cat-featured__title,
  .kj-cat-rail__title,
  .kj-cat-grid__title {
    font-size: calc(var(--kj-title-card) * var(--kj-text-scale, 1));
  }
}

@media (max-width: 659px) {
  .posts-category:first-child .post-content-category > h2 {
    font-size: calc(var(--kj-title-display) * var(--kj-text-scale, 1));
  }
}

@media (min-width: 640px) {
  .kj-cat-latest__title {
    font-size: calc(var(--kj-title-card-lg) * var(--kj-text-scale, 1));
  }
}

@media (min-width: 768px) {
  .kj-article-sidebars--below .sidebar-timeline__headline {
    font-size: calc(var(--kj-title-card) * var(--kj-text-scale, 1));
  }
}

@media screen and (max-width: 767px) {
  .kj-hero-left__headline {
    font-size: calc(19px * var(--kj-text-scale, 1));
  }

  body.home .kj-card__title a {
    font-size: calc(var(--kj-title-feature) * var(--kj-text-scale, 1));
  }
}