/**
 * Iris icon font
 **/

@font-face {
	font-family: 'iris';
	src:
		url('../assets/fonts/iris.ttf?wncwx9') format('truetype'),
		url('../assets/fonts/iris.woff?wncwx9') format('woff'),
		url('../assets/fonts/iris.svg?wncwx9#iris') format('svg');
	font-weight: normal;
	font-style: normal;
}

$icon-back: \e900;
$icon-broadcast: \e901;
$icon-cd: \e902;
$icon-chevron-left: \e903;
$icon-chevron-right: \e904;
$icon-close: \e905;
$icon-cog: \e906;
$icon-compass: \e907;
$icon-connection: \e908;
$icon-consume: \e909;
$icon-filter: \e90a;
$icon-folder: \e90b;
$icon-grid: \e90c;
$icon-leaf: \e90d;
$icon-list: \e90e;
$icon-local: \e90f;
$icon-mic: \e910;
$icon-music: \e911;
$icon-pause: \e912;
$icon-play: \e913;
$icon-play-alt: \e914;
$icon-playlist: \e915;
$icon-repeat: \e916;
$icon-search: \e917;
$icon-sections: \e918;
$icon-server: \e919;
$icon-shuffle: \e91a;
$icon-skip: \e91b;
$icon-soundcloud: \e91c;
$icon-spotify: \e91d;
$icon-star: \e91e;
$icon-stop: \e91f;
$icon-websocket: \e920;

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

    font-family: 'iris' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-back:before {
  content: "\e900";
}
.icon-broadcast:before {
  content: "\e901";
}
.icon-cd:before {
  content: "\e902";
}
.icon-chevron-left:before {
  content: "\e903";
}
.icon-chevron-right:before {
  content: "\e904";
}
.icon-close:before {
  content: "\e905";
}
.icon-cog:before {
  content: "\e906";
}
.icon-compass:before {
  content: "\e907";
}
.icon-connection:before {
  content: "\e908";
}
.icon-consume:before {
  content: "\e909";
}
.icon-filter:before {
  content: "\e90a";
}
.icon-folder:before {
  content: "\e90b";
}
.icon-folder-open:before {
  content: "\e90c";
}
.icon-grid:before {
  content: "\e90d";
}
.icon-leaf:before {
  content: "\e90e";
}
.icon-list:before {
  content: "\e90f";
}
.icon-local:before {
  content: "\e910";
}
.icon-mic:before {
  content: "\e911";
}
.icon-music:before {
  content: "\e912";
}
.icon-pause:before {
  content: "\e913";
}
.icon-play:before {
  content: "\e914";
}
.icon-play-alt:before {
  content: "\e915";
}
.icon-playlist:before {
  content: "\e916";
}
.icon-repeat:before {
  content: "\e917";
}
.icon-search:before {
  content: "\e918";
}
.icon-sections:before {
  content: "\e919";
}
.icon-server:before {
  content: "\e91a";
}
.icon-shuffle:before {
  content: "\e91b";
}
.icon-skip:before {
  content: "\e91c";
}
.icon-soundcloud:before {
  content: "\e91d";
}
.icon-speaker:before {
  content: "\e91e";
}
.icon-speaker-group:before {
  content: "\e91f";
}
.icon-spotify:before {
  content: "\e920";
}
.icon-star:before {
  content: "\e921";
}
.icon-stop:before {
  content: "\e922";
}


/**
* Material icons
**/

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;;
    src: url(../assets/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
      local('MaterialIcons-Regular'),
      url(../assets/fonts/MaterialIcons-Regular.woff2) format('woff2'),
      url(../assets/fonts/MaterialIcons-Regular.woff) format('woff'),
      url(../assets/fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icon {
    @include noselect();
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: bottom;
    font-size: 1.3em;
    margin-bottom: 0.1em;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}