/*
Theme Name: Café Flora
Author: Jalves
Author URI: https://jalves.ch/
Description: Custom presentation theme for Café Flora – Trattoria Pizzeria.
Version: 3.20.1
Text Domain: cafe-flora
*/

/*
 * The approved typefaces are served locally. The corresponding
 * SIL Open Font License texts live beside the font files in assets/fonts/.
 */
@font-face {
  font-family: "Caveat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/caveat-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Caveat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/caveat-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/cormorant-garamond-normal-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/cormorant-garamond-normal-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/cormorant-garamond-italic-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/manrope-latin.woff2") format("woff2");
}

/* Keep the fixed/sticky chrome below WordPress' logged-in admin toolbar. */
body.admin-bar .announcement {
  top: 32px;
}

body.admin-bar .site-header {
  top: calc(var(--announcement-height) + 32px);
}

body.admin-bar .skip-link {
  top: calc(32px + 0.5rem);
}

@media screen and (max-width: 782px) {
  body.admin-bar .announcement {
    top: 46px;
  }

  body.admin-bar .site-header {
    top: calc(var(--announcement-height) + 46px);
  }

  body.admin-bar .skip-link {
    top: calc(46px + 0.5rem);
  }
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/manrope-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/manrope-latin.woff2") format("woff2");
}