/*
  1. downloa svg files from https://fontawesome.com/ and save them in fonts/font-awesome-subset-svg
  2. generate font on https://icomoon.io/app/#/select form the svg icons using "Import icons" button (in case project is missing, load project.json)
  3. use https://cloudconvert.com/woff-to-woff2 to create woff2 file
  4. replace woff and woff2 files in all themes
  5. update font version in css files
 */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/font-awesome.woff2?v=5.33') format('woff2'),
       url('../fonts/font-awesome.woff?v=5.33') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.fa {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'FontAwesome' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: inherit;
  text-transform: none;
  text-rendering: optimizeSpeed;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-angle-left:before {
  content: "\e900";
}
.fa-angle-right:before {
  content: "\e901";
}
.fa-angle-up:before {
  content: "\e902";
}
.fa-at:before {
  content: "\e903";
}
.fa-bars:before {
  content: "\e904";
}
.fa-book:before {
  content: "\e905";
}
.fa-caret-down:before {
  content: "\e906";
}
.fa-cart-plus:before {
  content: "\e907";
}
.fa-check:before {
  content: "\e908";
}
.fa-chevron-circle-down:before {
  content: "\e909";
}
.fa-comment-dots:before {
  content: "\e90a";
}
.fa-credit-card:before {
  content: "\e90b";
}
.fa-download:before {
  content: "\e90c";
}
.fa-envelope:before {
  content: "\e90d";
}
.fa-eye:before {
  content: "\e90e";
}
.fa-facebook:before {
  content: "\e90f";
}
.fa-file-invoice-dollar:before {
  content: "\e910";
}
.fa-gift:before {
  content: "\e911";
}
.fa-heart:before {
  content: "\e912";
}
.fa-home:before {
  content: "\e913";
}
.fa-lock:before {
  content: "\e914";
}
.fa-map-marker:before {
  content: "\e915";
}
.fa-minus:before {
  content: "\e916";
}
.fa-money-bill:before {
  content: "\e917";
}
.fa-pencil:before {
  content: "\e918";
}
.fa-percent:before {
  content: "\e919";
}
.fa-phone:before {
  content: "\e91a";
}
.fa-plus:before {
  content: "\e91b";
}
.fa-search:before {
  content: "\e91c";
}
.fa-share:before {
  content: "\e91d";
}
.fa-shipping-fast:before {
  content: "\e91e";
}
.fa-shopping-cart:before {
  content: "\e91f";
}
.fa-sign-in:before {
  content: "\e920";
}
.fa-sign-out:before {
  content: "\e921";
}
.fa-spinner:before {
  content: "\e922";
}
.fa-star:before {
  content: "\e923";
}
.fa-star-o:before {
  content: "\e924";
}
.fa-star-1:before {
	content: "\e923\e924\e924\e924\e924";
	letter-spacing: 5px;
}
.fa-star-2:before {
	content: "\e923\e923\e924\e924\e924";
	letter-spacing: 5px;
}
.fa-star-3:before {
	content: "\e923\e923\e923\e924\e924";
	letter-spacing: 5px;
}
.fa-star-4:before {
	content: "\e923\e923\e923\e923\e924";
	letter-spacing: 5px;
}
.fa-star-5:before {
	content: "\e923\e923\e923\e923\e923";
	letter-spacing: 5px;
}
.fa-th:before {
  content: "\e925";
}
.fa-th-list:before {
  content: "\e926";
}
.fa-times:before {
  content: "\e927";
}
.fa-trophy:before {
  content: "\e928";
}
.fa-truck:before {
  content: "\e929";
}
.fa-undo:before {
  content: "\e92a";
}
.fa-upload:before {
  content: "\e92b";
}
.fa-user:before {
  content: "\e92c";
}
.fa-user-plus:before {
  content: "\e92d";
}
.fa-caret-up:before {
  content: "\e92e";
}
.fa-caret-left:before {
  content: "\e92f";
}
.fa-caret-right:before {
  content: "\e930";
}