/*
 * Alhareeq Club web fonts.
 * Source fonts are stored locally and served as optimized WOFF2 files.
 */

@font-face {
  font-family: "29LT Bukra Wide";
  src: url("../fonts/bukra-wide-light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "29LT Bukra Wide";
  src: url("../fonts/bukra-wide-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "29LT Bukra Wide";
  src: url("../fonts/bukra-wide-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

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

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

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

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

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

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

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

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

@font-face {
  font-family: "Graphik Arabic";
  src: url("../fonts/graphik-arabic-super.woff2") format("woff2");
  font-style: normal;
  font-weight: 1000;
  font-display: swap;
}

html[lang^="ar"] body,
body.rtl {
  font-family: var(--ahr-font-body);
  font-weight: 400;
}

html[lang^="ar"] button,
html[lang^="ar"] input,
html[lang^="ar"] select,
html[lang^="ar"] textarea,
html[lang^="ar"] .button,
body.rtl button,
body.rtl input,
body.rtl select,
body.rtl textarea,
body.rtl .button {
  font-family: var(--ahr-font-body);
}

html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3,
html[lang^="ar"] h4,
html[lang^="ar"] h5,
html[lang^="ar"] h6,
html[lang^="ar"] .heading-font,
html[lang^="ar"] .section-title-main,
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6,
body.rtl .heading-font,
body.rtl .section-title-main {
  font-family: var(--ahr-font-heading) !important;
  font-weight: 700 !important;
}

html[lang^="ar"] .nav > li > a,
body.rtl .nav > li > a {
  font-family: var(--ahr-font-heading) !important;
  font-weight: 700 !important;
}