/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/* ============================================================
   Fraunces — self-hosted VARIABLE font
   Place this in your Flatsome child theme stylesheet (or a
   custom CSS box). One file per style covers ALL weights
   (100–900) plus the opsz / SOFT / WONK axes.

   Files uploaded to: /wp-content/uploads/fonts/
   ============================================================ */

@font-face {
  font-family: 'Fraunces';
  src: url('/wp-content/uploads/fonts/Fraunces-VariableFont_SOFT%2CWONK%2Copsz%2Cwght.woff2') format('woff2-variations');
  font-weight: 100 900;   /* full range — not a single value */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('/wp-content/uploads/fonts/Fraunces-Italic-VariableFont_SOFT%2CWONK%2Copsz%2Cwght.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Let optical sizing track the font-size automatically.
   This is what gives the big display contrast that matches Figma. */
h1, h2, h3, h4, h5, h6 {
  font-optical-sizing: auto;
}

/* OPTIONAL — force the full display look on a specific element
   regardless of size (opsz max = 144):
   .hero-headline { font-variation-settings: "opsz" 144; }

   OPTIONAL — tune the soft-terminals / wonky axes if desired:
   "SOFT" 0–100, "WONK" 0 or 1
   e.g. font-variation-settings: "opsz" 144, "SOFT" 0, "WONK" 0;
   (Note: when you use font-variation-settings, set weight there too,
   e.g. "wght" 400, because it overrides font-weight.)
*/