@font-face {
  font-family: "hopper";
  src:url("../font/hopper.eot");
  src:url("../font/hopper.eot") format("embedded-opentype"),
    url("../font/hopper.woff") format("woff"),
    url("../font/hopper.ttf") format("truetype"),
    url("../font/hopper.svg") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "hopper" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "hopper" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
  content: "\e000";
}
.icon-arrow-left:before {
  content: "\e001";
}
.icon-arrow-right:before {
  content: "\e002";
}
.icon-arrow-up:before {
  content: "\e003";
}
.icon-announcements:before {
  content: "\e004";
}
.icon-contact:before {
  content: "\e008";
}
.icon-directory:before {
  content: "\e009";
}
.icon-e-funds:before {
  content: "\e00a";
}
.icon-email:before {
  content: "\e00b";
}
.icon-facebook:before {
  content: "\e00c";
}
.icon-folder:before {
  content: "\e00d";
}
.icon-food-service:before {
  content: "\e00e";
}
.icon-google:before {
  content: "\e00f";
}
.icon-google-apps:before {
  content: "\e010";
}
.icon-home:before {
  content: "\e012";
}
.icon-infinite-campus:before {
  content: "\e013";
}
.icon-instagram:before {
  content: "\e014";
}
.icon-jmc:before {
  content: "\e015";
}
.icon-link:before {
  content: "\e016";
}
.icon-lunch-menu:before {
  content: "\e017";
}
.icon-menu:before {
  content: "\e018";
}
.icon-menus:before {
  content: "\e019";
}
.icon-news:before {
  content: "\e01a";
}
.icon-oasys:before {
  content: "\e01b";
}
.icon-payments:before {
  content: "\e01c";
}
.icon-pinterest:before {
  content: "\e01d";
}
.icon-frontline:before {
  content: "\e01e";
}
.icon-powerschool:before {
  content: "\e01f";
}
.icon-search:before {
  content: "\e020";
}
.icon-skyward:before {
  content: "\e021";
}
.icon-staff:before {
  content: "\e022";
}
.icon-staff-access:before {
  content: "\e023";
}
.icon-staff-directory:before {
  content: "\e024";
}
.icon-staff-login:before {
  content: "\e025";
}
.icon-translate:before {
  content: "\e026";
}
.icon-twitter:before {
  content: "\e027";
}
.icon-youtube:before {
  content: "\e029";
}
.icon-family-access:before {
  content: "\e02a";
}
.icon-food-menu:before {
  content: "\e02b";
}
.icon-calendar:before {
  content: "\e006";
}
.icon-close:before {
  content: "\e007";
}
.icon-google-plus:before {
  content: "\e011";
}
.icon-canvas:before {
  content: "\e005";
}
.icon-xello:before {
  content: "\e028";
}
.icon-schoology:before {
  content: "\e02c";
}
.icon-covid:before {
  content: "\e02d";
}
.icon-books:before {
  content: "\e02e";
}
.icon-school-dude:before {
  content: "\e02f";
}
.icon-login:before {
  content: "\e030";
}
.icon-online-education:before {
  content: "\e031";
}