@charset "UTF-8";
/* ==================================================
    F³ :: FFFoundation
    The Unified UX Foundation Template
    © Filozofski Fakultet Univerziteta u Nišu, 2022-
   ================================================== */


/* =========================
    TYPEFACE AND TYPOGRAPHY
   ========================= */

@font-face {
  font-family: "Rubik";
  font-feature-settings: "lnum" 1;
  src: url('../../fonts/rubik/woff2/rubik.woff2') format('woff2-variations');
  font-weight: 300 900;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  font-feature-settings: "lnum" 1;
  src: url('../../fonts/rubik/woff2/rubik-italic.woff2') format('woff2-variations');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}



/* =======================
    ROOT VARS
   ======================= */

:root {
  --font-text: "Rubik";
  --weight-light: 'wght' 300;
  --weight-normal: 'wght' 300;
  --weight-medium: 'wght' 450;
  --weight-demi: 'wght' 525;
  --weight-bold: 'wght' 700;
}



/* =======================
    COMMON
   ======================= */

* {
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  font-variation-settings: 'wght' 300;
}



/* =======================
    SIZING CHART
   ======================= */

/* === F³ Size "M" === */
@media (max-width:767px) {
  :root {
    --p-margin: 0 0 15px;
  }
  html  {font-size: 4.25vw}
  p     {margin: var(--p-margin)}
  /* Additional Typography */
  .heading-subtitle {font-size: 0.5em}
}

/* === F³ Size "T1" === */
@media (min-width:768px) and (max-width:991px) {
  :root {
    --p-margin: 0 0 15px;
  }
  html  {font-size: 18px}
  p     {margin: var(--p-margin)}
  /* Additional Typography */
  .heading-subtitle {font-size: 0.45em}
}

/* === F³ Size "T2" === */
@media (min-width:992px) and (max-width:1199px) {
  :root {
    --p-margin:0 0 15px;
  }
  html  {font-size: 18px}
  p     {margin: var(--p-margin)}
  /* Additional Typography */
  .heading-subtitle {font-size: 0.425em}
}

/* === F³ Size "D" === */
@media (min-width:1200px) {
  :root {
    --p-margin:0 0 15px;
  }
  html   {font-size: 18px}
  p      {margin: var(--p-margin)}
  /* Additional Typography */
  .heading-subtitle {font-size: 0.425em}
}