/* AlKhutaa Pro 1.6.0 — canonical typography runtime */
:root {
  --khutaa-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
  --khutaa-font-headings: var(--khutaa-font-body);
  --khutaa-font-menu: var(--khutaa-font-body);
  --khutaa-font-body-size: 16px;
  --khutaa-global-font-size: 16px;
  --khutaa-global-font-scale: 1;
  --khutaa-article-font-size: 19px;
  --khutaa-article-font-mobile-size: 18px;
  --khutaa-article-title-size: 52px;
  --khutaa-article-title-mobile-size: 32px;
  --khutaa-card-title-size: 18px;
  --khutaa-menu-font-size: 15px;
  --khutaa-meta-font-size: 12px;
  --khutaa-article-line-height: 2.05;
  --khutaa-heading-weight: 900;
  --kh-article-title: var(--khutaa-article-title-size);
  --kh-article-title-mobile: var(--khutaa-article-title-mobile-size);
  --kh-article-font: var(--khutaa-article-font-size);
  --kh-article-font-mobile: var(--khutaa-article-font-mobile-size);
  --kh-article-line: var(--khutaa-article-line-height);
}

html body {
  font-family: var(--khutaa-font-body) !important;
  font-size: var(--khutaa-global-font-size) !important;
}

body :where(input, select, textarea, button, .button) {
  font-family: var(--khutaa-font-menu) !important;
}

body :where(h1, h2, h3, h4, h5, h6, .entry-title, .post-title, .page-title, .widget-title, .section-title, .block-title, .khutaa-section-title, .khutaa-card-title, .khutaa-block-post-title, .khutaa-builder-post-title, .khutaa-archive-card__title, .khutaa-builder-section__title, .khutaa-widget-heading) {
  font-family: var(--khutaa-font-headings) !important;
  font-weight: var(--khutaa-heading-weight) !important;
}

/* One menu typography source for the canonical desktop header and mobile core. */
body :is(
  .khutaa-header-core,
  .khutaa-header__menu,
  .khutaa-header__submenu,
  .khutaa-header__actions,
  .alk-mm,
  .alk-mobile-bottom-nav,
  .alk-mobile-custom-nav,
  .alkhutaa-mobile-bottom-nav,
  .khutaa-bottom-nav
),
body :is(
  .khutaa-header-core,
  .khutaa-header__menu,
  .khutaa-header__submenu,
  .khutaa-header__actions,
  .alk-mm,
  .alk-mobile-bottom-nav,
  .alk-mobile-custom-nav,
  .alkhutaa-mobile-bottom-nav,
  .khutaa-bottom-nav
) :is(a, button, b, strong, span:not(.dashicons):not([class*="icon"])) {
  font-family: var(--khutaa-font-menu) !important;
}

body :is(.khutaa-header__menu-link, .alk-mm__link, .alk-mm__submenu-toggle) {
  font-size: var(--khutaa-menu-font-size) !important;
}

/* Native/Jannah and AlKhutaa article title. */
body.single-post :is(
  h1.entry-title,
  h1.post-title,
  .post-title.entry-title,
  .entry-header > h1,
  article#the-post .entry-header h1,
  article#the-post h1.post-title,
  .khutaa-article-title,
  .alkhutaa-article-title
) {
  font-family: var(--khutaa-font-headings) !important;
  font-size: var(--khutaa-article-title-size) !important;
  font-weight: var(--khutaa-heading-weight) !important;
  line-height: 1.32 !important;
}

/* Native/Jannah and AlKhutaa article body. */
body.single-post :is(
  .alk-entry-content,
  .khutaa-article-content,
  .entry-content,
  .post-content,
  [itemprop="articleBody"],
  article#the-post .entry
) {
  font-family: var(--khutaa-font-body) !important;
  font-size: var(--alk-reader-font-size, var(--khutaa-article-font-size)) !important;
  line-height: var(--khutaa-article-line-height) !important;
}

body.single-post :is(
  .alk-entry-content,
  .khutaa-article-content,
  .entry-content,
  .post-content,
  [itemprop="articleBody"],
  article#the-post .entry
) :where(p, li, blockquote, td, th, dd, dt, figcaption, .wp-block-paragraph, .wp-block-list, .wp-block-quote) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

body.single-post :is(
  .alk-entry-content,
  .khutaa-article-content,
  .entry-content,
  .post-content,
  [itemprop="articleBody"],
  article#the-post .entry
) :where(h2, h3, h4, h5, h6) {
  font-family: var(--khutaa-font-headings) !important;
  font-weight: var(--khutaa-heading-weight) !important;
}

/* Archive, homepage, builder and widget cards. */
body:not(.single-post) :is(
  .post-item .post-title,
  .posts-list-items .post-title,
  .mag-box .post-title,
  .khutaa-card-title,
  .khutaa-news-card h2,
  .khutaa-news-card h3,
  .khutaa-block-post-title,
  .khutaa-builder-post-title,
  .khutaa-archive-card__title,
  .alk-card h2,
  .alk-card h3
) {
  font-family: var(--khutaa-font-headings) !important;
  font-size: var(--khutaa-card-title-size) !important;
  font-weight: var(--khutaa-heading-weight) !important;
}

body :is(
  .post-meta,
  .single-post-meta,
  .entry-meta,
  .khutaa-article-meta,
  .khutaa-article-breadcrumbs,
  .alk-meta-item,
  .meta-item,
  .post-date,
  .post-author,
  .reading-time
) {
  font-size: var(--khutaa-meta-font-size) !important;
}

@media (max-width: 782px) {
  body.single-post :is(
    h1.entry-title,
    h1.post-title,
    .post-title.entry-title,
    .entry-header > h1,
    article#the-post .entry-header h1,
    article#the-post h1.post-title,
    .khutaa-article-title,
    .alkhutaa-article-title
  ) {
    font-size: var(--khutaa-article-title-mobile-size) !important;
    line-height: 1.38 !important;
  }

  body.single-post :is(
    .alk-entry-content,
    .khutaa-article-content,
    .entry-content,
    .post-content,
    [itemprop="articleBody"],
    article#the-post .entry
  ) {
    font-size: var(--alk-reader-font-size, var(--khutaa-article-font-mobile-size)) !important;
  }
}