/*
Theme Name: Flatsome Child
Description: Child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.18.7
*/

/***************************************************
 *  Custom Font Setup: Vazirmatn Variable Font
 ***************************************************/
@font-face {
  font-family: 'Vazirmatn';
  src: url('/wp-content/themes/flatsome-child/fonts/VazirmatnVF.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  font-optical-sizing: auto;
}

/***************************************************
 *  Base Typography
 ***************************************************/
html, body {
  font-family: 'Vazirmatn', system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Noto Naskh Arabic", Tahoma, sans-serif;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  font-synthesis: none;
  line-height: 1.7;
  color: #222;
  background-color: #fff;
}

/***************************************************
 *  Headings
 ***************************************************/
h1, h2, h3, h4, h5, h6, .heading-font {
  font-family: 'Vazirmatn', inherit;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 0;
}

/***************************************************
 *  Navigation & Alternate Fonts
 ***************************************************/
.nav > li > a,
.alt-font {
  font-family: 'Vazirmatn', inherit;
  font-weight: 500;
}

/***************************************************
 *  Paragraphs & Text
 ***************************************************/
body, p, li {
  font-family: 'Vazirmatn', inherit;
  font-weight: 400;
  font-size: 16px;
}

/***************************************************
 *  Responsive (Mobile)
 ***************************************************/
@media only screen and (max-width: 48em) {
  html, body {
    font-size: 15px;
  }
  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.6rem; }
  h3 { font-size: 1.4rem; }
}