/**
 * Material Icons License
 * https://iidesk.com/fonts/materialicons/LICENSE.txt
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 * Material Icons Guide
 * https://developers.google.com/fonts/docs/material_icons
 *
 * Material Icons Overview
 * https://fonts.google.com/icons
 *
 * LET OP!
 * Het is ook mogelijk de class te verlengen met extra woorden en zo makkelijk te specificeren:
 * <span class='material-icons_home'>home</span>
 **/

@font-face {
  font-family: 'materialicons';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/materialicons/materialicons-regular-webfont.woff2) format('woff2'),
       url(/fonts/materialicons/materialicons-regular-webfont.woff)  format('woff');
}

@font-face {
  font-family: 'materialiconsoutlined';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/materialicons/materialiconsoutlined-regular-webfont.woff2) format('woff2'),
       url(/fonts/materialicons/materialiconsoutlined-regular-webfont.woff)  format('woff');
}

@font-face {
  font-family: 'materialiconsround';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/materialicons/materialiconsround-regular-webfont.woff2) format('woff2'),
       url(/fonts/materialicons/materialiconsround-regular-webfont.woff)  format('woff');
}

@font-face {
  font-family: 'materialiconssharp';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/materialicons/materialiconssharp-regular-webfont.woff2) format('woff2'),
       url(/fonts/materialicons/materialiconssharp-regular-webfont.woff)  format('woff');
}

@font-face {
  font-family: 'materialiconstwotone';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/materialicons/MaterialIconsTwoTone-Regular.otf)           format('opentype'),
       url(/fonts/materialicons/materialiconstwotone-regular-webfont.woff2) format('woff2'),
       url(/fonts/materialicons/materialiconstwotone-regular-webfont.woff)  format('woff');
}

/**
 * Standaard: <span class='material-icons'>home</span>
 * Specifiek: <span class='material-icons_home'>home</span>
**/
[class^="material-icons"] {
  font-family: 'materialicons';
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

/**
 * Standaard: <span class='material-icons-outlined'>home</span>
 * Specifiek: <span class='material-icons-outlined_home'>home</span>
**/
[class^="material-icons-outlined"] {
  font-family: 'materialiconsoutlined';
}

/**
 * Standaard: <span class='material-icons-round'>home</span>
 * Specifiek: <span class='material-icons-round_home'>home</span>
**/
[class^="material-icons-round"] {
  font-family: 'materialiconsround';
}

/**
 * Standaard: <span class='material-icons-sharp'>home</span>
 * Specifiek: <span class='material-icons-sharp_home'>home</span>
**/
[class^="material-icons-sharp"] {
  font-family: 'materialiconssharp';
}

/**
 * Standaard: <span class='material-icons-two-tone'>home</span>
 * Specifiek: <span class='material-icons-two-tone_home'>home</span>
**/
[class^="material-icons-two-tone"] {
  font-family: 'materialiconstwotone';
}