/* ---------------------------------------------------------------------------
   sou-fixes.css  -  added 2026-08-23
   Additive only. Loaded after the theme stylesheets; nothing existing is edited.
   --------------------------------------------------------------------------- */

/* The theme's own icon font (flaticon) and its display font (monallesiascript)
   were never uploaded to the server - assets/fonts/ did not exist at all, so
   every icon on every page rendered as an empty box. FontAwesome and Themify
   have been restored as real font files; flaticon is generated per-theme by
   flaticon.com and cannot be recovered, so the handful of flaticon glyphs
   actually used are mapped onto their Themify equivalents here.
   The markup is untouched - only the glyph each class draws. */
.fi.flaticon-facebook-app-symbol:before { font-family: 'themify' !important; content: "\e741"; }
.fi.flaticon-instagram-1:before        { font-family: 'themify' !important; content: "\e73d"; }
.fi.flaticon-play:before               { font-family: 'themify' !important; content: "\e6ad"; }
.fi.flaticon-maps-and-flags:before     { font-family: 'themify' !important; content: "\e693"; }
.fi.flaticon-email:before              { font-family: 'themify' !important; content: "\e75a"; }
.fi.flaticon-phone-call:before         { font-family: 'themify' !important; content: "\e621"; }
.fi.flaticon-quotation:before          { font-family: 'themify' !important; content: "\e67f"; }

/* monallesiascript is a script display face used for a few headings. Without it
   the browser fell back to whatever came next in the stack; Courgette is the
   script face the site already loads from Google Fonts, so use that instead of
   dropping to a default sans-serif. */
.monallesiascript,
[class*="monallesia"] { font-family: 'Courgette', cursive; }

/* One <h2> per page has been promoted to <h1> - the site had no <h1> anywhere.
   The text and position are unchanged; these rules give the new element exactly
   the styling the <h2> had, so nothing moves. */
.wpo-page-title .wpo-breadcumb-wrap h1 {
  font-weight: 400;
  font-size: 40px;
  line-height: 57px;
  color: #323232;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .wpo-page-title .wpo-breadcumb-wrap h1 { font-size: 30px; line-height: 55px; margin-bottom: 10px; }
}
.slide-title h1 {
  font-size: 100px;
  font-weight: 500;
  line-height: 60px;
  margin: 10px 0 35px;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 1199px) { .slide-title h1 { font-size: 50px; } }
@media (max-width: 767px)  { .slide-title h1 { font-size: 40px; } }