/* =======================================
   OVERRIDE FONTS FOR STORYLINE OUTPUT
   ======================================= */

/* 1. Load Open Sans from the packaged woff files */
@font-face {
  font-family: "Open Sans";
  src: url("story_content/lib/stylesheets/mobile-fonts/open-sans-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("story_content/lib/stylesheets/mobile-fonts/open-sans-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("story_content/lib/stylesheets/mobile-fonts/open-sans-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

/* 2. Force Open Sans everywhere */
body, 
.slide, 
.player, 
.text, 
.shape, 
.textObject, 
div, 
p, 
span {
  font-family: "Open Sans", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 3. Map font weights properly */
strong, b {
  font-weight: 700 !important;
}
em, i {
  font-style: italic !important;
}

/* 4. Handle Storyline’s inline styles (sometimes uses numeric weights) */
[style*="font-weight:600"] { font-weight: 700 !important; }
[style*="font-weight:bold"] { font-weight: 700 !important; }
[style*="font-weight:300"] { font-weight: 300 !important; }