/* https://google.github.io/material-design-icons/#setup-method-2-self-hosting */

@font-face {
  font-family: 'nopaque Icons';
  font-style: normal;
  font-weight: 400;
  src: local('nopaque Icons'),
    local('nopaqueIcons-Regular'),
    url(../fonts/nopaque_icons/nopaqueIcons-Regular.otf) format('opentype');
}

.nopaque-icons {
  font-family: 'nopaque Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  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';
}

.breadcrumb i.nopaque-icons {
  display: inline-block;
  float: left;
  font-size: 24px;
}

.nopaque-icons {
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}

nav i.nopaque-icons {
  display: block;
  font-size: 24px;
  height: 56px;
  line-height: 56px;
}

nav .brand-logo i.nopaque-icons {
  float: left;
  margin-right: 15px;
}

nav ul a.btn > .nopaque-icons, nav ul a.btn-large > .nopaque-icons, nav ul a.btn-small > .nopaque-icons, nav ul a.btn-large > .nopaque-icons, nav ul a.btn-flat > .nopaque-icons, nav ul a.btn-floating > .nopaque-icons {
  height: inherit;
  line-height: inherit;
}

.input-field input[type=search]:focus:not(.browser-default) ~ .nopaque-icons {
  color: #444;
}

.input-field input[type=search] ~ .nopaque-icons {
  position: absolute;
  top: 0;
  right: 1rem;
  color: transparent;
  cursor: pointer;
  font-size: 2rem;
  -webkit-transition: .3s color;
  transition: .3s color;
}

.sidenav li > a > i.nopaque-icons {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
  color: rgba(0, 0, 0, 0.54);
}