/* ------------------------------------------------------------------
   Restaurant Hero - fonts.
   Only the three fonts from the brief: FK Grotesk (headlines), the site
   body font (everything else) and Lora (the serif headlines + quotes).
   The .ttf files sit next to this file in the theme assets, so the URLs
   below are relative and need no Liquid.
   ------------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

@font-face { font-family: "FK Grotesk"; src: url("fkgrotesk_regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "FK Grotesk"; src: url("fkgrotesk_medium.ttf")  format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "FK Grotesk"; src: url("fkgrotesk_bold.ttf")    format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }

/* the names the rest of the Restaurant Hero site already uses */
@font-face { font-family: "FKGrotesk Regular"; src: url("fkgrotesk_regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "FKGrotesk Medium";  src: url("fkgrotesk_medium.ttf")  format("truetype"); font-display: swap; }
@font-face { font-family: "FKGrotesk Bold";    src: url("fkgrotesk_bold.ttf")    format("truetype"); font-display: swap; }

/* headlines: FK Grotesk. h4-h6 and everything else stay on the site body font. */
h1, h2, h3, .h1, .h2, .h3, .fkgrotesk {
  font-family: "FK Grotesk", "FKGrotesk Bold", sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-style: normal;
  font-synthesis-weight: none;
  -webkit-font-synthesis: none;
          font-synthesis: none;
}
h1, .h1 { line-height: 1.04; }
h2, .h2 { line-height: 1.04; margin-bottom: 15px; }
h3, .h3 { line-height: 1.15; letter-spacing: -0.01em; }

/* the two serif headlines and the quote cards */
.lora, .lora h1, .lora h2, .lora h3 {
  font-family: "Lora", Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.08;
}