/* Nunito for EN / IT (Duolingo-like). IranYekan + Kalameh for FA. Kalameh is h1 only. */

@font-face {
  font-family: Nunito;
  src: url("../fonts/nunito/nunito-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url("../fonts/nunito/nunito-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url("../fonts/nunito/nunito-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url("../fonts/nunito/nunito-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url("../fonts/nunito/nunito-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url("../fonts/nunito/nunito-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

html:not([lang="fa"]) {
  --font-latin: Nunito, "Mabry Pro", sans-serif;
  --font-family-primary: var(--font-latin);
  --font-family-secondary: var(--font-latin);
  --font-family-tertiary: var(--font-latin);
}

html:not([lang="fa"]),
html:not([lang="fa"]) body,
html:not([lang="fa"]) p,
html:not([lang="fa"]) a,
html:not([lang="fa"]) span,
html:not([lang="fa"]) li,
html:not([lang="fa"]) div,
html:not([lang="fa"]) button,
html:not([lang="fa"]) input,
html:not([lang="fa"]) label,
html:not([lang="fa"]) textarea,
html:not([lang="fa"]) select,
html:not([lang="fa"]) h1,
html:not([lang="fa"]) h2,
html:not([lang="fa"]) h3,
html:not([lang="fa"]) h4,
html:not([lang="fa"]) h5,
html:not([lang="fa"]) h6,
html:not([lang="fa"]) .h1,
html:not([lang="fa"]) .h2,
html:not([lang="fa"]) .h3,
html:not([lang="fa"]) .h4,
html:not([lang="fa"]) .h5,
html:not([lang="fa"]) .h6,
html:not([lang="fa"]) h1 * {
  font-family: var(--font-latin);
}

html:not([lang="fa"]) h1,
html:not([lang="fa"]) h1.h1,
html:not([lang="fa"]) h1.h2,
html:not([lang="fa"]) h1.h3,
html:not([lang="fa"]) h1.display-6,
html:not([lang="fa"]) h1.lg\:display-6,
html:not([lang="fa"]) h1 * {
  font-weight: 900 !important;
}

@font-face {
  font-family: "Iran Yekan";
  src:
    url("../fonts/iranyekan/iranyekanweblight.woff2") format("woff2"),
    url("../fonts/iranyekan/iranyekanweblight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Iran Yekan";
  src: url("../fonts/iranyekan/iranyekanwebregular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Iran Yekan";
  src:
    url("../fonts/iranyekan/iranyekanwebbold.woff2") format("woff2"),
    url("../fonts/iranyekan/iranyekanwebbold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Iran Yekan";
  src:
    url("../fonts/iranyekan/iranyekanwebbold.woff2") format("woff2"),
    url("../fonts/iranyekan/iranyekanwebbold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kalameh;
  src: url("../fonts/kalameh/KalamehFaNum-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kalameh;
  src: url("../fonts/kalameh/KalamehFaNum-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kalameh;
  src: url("../fonts/kalameh/KalamehFaNum-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

html[lang="fa"] {
  --font-farsi: "Iran Yekan", Tahoma, sans-serif;
  --font-farsi-heading: Kalameh, "Iran Yekan", Tahoma, sans-serif;
  --font-family-primary: var(--font-farsi);
  --font-family-secondary: var(--font-farsi);
  --font-family-tertiary: var(--font-farsi);
}

html[lang="fa"],
html[lang="fa"] body {
  font-family: var(--font-farsi);
  font-weight: 500;
}

html[lang="fa"] .fw-light,
html[lang="fa"] .fw-normal {
  font-weight: 500;
}

html[lang="fa"] p,
html[lang="fa"] a,
html[lang="fa"] span,
html[lang="fa"] li,
html[lang="fa"] div,
html[lang="fa"] button,
html[lang="fa"] input,
html[lang="fa"] label,
html[lang="fa"] textarea,
html[lang="fa"] select,
html[lang="fa"] h2,
html[lang="fa"] h3,
html[lang="fa"] h4,
html[lang="fa"] h5,
html[lang="fa"] h6,
html[lang="fa"] .h2,
html[lang="fa"] .h3,
html[lang="fa"] .h4,
html[lang="fa"] .h5,
html[lang="fa"] .h6 {
  font-family: var(--font-farsi);
}

html[lang="fa"] h1,
html[lang="fa"] h1.h1,
html[lang="fa"] h1.h2,
html[lang="fa"] h1.h3,
html[lang="fa"] h1.display-6,
html[lang="fa"] h1 * {
  font-family: var(--font-farsi-heading) !important;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.55;
}

.uc-navbar,
.uc-navbar-left,
.uc-navbar-right,
.uc-navbar-nav,
.uc-navbar-right .nav-x {
  flex-wrap: nowrap;
}

.uc-navbar-nav > li > a,
.uc-navbar-right a,
.uc-navbar-right .nav-x > li > a {
  white-space: nowrap;
}

.lingobel-hero-title {
  --sizes-heading-display-6-size: clamp(2.6rem, 5vw, 4rem);
  --sizes-heading-h1-size: clamp(2.6rem, 5vw, 4rem);
  --sizes-heading-h2-size: clamp(2.2rem, 4.2vw, 3.25rem);
  --sizes-heading-h3-size: clamp(1.9rem, 3.6vw, 2.6rem);
  line-height: 1.12 !important;
}

html:not([lang="fa"]) .lingobel-hero-title {
  letter-spacing: -0.03em;
  -webkit-text-stroke: 0.35px currentColor;
}

.lingobel-hero-title [data-i18n="hero.withLingobel"] {
  margin-top: 0.12em;
}

.lingobel-hero-title .lingobel-typed-row {
  display: inline-flex;
  align-items: center;
  gap: 0.1em;
  min-height: 1em;
}

.lingobel-hero-title .lingobel-typed-hl {
  display: inline-flex;
  align-items: center;
  box-sizing: content-box;
  line-height: 0.78 !important;
  min-height: 0.86em;
  min-width: 0.55em;
  padding-block: 0.02em 0.05em !important;
  padding-inline: 0.18em;
  vertical-align: middle;
}

.lingobel-hero-title .lingobel-typed-hl::after {
  content: "\00a0";
  width: 0;
  overflow: hidden;
  visibility: hidden;
}

.lingobel-hero-title .typed-cursor {
  display: none !important;
}