/**
 * Give Frontend Fonts SCSS
 *
 * Fonts are from icomoon and the src paths need to be relative to template directory.
 * @package     Give
 * @subpackage  SCSS/Frontend
 * @copyright   Copyright (c) 2016, WordImpress
 * @license     http://opensource.org/licenses/gpl-2.0.php GNU Public License
*/
@font-face {
  font-family: 'give-icomoon';
  src: url('../assets/fonts/icomoon.eot?kdnr3d');
  src: url('../assets/fonts/icomoon.eot?kdnr3d#iefix') format('embedded-opentype'),
  url('../assets/fonts/icomoon.woff?kdnr3d') format('woff'),
  url('../assets/fonts/icomoon.svg?kdnr3d#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@mixin iconstyle() {
  font-family: 'give-icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  // Better Font Rendering
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="give-icon-"], [class*=" give-icon-"] {
  @include iconstyle();
}

.give-icon-lamp:before {
  content: "\e603";
}

.give-icon-heart:before {
  content: "\e604";
}

.give-icon-question:before {
  content: "\e602";
}

.give-icon-info:before {
  content: "\e601";
}

.give-icon-new-tab:before {
  content: "\ea7e";
}

.give-icon-alert:before {
  content: "\f02d";
}

.give-icon-help:before {
  content: "\e606";
}

.give-icon-spinner:before {
  content: "\e605";
}

.give-icon-spinner2:before {
  content: "\e607";
}

.give-icon-plus:before {
  content: "\e040";
}

.give-icon-minus:before {
  content: "\e041";
}

.give-icon-locked:before {
  content: "\e600";
}

.dashicons-give:before {
  @include iconstyle();
  content: "\e800";
}

// --------------------------
// Spinning Icons
// --------------------------

.fa-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}