/* FONT FAMILIES */
body, .badge {
    font-family: "Euclid Circular A", sans-serif;
}

h1,h2,h3,h4,h5,h6,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,.h4,.family-syne{font-family:"Syne",sans-serif}p,li,p span,li span,p,li,.family-euclid{font-family:"Euclid Circular A",sans-serif}button,button span,button a,.btn,.btn span,.btn a, a.btn,a,.family-manrope{font-family:"Manrope",sans-serif}

/* FONT FAMILIES */

/* =========================
   EUCLID CIRCULAR A
========================= */

/* @font-face {
  font-family: "Euclid Circular A";
  src: url("../fonts/Euclid_Euclid_Circular-A/Euclid_Circular_A-Light.ttf")
    format("truetype");
  font-weight: 300;
  font-style: normal;
} */

@font-face {
  font-family: "Euclid Circular A";
  src: url("../fonts/Euclid_Euclid_Circular-A/Euclid_Circular_A-Regular.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Euclid Circular A";
  src: url("../fonts/Euclid_Euclid_Circular-A/Euclid_Circular_A-Medium.ttf")
    format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Euclid Circular A";
  src: url("../fonts/Euclid_Euclid_Circular-A/Euclid_Circular_A-SemiBold.ttf")
    format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Euclid Circular A";
  src: url("../fonts/Euclid_Euclid_Circular-A/Euclid_Circular_A-Bold.ttf")
    format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* Italics */
/* @font-face {
  font-family: "Euclid Circular A";
  src: url("../fonts/Euclid_Euclid_Circular-A/Euclid_Circular_A-Italic.ttf")
    format("truetype");
  font-weight: 400;
  font-style: italic;
} */

/* =========================
   MANROPE
========================= */
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-Light.ttf") format("truetype");
  font-weight: 300;
}


@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-SemiBold.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-Bold.ttf") format("truetype");
  font-weight: 700;
}

/* @font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: 800;
} */

/* =========================
   SYNE
========================= */

@font-face {
  font-family: "Syne";
  src: url("../fonts/Syne/Syne-SemiBold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Syne";
  src: url("../fonts/Syne/Syne-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Syne";
  src: url("../fonts/Syne/Syne-Medium.ttf") format("truetype");
  font-weight: 500;
}


@font-face {
  font-family: "Syne";
  src: url("../fonts/Syne/Syne-Bold.ttf") format("truetype");
  font-weight: 700;
}

/* @font-face {
  font-family: "Syne";
  src: url("../fonts/Syne/Syne-ExtraBold.ttf") format("truetype");
  font-weight: 800;
} */