/* Webfont: FuturaStd-Light */
  @font-face {
    font-family: "Futura W01 Light";
    src: url("/Style%20Library/vocus/fonts/FuturaLight/FuturaStd-Light.eot");
    src: url("/Style%20Library/vocus/fonts/FuturaLight/FuturaStd-Light.eot?#iefix") format("embedded-opentype"), url("/Style%20Library/vocus/fonts/FuturaLight/FuturaStd-Light.woff") format("woff"), url("/Style%20Library/vocus/fonts/FuturaLight/FuturaStd-Light.ttf") format("truetype"), url("/Style%20Library/vocus/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("/Style%20Library/vocus/fonts/FuturaBook/FuturaStd-Book.eot");
    src: url("/Style%20Library/vocus/fonts/FuturaBook/FuturaStd-Book.eot?#iefix") format("embedded-opentype"), url("/Style%20Library/vocus/fonts/FuturaBook/FuturaStd-Book.woff") format("woff"), url("/Style%20Library/vocus/fonts/FuturaBook/FuturaStd-Book.ttf") format("truetype"), url("/Style%20Library/vocus/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("/Style%20Library/vocus/fonts/FuturaMedium/FuturaStd-Medium.eot");
    src: url("/Style%20Library/vocus/fonts/FuturaMedium/FuturaStd-Medium.eot?#iefix") format("embedded-opentype"), url("/Style%20Library/vocus/fonts/FuturaMedium/FuturaStd-Medium.woff") format("woff"), url("/Style%20Library/vocus/fonts/FuturaMedium/FuturaStd-Medium.ttf") format("truetype"), url("/Style%20Library/vocus/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("/Style%20Library/vocus/fonts/FuturaBold/FuturaStd-Bold.eot");
    src: url("/Style%20Library/vocus/fonts/FuturaBold/FuturaStd-Bold.eot?#iefix") format("embedded-opentype"), url("/Style%20Library/vocus/fonts/FuturaBold/FuturaStd-Bold.woff") format("woff"), url("/Style%20Library/vocus/fonts/FuturaBold/FuturaStd-Bold.ttf") format("truetype"), url("/Style%20Library/vocus/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;

  $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;


#vocusHome{
  font-size: 1.2em;
  
  .ms-core-listMenu-root, .ms-core-listMenu-root, .ms-core-listMenu-verticalBox ul li .menu-item{
    font-family: $primaryfont !important;
  }
  .ms-core-listMenu-verticalBox .ms-core-listMenu-heading{
    font-family: $mediumweight !important;
  }

  h1, h3,
  .h1, .h3, h4, .h4 {
    font-family: $primaryfontbold;
    text-transform: uppercase;
    color: $primarycolour;
  }
  .ms-core-pageTitle{
    font-family: $primaryfontbold;
    margin: 10px 0 0 0;
  }


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

  h4, h5, h6,
  .h4, .h5, .h6 {
    font-weight: 300;
    font-family: $primaryfont !important;
    font-size: 1.8rem;
    margin-bottom: 8px;
  }
  h4, .h4{
  font-size: 1.1em;
  font-family: "Futura W01 Bold",sans-serif !important;
  color: #1B234C !important;
  }


  .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;
  }

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

  b, strong {
    font-family: $primaryfontmedium !important;
    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;
  }


  /* other site elements */
  .ms-siteicon-img{
    max-width: 150px;
    margin-right: 30px;
  }
  .welcome .welcome-image{
    float: none;
    img{
      width: 100% !important;
      height: auto !important;
    }
  }

  div.welcome{
    margin-top: -20px;
  }
  .welcome .welcome-image img{
    width: 100% !important;
    height: auto !important;
  }
  .ms-core-pageTitle{
    font-family: "Futura W01 Bold",sans-serif;
    margin: 10px 0px 0px;
    color: #fff;
    position: relative;
    top: 97px;
    left: -182px;
    width: 490px;
  }
  .ms-core-pageTitle span{
    white-space:normal !important;
  }
  div.welcome{
    margin-top: -40px;
  }
  .article-content, .welcome-content{
    clear: both;
  }

  .inset{
    padding: 14px;
    margin-top: 0px;
    margin-bottom: 13px;
    position: relative;
    background: #fff;
    border-right: 1px solid #efefef;
    min-height: 185px;
    font-family: $regularweight;
    h3,h4{
      margin-bottom: 5px;
    }
    a:before{
      content: "\e648";
      font-family: 'icomoon';
      position: relative;
      top: 1px;
      margin-right: 4px;
    }
    
  }
  .column:nth-child(3n){
      .inset{
        border-right: 0;
      }
  }
  .pull-right{
    float: right; 
    padding-right: 14px;
  }

  .inset h3, .inset h4{
    margin-bottom: 5px;
  }
  .inset a:before{
    content: "\e648";
    font-family: 'icomoon';
    position: relative;
    top: 1px;
    margin-right: 4px;
  }
  .column:nth-child(3n) .inset{
    border-right: 0;
  }
  .pull-right{
    float: right;
    padding-right: 14px;
  }
}