$lato-pathPrefix: null;
  
@if $v-relative-paths == false {
  $lato-pathPrefix: "../valo/fonts/lato/";
}

@mixin font-lato-regular ($italic: true) {
  @font-face {
    font-family: 'Lato';
    src: url('#{$lato-pathPrefix}lato-regular-webfont.eot');
    src: url('#{$lato-pathPrefix}lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('#{$lato-pathPrefix}lato-regular-webfont.woff') format('woff'),
         url('#{$lato-pathPrefix}lato-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
  @if $italic {
    @font-face {
      font-family: 'Lato';
      src: url('#{$lato-pathPrefix}lato-italic-webfont.eot');
      src: url('#{$lato-pathPrefix}lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
           url('#{$lato-pathPrefix}lato-italic-webfont.woff') format('woff'),
           url('#{$lato-pathPrefix}lato-italic-webfont.ttf') format('truetype');
      font-weight: 400;
      font-style: italic;
    }
  }
}


@mixin font-lato-hairline ($italic: true) {
  @font-face {
    font-family: 'Lato';
    src: url('#{$lato-pathPrefix}lato-hairline-webfont.eot');
    src: url('#{$lato-pathPrefix}lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('#{$lato-pathPrefix}lato-hairline-webfont.woff') format('woff'),
         url('#{$lato-pathPrefix}lato-hairline-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }
  @if $italic {
    @font-face {
      font-family: 'Lato';
      src: url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.eot');
      src: url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'),
           url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.woff') format('woff'),
           url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.ttf') format('truetype');
      font-weight: 600;
      font-style: italic;
    }
  }
}


@mixin font-lato-light ($italic: true) {
  @font-face {
    font-family: 'Lato';
    src: url('#{$lato-pathPrefix}lato-light-webfont.eot');
    src: url('#{$lato-pathPrefix}lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('#{$lato-pathPrefix}lato-light-webfont.woff') format('woff'),
         url('#{$lato-pathPrefix}lato-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }
  @if $italic {
    @font-face {
      font-family: 'Lato';
      src: url('#{$lato-pathPrefix}lato-lightitalic-webfont.eot');
      src: url('#{$lato-pathPrefix}lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
           url('#{$lato-pathPrefix}lato-lightitalic-webfont.woff') format('woff'),
           url('#{$lato-pathPrefix}lato-lightitalic-webfont.ttf') format('truetype');
      font-weight: 300;
      font-style: italic;
    }
  }
}


@mixin font-lato-bold ($italic: true) {
  @font-face {
    font-family: 'Lato';
    src: url('#{$lato-pathPrefix}lato-bold-webfont.eot');
    src: url('#{$lato-pathPrefix}lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('#{$lato-pathPrefix}lato-bold-webfont.woff') format('woff'),
         url('#{$lato-pathPrefix}lato-bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }
  @if $italic {
    @font-face {
      font-family: 'Lato';
      src: url('#{$lato-pathPrefix}lato-bolditalic-webfont.eot');
      src: url('#{$lato-pathPrefix}lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
           url('#{$lato-pathPrefix}lato-bolditalic-webfont.woff') format('woff'),
           url('#{$lato-pathPrefix}lato-bolditalic-webfont.ttf') format('truetype');
      font-weight: 700;
      font-style: italic;
    }
  }
}


@mixin font-lato-black ($italic) {
  @font-face {
    font-family: 'Lato';
    src: url('#{$lato-pathPrefix}lato-black-webfont.eot');
    src: url('#{$lato-pathPrefix}lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('#{$lato-pathPrefix}lato-black-webfont.woff') format('woff'),
         url('#{$lato-pathPrefix}lato-black-webfont.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
  }
  @if $italic {
    @font-face {
      font-family: 'Lato';
      src: url('#{$lato-pathPrefix}lato-blackitalic-webfont.eot');
      src: url('#{$lato-pathPrefix}lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
           url('#{$lato-pathPrefix}lato-blackitalic-webfont.woff') format('woff'),
           url('#{$lato-pathPrefix}lato-blackitalic-webfont.ttf') format('truetype');
      font-weight: 900;
      font-style: italic;
    }  
  }
}


@mixin font-lato ($italic: false, $extralight: false, $light: false, $regular: true, $medium: false, $bold: false, $black: false) {
  @if $extralight {
    @include font-lato-hairline($italic);
  }
  @if $light {
    @include font-lato-light($italic);
  }
  @if $regular {
    @include font-lato-regular($italic);
  }
  @if $bold {
    @include font-lato-bold($italic);
  }
  @if $black {
    @include font-lato-black($italic);
  }
}