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

* @Version:    1.0 - 2015
* @author:     Burocratik (alexandre gomes - @alexrgomes)
* @email:      alex@burocratik.com, hello@burocratik.com
* @website:    http://www.burocratik.com

-----------------------------------------------------------------------*/
/*@font-face{
    font-family:'psM';
    src:url('../fonts/ps-m.eot');
    src:url('../fonts/ps-m.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ps-m.woff2') format('woff2'),
        url('../fonts/ps-m.woff') format('woff'),
        url('../fonts/ps-m.ttf') format('truetype');
    font-weight:normal; font-style:normal
}*/

/** =RENDERING **/

/* Can't use this styles in ie with Montserrat font or it wont appear*/
html:not(.ie10):not(.ie11),
html:not(.ie10):not(.ie11) 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' 0,
    'onum' 1,
    'frac' 1,
    'kern' 1,
    'liga' 1,
    'dlig' 1,
    'swsh' 1;
}
html:not(.ie10):not(.ie11).chrome,
html:not(.ie10):not(.ie11).chrome body {
  font-feature-settings: normal;
}

/* Chrome doesn't assume text rendering for form elements */
/* Can't use this styles in ie with Montserrat font or it wont appear*/
html:not(.ie10):not(.ie11) input,
html:not(.ie10):not(.ie11) textarea,
html:not(.ie10):not(.ie11) select,
html:not(.ie10):not(.ie11) 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;
}
/* Can't use this styles in ie with Montserrat font or it wont appear*/
html:not(.ie10):not(.ie11) .text-sups,
html:not(.ie10):not(.ie11) .sup,
html:not(.ie10):not(.ie11) 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;
}

/*******  *******/
h3 {
  font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
}
.title-like {
  padding: 0;
  font:
    700 14px/18px 'Montserrat',
    Helvetica,
    Arial,
    sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #c8cfd1;
}
p {
  padding-bottom: 20px;
}
p:last-child {
  padding-bottom: 0;
}

.bar::after {
  display: block;
  width: 97px;
  height: 7px;
  margin: 40px 0;
  background-color: #54e50d;
  content: ' ';
}
.bar.center::after {
  margin: 40px auto;
}

/** =WEIGHT STYLE **/
strong,
.strong {
  font-weight: 400;
}

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