//
// Ratchicons
// --------------------------------------------------

@font-face {
  font-family: Ratchicons;
  src: url("ratchicons/ratchicons.eot");
  src: url("ratchicons/ratchicons.eot?#iefix") format("embedded-opentype"),
       url("ratchicons/ratchicons.woff") format("woff"),
       url("ratchicons/ratchicons.ttf") format("truetype"),
       url("ratchicons/ratchicons.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon {
  display: inline-block;
  font-family: Ratchicons;
  font-size: 24px;
  text-decoration: none;
  line-height: 1;
  cursor: default;
  -webkit-font-smoothing: antialiased;
}
.icon-code:before { content: '\e804'; }
.icon-down:before { content: '\e801'; }
.icon-download:before { content: '\f005'; }
.icon-left:before { content: '\e803'; }
.icon-lg-down:before { content: '\f00b'; }
.icon-lg-left:before { content: '\f00c'; }
.icon-lg-right:before { content: '\f00d'; }
.icon-lg-up:before { content: '\f00e'; }
.icon-list:before { content: '\f008'; }
.icon-pages:before { content: '\f000'; }
.icon-refresh:before { content: '\f009'; }
.icon-right:before { content: '\e800'; }
.icon-search:before { content: '\f007'; }
.icon-share:before { content: '\f00a'; }
.icon-sound2:before { content: '\f002'; }
.icon-sound3:before { content: '\f003'; }
.icon-sound4:before { content: '\f004'; }
.icon-sound:before { content: '\f001'; }
.icon-up:before { content: '\e802'; }

// Ratchicons in buttons
.btn {
  .icon {
    font-size: inherit;
  }
}

// Ratchicons in nav bars
.bar {
  .icon {
    font-size: 24px;
    margin-top: 11px;
  }
}