/*-----------------------------------------------------------------------
TYPOGRAPHY

* @Version:    1.0 - 2015
* @author:     Burocratik
* @email:      hello@burocratik.com
* @website:    http://www.burocratik.com

-----------------------------------------------------------------------*/


@font-face {
    font-family: 'proformabook';
    src: url('../fonts/prof-bok-webfont.eot');
    src: url('../fonts/prof-bok-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prof-bok-webfont.woff2') format('woff2'),
         url('../fonts/prof-bok-webfont.woff') format('woff'),
         url('../fonts/prof-bok-webfont.ttf') format('truetype'),
         url('../fonts/prof-bok-webfont.svg#proformabook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proformaregular';
    src: url('../fonts/prof-reg-webfont.eot');
    src: url('../fonts/prof-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prof-reg-webfont.woff2') format('woff2'),
         url('../fonts/prof-reg-webfont.woff') format('woff'),
         url('../fonts/prof-reg-webfont.ttf') format('truetype'),
         url('../fonts/prof-reg-webfont.svg#proformaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'knockout';
    src: url('../fonts/knock47-webfont.eot');
    src: url('../fonts/knock47-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/knock47-webfont.woff2') format('woff2'),
         url('../fonts/knock47-webfont.woff') format('woff'),
         url('../fonts/knock47-webfont.ttf') format('truetype'),
         url('../fonts/knock47-webfont.svg#knockout_zpp_47_bantamweighRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/** =RENDERING **/
html, body{
    text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
    -moz-font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
    -moz-font-feature-settings:"smcp=1, onum=1, frac=1, kern=1, liga=1, dlig=1, swsh=1";
    -ms-font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
    -o-font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
    -webkit-font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
    font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
}

/* Chrome doesn't assume text rendering for form elements */
input,
textarea,
select,
button {
  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
  -moz-font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
  -moz-font-feature-settings:"smcp=1, onum=1, frac=1, kern=1, liga=1, dlig=1, swsh=1";
  -ms-font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
  -o-font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
  -webkit-font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
  font-feature-settings:"smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
}
.text-subs,
.sub, sub {
  -moz-font-feature-settings:"subs" 1; -moz-font-feature-settings:"subs=1";
  -ms-font-feature-settings:"subs" 1; -o-font-feature-settings:"subs" 1;
  -webkit-font-feature-settings:"subs" 1; font-feature-settings:"subs" 1;
}
.text-sups,
.sup, sup {
  -moz-font-feature-settings:"sups" 1; -moz-font-feature-settings:"sups=1";
  -ms-font-feature-settings:"sups" 1; -o-font-feature-settings:"sups" 1;
  -webkit-font-feature-settings:"sups" 1; font-feature-settings:"sups" 1;
}
.sub, sub,
.sup, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}
.sup, sup { top: -0.5em; }
.sub, sub { bottom: -0.25em;}

/*******  *******/
p { padding-bottom: 10px;}
p:last-child { padding-bottom: 0; }

/** =ALIGNMENT **/
.txt-center { text-align: center;}
.txt-left { text-align: left;}
.txt-right { text-align: right;}

/** =STANDARD **/
a { color: #ffffff;}
p,a {
  font: normal 18px/20px 'proformabook', Helvetica, Arial, sans-serif;
}
a {
  text-decoration: none;
}

h2 {
  font: normal 40px/60px 'proformabook', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
h3 {
  font: normal 36px/42px 'proformabook', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
h4 {
  font: normal 18px/32px 'proformaregular', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}