/* ==========================================================================
   #FONTS
   ========================================================================== */
/**
 * Load and define the font declarations for the project.
 */
/**
 * SETTINGS
 * Global config files.
 */
/* ==========================================================================
   #GLOBAL
   ========================================================================== */
/**
 * Project level generic configuration settings.
 *
 * This should include configuration for values such as base type styles,
 * UI config values (e.g. for consistent styling of components).
 *
 * These values should be updated on a per project basis.
 */
/**
 * TOOLS
 * Site-wide mixins and functions.
 */
/* ==========================================================================
   #MIXINS
   ========================================================================== */
/**
 * A collection of generic/handy(!) mixins.
 */
/**
 * Generate a font size in rem units from a given pixel value.
 *
 * This is a bit of a cut down version of the inuit font-size mixin:
 * https://github.com/inuitcss/inuitcss/blob/develop/tools/_tools.font-size.scss
 *
 * 1. Old IE fallback. Maybe not necessary but we'll leave this in for now (stylint doesn't
 *    like it though).
 * 2. Font size in rem units.
 *
 * @param $font-size   [size of font needed in pixels. E.g. 16px]
 */
/* stylelint-disable */
/* stylelint-enable */
/**
 * Display related mixins.
 *
 * 1. Visually hide an element. This is an accessibile way of "hiding" an element from view
 *    while keeping it focusable (http://snook.ca/archives/html_and_css/hiding-content-for-accessibility)
 *
 * 2. Hide the text in an element.
 *
 * 3. http://www.cssmojo.com/the-very-latest-clearfix-reloaded/
 *
 */
/**
 * Function to get a colour value from the map defined in
 * `settings.colours`.
 *
 * Example usage:
 *
 * Default colour:  colour(red);
 * Shade selection: colour(red, light);
 */
/**
 * Webfont `font-family` declaration.
 *
 * If the webfont is loaded (see `fonts.scss`), use the webfont family
 * decaration defined in `settings.global`.
 */
/* ==========================================================================
   #FONT-FACE
   ========================================================================== */
/**
 * @font-face declaration mixin.
 */
/**
 * Mixin to create @font-fae declarations.
 * Accepts args for weight, style and file formats.
 *
 * Example Usage:
 *
 * Normal weight and style in woff and woff2 formats:
 * @include font-face('FontName', '/fonts/webfont-name', normal, normal, $formats: woff woff2);
 *
 * Bold weight, normal style in all formats:
 * @include font-face('FontName', '/fonts/webfont-name-bold', bold, normal);
 */
/* stylelint-disable */
/* stylelint-enable */
/**
 * FONTS CORE.
 */
@font-face {
  font-family: "notokufiarabic";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/notokufiarabic-extralight.woff2") format("woff2"), url("../fonts/notokufiarabic-extralight.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "notokufiarabic";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/notokufiarabic-light.woff2") format("woff2"), url("../fonts/notokufiarabic-light.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "notokufiarabic";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/notokufiarabic-regular.woff2") format("woff2"), url("../fonts/notokufiarabic-regular.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "notokufiarabic";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/notokufiarabic-medium.woff2") format("woff2"), url("../fonts/notokufiarabic-medium.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "notokufiarabic";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/notokufiarabic-semibold.woff2") format("woff2"), url("../fonts/notokufiarabic-semibold.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "notokufiarabic";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/notokufiarabic-bold.woff2") format("woff2"), url("../fonts/notokufiarabic-bold.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "notokufiarabic";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/notokufiarabic-extrabold.woff2") format("woff2"), url("../fonts/notokufiarabic-extrabold.woff") format("woff");
  font-display: block;
}
html[dir=ltr] {
  font-family: "Montserrat", sans-serif;
}
html[dir=ltr].fonts-loaded {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
html[dir=rtl] {
  font-family: "notokufiarabic", sans-serif;
}
html[dir=rtl].fonts-loaded {
  font-family: "notokufiarabic", sans-serif;
  letter-spacing: 0;
}
/*# sourceMappingURL=fonts.css.map */