/*!
 * Graphik Arabic - self-hosted webfont faces
 * Only the weights actually rendered on the page get downloaded.
 */

@font-face {
  font-family: "Graphik Arabic";
  src: url("../fonts/GraphikArabic-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Graphik Arabic";
  src: url("../fonts/GraphikArabic-Extralight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Graphik Arabic";
  src: url("../fonts/GraphikArabic-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

/* Optional: apply the family across the whole site (toggled in settings). */
body.fkc-font-site,
.fkc-font-site h1, .fkc-font-site h2, .fkc-font-site h3,
.fkc-font-site h4, .fkc-font-site h5, .fkc-font-site h6,
.fkc-font-site p, .fkc-font-site a, .fkc-font-site li,
.fkc-font-site span, .fkc-font-site button, .fkc-font-site input,
.fkc-font-site select, .fkc-font-site textarea {
  font-family: "Graphik Arabic", "Tajawal", "Segoe UI", -apple-system,
    BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}