/**
 * =============================================================================
 * KS-Semilla Icon Font: KhamaleonLab
 * -----------------------------------------------------------------------------
 * Custom icon font created with Illustrator + IcoMoon.
 *
 * Features:
 * - 20 unique icons (Group 2)
 * - MIT Licensed, 100% free to use and modify
 * - Font-face with fallback formats: EOT, TTF, WOFF, SVG
 *
 * Usage:
 * - Add class <i class="ks-icon-name"></i>
 * - All icons use :before pseudo-element
 *
 * Author: KhamaleoLab - Guillermo Arturo Shikina Zapata
 * https://khamaleonlab.com
 * =============================================================================
 */

@font-face {
  font-family: 'khamaleon-studio-g2';
  src:  url('fonts/khamaleon-studio.eot?y3jtmx');
  src:  url('fonts/khamaleon-studio.eot?y3jtmx#iefix') format('embedded-opentype'),
    url('fonts/khamaleon-studio.ttf?y3jtmx') format('truetype'),
    url('fonts/khamaleon-studio.woff?y3jtmx') format('woff'),
    url('fonts/khamaleon-studio.svg?y3jtmx#khamaleon-studio') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Apply font only to icons with class ks2-* */
i[class^="ks2-"], i[class*=" ks2-"],
span[class^="ks2-"], span[class*=" ks2-"] {
  font-family: 'khamaleon-studio-g2' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ks2-amazon:before {
  content: "\e900";
}
.ks2-apple:before {
  content: "\e901";
}
.ks2-facebook:before {
  content: "\e902";
}
.ks2-facebook2:before {
  content: "\e903";
}
.ks2-github:before {
  content: "\e904";
}
.ks2-google:before {
  content: "\e905";
}
.ks2-google2:before {
  content: "\e906";
}
.ks2-google3:before {
  content: "\e907";
}
.ks2-instagram:before {
  content: "\e908";
}
.ks2-linkedin:before {
  content: "\e909";
}
.ks2-linux:before {
  content: "\e90a";
}
.ks2-paypal:before {
  content: "\e90b";
}
.ks2-paypal2:before {
  content: "\e90c";
}
.ks2-pinterest:before {
  content: "\e90d";
}
.ks2-whatsapp:before {
  content: "\e90e";
}
.ks2-windows:before {
  content: "\e90f";
}
.ks2-windows2:before {
  content: "\e910";
}
.ks2-wordpress:before {
  content: "\e911";
}
.ks2-x:before {
  content: "\e912";
}
.ks2-x2:before {
  content: "\e913";
}
