/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/



/* ==========================================================================
Font Face (In your face)
========================================================================== */

/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/

@font-face {
  font-family: 'Calibri';
  src: url('../fonts/calibri/Calibri.eot');
  src: url('../fonts/calibri/Calibri.eot?#iefix') format('embedded-opentype'),
       url('../fonts/calibri/Calibri.woff2') format('woff2'),
       url('../fonts/calibri/Calibri.woff') format('woff'),
       url('../fonts/calibri/Calibri.ttf') format('truetype'),
       url('../fonts/calibri/Calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Calibri-Light';
  src: url('../fonts/calibri/Calibri-Light.eot');
  src: url('../fonts/calibri/Calibri-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/calibri/Calibri-Light.woff2') format('woff2'),
       url('../fonts/calibri/Calibri-Light.woff') format('woff'),
       url('../fonts/calibri/Calibri-Light.ttf') format('truetype'),
       url('../fonts/calibri/Calibri-Light.svg#Calibri-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Calibri-Bold';
  src: url('./fonts/calibri/Calibri-Bold.eot');
  src: url('./fonts/calibri/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
       url('./fonts/calibri/Calibri-Bold.woff2') format('woff2'),
       url('./fonts/calibri/Calibri-Bold.woff') format('woff'),
       url('./fonts/calibri/Calibri-Bold.ttf') format('truetype'),
       url('./fonts/calibri/Calibri-Bold.svg#Calibri-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oswald';
  src: url('../fonts/oswald/Oswald-Regular.eot');
  src: url('../fonts/oswald/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/oswald/Oswald-Regular.woff2') format('woff2'),
       url('../fonts/oswald/Oswald-Regular.woff') format('woff'),
       url('../fonts/oswald/Oswald-Regular.ttf') format('truetype'),
       url('./fonts/oswald/Oswald-Regular.svg#Oswald-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald-Light';
  src: url('../fonts/oswald/Oswald-Light.eot');
  src: url('../fonts/oswald/Oswald-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/oswald/Oswald-Light.woff2') format('woff2'),
       url('../fonts/oswald/Oswald-Light.woff') format('woff'),
       url('../fonts/oswald/Oswald-Light.ttf') format('truetype'),
       url('../fonts/oswald/Oswald-Light.svg#Oswald-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald-Medium';
  src: url('../fonts/oswald/Oswald-Medium.eot');
  src: url('../fonts/oswald/Oswald-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/oswald/Oswald-Medium.woff2') format('woff2'),
       url('../fonts/oswald/Oswald-Medium.woff') format('woff'),
       url('../fonts/oswald/Oswald-Medium.ttf') format('truetype'),
       url('../fonts/oswald/Oswald-Medium.svg#Oswald-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald-Bold';
  src: url('../fonts/oswald/Oswald-Bold.eot');
  src: url('../fonts/oswald/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/oswald/Oswald-Bold.woff2') format('woff2'),
       url('../fonts/oswald/Oswald-Bold.woff') format('woff'),
       url('../fonts/oswald/Oswald-Bold.ttf') format('truetype'),
       url('../fonts/oswald/Oswald-Bold.svg#Oswald-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}



/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word; //non-standart css for webkit
  word-wrap: break-word;
  // cleaning up the ragged lines and breaks
  -webkit-hyphens: none;
     -moz-hyphens: none;
          hyphens: none;
  // sets a minimum number of characters before and after the break
  -webkit-hyphenate-before: 2;
   -webkit-hyphenate-after: 3;
           hyphenate-lines: 3;
  // enabling fancy ligatures when available
  // -webkit-font-feature-settings: "liga", "dlig";
  //  -moz-font-feature-settings: "liga=1, dlig=1";
  //     -ms-font-feature-settings: "liga", "dlig";
  //      -o-font-feature-settings: "liga", "dlig";
  //         font-feature-settings: "liga", "dlig";
}