// PaymentFont v1.0.0
// http://paymentfont.io/
//
// Sass integration via https://github.com/rstacruz/iconfonts.
// Usage:
//
//    @include pf-font;
//    .button:before {
//      @include pf-icon("arrow");
//      @include pf-icon("arrow", 14px, #333);
//    }
//
// Output:
//
//    @font-face {
//      font-family: "PaymentFont"; ...
//    }
//    .button:before {
//      font-family: "PaymentFont";
//      content: '\f0123';
//    }
//
// Icon files:
//
//     https://cdn.rawgit.com/vendocrat/PaymentFont/v1.0.0/fonts/paymentfont-webfont.eot
//     https://cdn.rawgit.com/vendocrat/PaymentFont/v1.0.0/fonts/paymentfont-webfont.ttf
//     https://cdn.rawgit.com/vendocrat/PaymentFont/v1.0.0/fonts/paymentfont-webfont.woff
//     https://cdn.rawgit.com/vendocrat/PaymentFont/v1.0.0/fonts/paymentfont-webfont.svg

$pf-path: "https://cdn.rawgit.com/vendocrat/PaymentFont/v1.0.0/fonts/" !default;
$pf-name: "PaymentFont" !default;
$pf-site: "http://paymentfont.io/" !default;
$pf-basename: "paymentfont-webfont" !default;
$pf-version: "1.0.0" !default;
$pf-svghash: "#paymentfont-webfont" !default;
$pf-nativesize: "14px" !default;

// Embeds the @font-face.
@mixin pf-font {
  @font-face {
    font-family: $pf-name;
    src: url($pf-path + $pf-basename + ".eot?v=" + $pf-version);
    src: url($pf-path + $pf-basename + ".eot?#iefix&v=" + $pf-version) format("embedded-opentype"),
         url($pf-path + $pf-basename + ".woff?v=" + $pf-version) format("woff"),
         url($pf-path + $pf-basename + ".ttf?v=" + $pf-version) format("truetype"),
         url($pf-path + $pf-basename + ".svg?v=" + $pf-version + $pf-svghash) format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

// Embeds the @font-face. Use this if you're using `sass-rails`.
@mixin pf-font-rails($prefix: "") {
  @font-face {
    font-family: $pf-name;
    src: font-url($prefix + $pf-basename + ".eot");
    src: font-url($prefix + $pf-basename + ".eot#iefix") format("embedded-opentype"),
         font-url($prefix + $pf-basename + ".woff") format("woff"),
         font-url($prefix + $pf-basename + ".ttf") format("truetype"),
         font-url($prefix + $pf-basename + ".svg" + $pf-svghash) format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

// Uses a given icon.
//
//     .button:before
//       +pf-icon(music)
//       +pf-icon(music, 24px)        /* 24px size */
//
// You may specify a color.
//
//     .button:before
//       +pf-icon(music, $color: #333)
//
// You may also specify a `$top` value to compensate for any mis-alignment.
// This nudges the icon by that many pixels from the top.
//
//     .button:before
//       +pf-icon(music, $top: 2px)

@mixin pf-icon($type, $size: auto, $color: auto, $top: auto, $left: auto, $shadow: none) {
  @extend %pf-icon;
  @extend %pf-icon-#{$type};

  @if $size != auto {
    font-size: $size; }
  @if $top != auto {
    position: relative;
    top: $top; }
  @if $left != auto {
    position: relative;
    left: $left; }
  @if $color != auto {
    color: $color; }
  @if $shadow != none {
    text-shadow: $shadow; }
}

%pf-icon {
  line-height: 1em;
  font-family: $pf-name;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}

%pf-icon-amazon { content: "\f000"; }
%pf-icon-american-express { content: "\f001"; }
%pf-icon-american-express-alt { content: "\f002"; }
%pf-icon-apple-pay { content: "\f04c"; }
%pf-icon-atm { content: "\f003"; }
%pf-icon-bancontact-mister-cash { content: "\f050"; }
%pf-icon-bank-transfer { content: "\f005"; }
%pf-icon-bankomat { content: "\f004"; }
%pf-icon-bitcoin { content: "\f006"; }
%pf-icon-bitcoin-sign { content: "\f007"; }
%pf-icon-braintree { content: "\f008"; }
%pf-icon-btc { content: "\f009"; }
%pf-icon-card { content: "\f00a"; }
%pf-icon-carta-si { content: "\f00b"; }
%pf-icon-cash { content: "\f00c"; }
%pf-icon-cash-on-delivery { content: "\f00d"; }
%pf-icon-cash-on-pickup { content: "\f053"; }
%pf-icon-cb { content: "\f00e"; }
%pf-icon-cirrus { content: "\f00f"; }
%pf-icon-cirrus-alt { content: "\f010"; }
%pf-icon-clickandbuy { content: "\f011"; }
%pf-icon-credit-card { content: "\f012"; }
%pf-icon-dankort { content: "\f04f"; }
%pf-icon-diners { content: "\f013"; }
%pf-icon-discover { content: "\f014"; }
%pf-icon-ec { content: "\f015"; }
%pf-icon-elo { content: "\f055"; }
%pf-icon-elo-alt { content: "\f056"; }
%pf-icon-eps { content: "\f016"; }
%pf-icon-eur { content: "\f017"; }
%pf-icon-facture { content: "\f018"; }
%pf-icon-fattura { content: "\f019"; }
%pf-icon-flattr { content: "\f01a"; }
%pf-icon-giropay { content: "\f01b"; }
%pf-icon-gittip { content: "\f01c"; }
%pf-icon-google-wallet { content: "\f01d"; }
%pf-icon-google-wallet-alt { content: "\f01e"; }
%pf-icon-gpb { content: "\f01f"; }
%pf-icon-gratipay { content: "\f01c"; }
%pf-icon-gratipay-sign { content: "\f05c"; }
%pf-icon-ideal { content: "\f020"; }
%pf-icon-ils { content: "\f021"; }
%pf-icon-inr { content: "\f022"; }
%pf-icon-interac { content: "\f04d"; }
%pf-icon-invoice { content: "\f023"; }
%pf-icon-invoice-sign { content: "\f024"; }
%pf-icon-invoice-sign-alt { content: "\f025"; }
%pf-icon-invoice-sign-alt-o { content: "\f026"; }
%pf-icon-invoice-sign-o { content: "\f027"; }
%pf-icon-jcb { content: "\f028"; }
%pf-icon-jpy { content: "\f029"; }
%pf-icon-krw { content: "\f02a"; }
%pf-icon-maestro { content: "\f02b"; }
%pf-icon-maestro-alt { content: "\f02c"; }
%pf-icon-mastercard { content: "\f02d"; }
%pf-icon-mastercard-alt { content: "\f02e"; }
%pf-icon-mastercard-securecode { content: "\f02f"; }
%pf-icon-mercado-pago { content: "\f058"; }
%pf-icon-mercado-pago-sign { content: "\f059"; }
%pf-icon-moip { content: "\f051"; }
%pf-icon-multibanco { content: "\f05b"; }
%pf-icon-ogone { content: "\f030"; }
%pf-icon-pagseguro { content: "\f052"; }
%pf-icon-paybox { content: "\f031"; }
%pf-icon-paylife { content: "\f032"; }
%pf-icon-paymill { content: "\f04e"; }
%pf-icon-paypal { content: "\f033"; }
%pf-icon-paypal-alt { content: "\f034"; }
%pf-icon-paysafecard { content: "\f035"; }
%pf-icon-payshop { content: "\f05a"; }
%pf-icon-payu { content: "\f057"; }
%pf-icon-postepay { content: "\f036"; }
%pf-icon-quick { content: "\f037"; }
%pf-icon-rechnung { content: "\f038"; }
%pf-icon-ripple { content: "\f039"; }
%pf-icon-rub { content: "\f03a"; }
%pf-icon-sage { content: "\f054"; }
%pf-icon-sepa { content: "\f04a"; }
%pf-icon-sepa-alt { content: "\f04b"; }
%pf-icon-six { content: "\f05d"; }
%pf-icon-skrill { content: "\f03b"; }
%pf-icon-sofort { content: "\f03c"; }
%pf-icon-square { content: "\f03d"; }
%pf-icon-stripe { content: "\f03e"; }
%pf-icon-truste { content: "\f03f"; }
%pf-icon-try { content: "\f040"; }
%pf-icon-unionpay { content: "\f041"; }
%pf-icon-usd { content: "\f042"; }
%pf-icon-verified-by-visa { content: "\f043"; }
%pf-icon-verisign { content: "\f044"; }
%pf-icon-visa { content: "\f045"; }
%pf-icon-visa-electron { content: "\f046"; }
%pf-icon-western-union { content: "\f047"; }
%pf-icon-western-union-alt { content: "\f048"; }
%pf-icon-wirecard { content: "\f049"; }