/* ================================================
   SASKITUP Font Definitions
   Body Font: Open Sans
   Heading Font: Jost
   ================================================ */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

/* Poppins - Extra Light (200) */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Poppins - Light (300) */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Poppins - Regular (400) - DEFAULT */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Poppins - Medium (500) */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Poppins - SemiBold (600) */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Poppins - Bold (700) */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Poppins - Italic */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Montserrat - Regular (400) */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Montserrat - Bold (700) */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ================================================
   Default Font Settings
   ================================================ */

/* Set Open Sans as default for body and all text */
body,
p, span, div, a, button, input, textarea, select,
.stext-101, .stext-102, .stext-103, .stext-104, .stext-105, .stext-106, .stext-107, .stext-108, .stext-109, .stext-110,
table, th, td, tbody, thead, tfoot,
.table, .table th, .table td,
.btn, .form-control, .form-label,
.nav-link, .dropdown-item,
.card-body, .card-text,
.list-group-item {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 400;
}

/* Set Jost for all headings and titles */
h1, h2, h3, h4, h5, h6,
.mtext-101, .mtext-102, .mtext-103, .mtext-104, .mtext-105, .mtext-106, .mtext-107, .mtext-108, .mtext-109, .mtext-110,
.ltext-101, .ltext-102, .ltext-103, .ltext-104, .ltext-105, .ltext-106, .ltext-107, .ltext-108, .ltext-109, .ltext-110,
.logo,
.menu-desktop .main-menu > li > a,
.header-cart-item-name,
.product-title,
.block1-name,
.how-itemlabel,
.title-slider,
.card-title,
.modal-title {
  font-family: 'Jost', 'Open Sans', sans-serif !important;
}
