/* ------------------------------
    Base: Icons
------------------------------ */

$icomoon-font-family: "wl" !default;
$icomoon-font-path:   "../fonts" !default;

$icon-lang: "\e900";
$icon-tt: "\e901";
$icon-yt: "\e902";
$icon-ig: "\e903";
$icon-fb: "\e904";
$icon-filter: "\e905";
$icon-like: "\e906";
$icon-liked: "\e907";
$icon-prev: "\e908";
$icon-next: "\e909";
$icon-audio: "\e90a";
$icon-picture: "\e90b";
$icon-book: "\e90c";
$icon-book-alt: "\e90d";
$icon-eye: "\e90e";
$icon-play: "\e90f";
$icon-pause: "\e910";
$icon-volume: "\e911";
$icon-mute: "\e912";
$icon-quote: "\e913";
$icon-search: "\e914";
$icon-acc-1: "\e915";
$icon-acc-2: "\e916";
$icon-acc-3: "\e917";
$icon-all: "\e918";
$icon-arrow-left: "\e919";
$icon-arrow-right: "\e91a";
$icon-arrow-up: "\e91b";
$icon-arrow-down: "\e91c";
$icon-close: "\e91d";

@font-face {
  font-family: '#{$icomoon-font-family}';
  src:
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?79zz52') format('truetype'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?79zz52') format('woff'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?79zz52##{$icomoon-font-family}') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: '#{$icomoon-font-family}' !important;
  speak: never;
  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;
}

.icon-lang {
  &:before {
    content: $icon-lang;
  }
}
.icon-tt {
  &:before {
    content: $icon-tt;
  }
}
.icon-yt {
  &:before {
    content: $icon-yt;
  }
}
.icon-ig {
  &:before {
    content: $icon-ig;
  }
}
.icon-fb {
  &:before {
    content: $icon-fb;
  }
}
.icon-filter {
  &:before {
    content: $icon-filter;
  }
}
.icon-like {
  &:before {
    content: $icon-like;
  }
}
.icon-liked {
  &:before {
    content: $icon-liked;
  }
}
.icon-prev {
  &:before {
    content: $icon-prev;
  }
}
.icon-next {
  &:before {
    content: $icon-next;
  }
}
.icon-audio {
  &:before {
    content: $icon-audio;
  }
}
.icon-picture {
  &:before {
    content: $icon-picture;
  }
}
.icon-book {
  &:before {
    content: $icon-book;
  }
}
.icon-book-alt {
  &:before {
    content: $icon-book-alt;
  }
}
.icon-eye {
  &:before {
    content: $icon-eye;
  }
}
.icon-play {
  &:before {
    content: $icon-play;
  }
}
.icon-pause {
  &:before {
    content: $icon-pause;
  }
}
.icon-volume {
  &:before {
    content: $icon-volume;
  }
}
.icon-mute {
  &:before {
    content: $icon-mute;
  }
}
.icon-quote {
  &:before {
    content: $icon-quote;
  }
}
.icon-search {
  &:before {
    content: $icon-search;
  }
}
.icon-acc-1 {
  &:before {
    content: $icon-acc-1;
  }
}
.icon-acc-2 {
  &:before {
    content: $icon-acc-2;
  }
}
.icon-acc-3 {
  &:before {
    content: $icon-acc-3;
  }
}
.icon-all {
  &:before {
    content: $icon-all;
  }
}
.icon-arrow-left {
  &:before {
    content: $icon-arrow-left;
  }
}
.icon-arrow-right {
  &:before {
    content: $icon-arrow-right;
  }
}
.icon-arrow-up {
  &:before {
    content: $icon-arrow-up;
  }
}
.icon-arrow-down {
  &:before {
    content: $icon-arrow-down;
  }
}
.icon-close {
  &:before {
    content: $icon-close;
  }
}
