@import "../../vendor/typecsset";

/* we used to be getting this from Australia's fast font service.
//@import url(http://fast.fonts.net/cssapi/8d945313-f595-4e77-a7d9-9210e35813e6.css) 

// https://github.com/csswizardry/typecsset/blob/master/typecsset.scss*/

/* Webfont: FuturaStd-Light */
@font-face {
  font-family: "Futura W01 Light";
  src: url("/fonts/FuturaLight/FuturaStd-Light.eot");
  src: url("/fonts/FuturaLight/FuturaStd-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/FuturaLight/FuturaStd-Light.woff") format("woff"), url("/fonts/FuturaLight/FuturaStd-Light.ttf") format("truetype"), url("/fonts/FuturaLight/FuturaStd-Light.svg#d83a536671d160add994a83c5144bd9a") format("svg");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

/* Webfont: FuturaStd-Book */
@font-face {
  font-family: "Futura W01 Book";
  src: url("/fonts/FuturaBook/FuturaStd-Book.eot");
  src: url("/fonts/FuturaBook/FuturaStd-Book.eot?#iefix") format("embedded-opentype"), url("/fonts/FuturaBook/FuturaStd-Book.woff") format("woff"), url("/fonts/FuturaBook/FuturaStd-Book.ttf") format("truetype"), url("/fonts/FuturaBook/FuturaStd-Book.svg#db02aa682b3e193ac55da3558b4b0d6e") format("svg");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}

/* Webfont: FuturaStd-Medium */
@font-face {
  font-family: "Futura W01 Medium";
  src: url("/fonts/FuturaMedium/FuturaStd-Medium.eot");
  src: url("/fonts/FuturaMedium/FuturaStd-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/FuturaMedium/FuturaStd-Medium.woff") format("woff"), url("/fonts/FuturaMedium/FuturaStd-Medium.ttf") format("truetype"), url("/fonts/FuturaMedium/FuturaStd-Medium.svg#978bfeb47c41e9c6da434cb6375bf283") format("svg");
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}

/* Webfont: FuturaStd-Bold */
@font-face {
  font-family: "Futura W01 Bold";
  src: url("/fonts/FuturaBold/FuturaStd-Bold.eot");
  src: url("/fonts/FuturaBold/FuturaStd-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/FuturaBold/FuturaStd-Bold.woff") format("woff"), url("/fonts/FuturaBold/FuturaStd-Bold.ttf") format("truetype"), url("/fonts/FuturaBold/FuturaStd-Bold.svg#e6614ac1ffeb97962de474601fd3ce1d") format("svg");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}


/* Typography
// ============================== */

$primaryfont: "Futura W01 Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
$primaryfontbook: "Futura W01 Book", sans-serif;
$primaryfontmedium: "Futura W01 Medium", sans-serif;
$primaryfontbold: "Futura W01 Bold", sans-serif;
$secondaryfont: "Merriweather", sans-serif;
$altfont: "Merriweather", sans-serif;
$monospace: "Source Code Pro", monospace;

$lightweight: "Futura W01 Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
$regularweight: "Futura W01 Book", sans-serif;
$mediumweight: "Futura W01 Medium", sans-serif;
$heavyweight: "Futura W01 Bold", sans-serif;


* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"], [class*=" icon-"] {
  color: $primarycolour;
}

mark {
  background: #f7ffaa;
  display: inline-block;
  padding: 0 5px;
}

a:link, a:active, a:link {
  color: $secondarycolour;
}

a:visited {
  color: $primarycolour;
}

.container {
  max-width: $sitewidth;
}

body {
  font-family: $primaryfont;
  font-weight: 400;
  font-size: 1.2rem;
}
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6{
  &.border--bottom{
    padding-bottom: 0.2em;
    margin-bottom: 0.8em;
  }
  &.inverted{
    color: $white;
  }
}

.lightweight{
 font-family: $lightweight !important;   
}
.regularweight{
 font-family: $regularweight !important;   
}
.mediumweight{
 font-family: $mediumweight !important;   
}
.heavyweight{
 font-family: $heavyweight !important;   
}
.h1, .h3 {
  font-family: $primaryfontbold;
  text-transform: uppercase;
  color: $primarycolour;
}

.h2 {
  font-family: $secondaryfont;
  font-weight: 400;
}

.h4, .h5, .h6 {
  font-weight: 300;
  font-family: $primaryfont;
  font-size: 1.8rem;
  margin-bottom: 8px;
}

.h4{
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: $heavyweight;
  color: $primarycolour;

}
.h5{
  font-size: 1.3rem;
}
.h6{
  font-size: 1.1rem;
}


.upcase {
  text-transform: uppercase;
}

.h7 {
  font-size: 1.2rem;
  margin-top: 24px !important;
  margin-bottom: 0;
  display: block;
  color: $highlightcolour;
  border-bottom: 1px solid $borders;

  + p, + ul {
    padding-top: 14px;
  }
}

.subtitle {
/*  font-family: $altfont;*/
  font-size: 0.7em !important;
  text-transform: none !important;
}

.small {
  font-size: 0.8em !important;
}

code, pre {
  background: #efefef;
  padding: 1em;
  font-size: 0.9em;
  font-family: $monospace;
    &.pre{
     background: $ultraweak;
     position: relative;
    }
}

a:link, a:active, a:visited {
  text-decoration: none;
}

b, strong {
  font-family: $primaryfontmedium;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  code, pre {
    font-size: 0.6em;
    position: relative;
    top: -0.4em;
  }
}

.hilight {
  color: $highlightcolour;
}

legend {
  text-transform: uppercase;
  font-size: 0.7em;
  letter-spacing: 1px;
  padding: 0 0.3em;
}

.fsize-big {
  font-size: 40px;
}

.stats {
  -webkit-text-stroke: 1px #1b234c;
  -khtml-text-stroke: 1px #1b234c;
  -moz-text-stroke: 1px #1b234c;
  text-stroke: 1px #1b234c;
  text-shadow: 1px 1px 3px #dcddde;
  color: #fff !important;
}

.jumbotron {
  font-size: 4.4em;
}

pre{
  box-shadow: 1px 1px 7px rgba(90, 90, 100, 0.26);
  background: $white;
  text-align: left;
  font-size: 0.8em;
}

blockquote{
  text-indent: 0;
  p{
    font-family: $altfont; 
    font-style: italic;
    margin: 0 0 0.4em;
  }
  p:before, p:after{
    font-size: 3em;
    content: '';
    font-family: $altfont;
    
    position: absolute;
  }
  p:first-of-type{
    padding-top: 2em;
     
    &:before{
      content: open-quote;
      margin-left: -0.4em;
      margin-top: -0.7em;
    }
  }
  p:last-of-type:after{
    margin-left: 0.2em;
  }
  cite{
    display: block;
    padding-top: 1.5em;
    font-family: $mediumweight;
    text-transform: uppercase;
    font-style: normal;
    &:before{
      content: '— ';
    }
    a:link, a:active{
      color: $primarycolour;
    }
  }
}
/* Typographic Helpers */
.border--bottom{
  border-bottom: 1px solid $borders;
}