/* Self-hosted fonts — works with file:// and offline; matches Google family names in theme CSS */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/montserrat-400.ttf") format("truetype");
}

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

@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url("../fonts/opensans-400italic.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url("../fonts/opensans-400.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url("../fonts/opensans-600.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url("../fonts/opensans-700.ttf") format("truetype");
}

/* Loaded after theme CSS — background / heading color vs Cronus demo */
html,
body {
  font-family: "Open Sans", sans-serif;
}

body.custom-background {
  background-color: #ffffff !important;
}

/* Front-page hero: Cronus hides .wp-custom-header img so WP core JS can mirror it onto
   background-image. Static export has no that script — show the image. */
body.tempo-has-header .wp-custom-header img {
  display: block !important;
}

/* Do not set .hentry h1–h3 color here: tempo typography uses #000 for
   .hentry h3–h6 (e.g. front-page tagline); cronus already sets #2a3b4d on h1–h6
   where that selector wins. */

/* Inline country flags (Our Team, bios): align with copy, preserve aspect ratio */
.hentry .entry-content img.alignnone[width="50"] {
  height: auto;
  vertical-align: middle;
  margin: 0 0.2em;
  box-sizing: content-box;
}