@font-face {
  font-family: 'OpenEditionIcon';
  src:  url('../fonts/OpenEditionIcon.eot');
  src:  url('../fonts/OpenEditionIcon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenEditionIcon.ttf') format('truetype'),
    url('../fonts/OpenEditionIcon.woff') format('woff'),
    url('../fonts/OpenEditionIcon.svg#OpenEditionIcon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
        font-family: 'OpenEditionIcon';
        content: attr(data-icon);
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

.oeicon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'OpenEditionIcon' !important;
  speak: none;
  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;
}

.oeicon-caret-right:before {
  content: "\f0da";
}
.oeicon-unlock:before {
  content: "\e900";
}
.oeicon-lock:before {
  content: "\e901";
}
.oeicon-arrow_upward:before {
  content: "\e905";
}
.oeicon-arrow_forward:before {
  content: "\e906";
}
.oeicon-arrow_downward:before {
  content: "\e907";
}
.oeicon-arrow_back:before {
  content: "\e908";
}
.oeicon-close:before {
  content: "\e902";
}
.oeicon-chevron-up2:before {
  content: "\e903";
}
.oeicon-envelop:before {
  content: "\e945";
}
.oeicon-printer:before {
  content: "\e954";
}
.oeicon-plus:before {
  content: "\ea0a";
}
.oeicon-cross:before {
  content: "\ea0f";
}
.oeicon-arrow-up-left2:before {
  content: "\ea39";
}
.oeicon-arrow-right2:before {
  content: "\ea3c";
}
.oeicon-arrow-down-right2:before {
  content: "\ea3d";
}
.oeicon-arrow-left2:before {
  content: "\ea40";
}
.oeicon-rss:before {
  content: "\ea9b";
}
