/* Font Awesome Pro – subset used by EshopIQ pages */

/* ---- @font-face ---- */
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../fonts/fa-light-300.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.woff2") format("woff2");
}

/* ---- Base classes ---- */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa,
.fas {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.far {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fal {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

/* ---- Icons used in EshopIQ pages ---- */

/* fal fa-bars  (hamburger menu) */
.fa-bars::before { content: "\f0c9"; }

/* fal fa-times (close X) */
.fa-times::before { content: "\f00d"; }

/* far fa-check (pricing checkmarks) */
.fa-check::before { content: "\f00c"; }

/* fas fa-play  (video play button) */
.fa-play::before { content: "\f04b"; }

/* fab – social icons */
.fa-facebook-f::before  { content: "\f39e"; }
.fa-instagram::before   { content: "\f16d"; }
.fa-linkedin-in::before { content: "\f0e1"; }
.fa-vimeo-v::before     { content: "\f27d"; }

/* ---- Sizing helpers (used by some template classes) ---- */
.fa-xs   { font-size: 0.75em; }
.fa-sm   { font-size: 0.875em; }
.fa-lg   { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.225em; }
.fa-2x   { font-size: 2em; }
.fa-3x   { font-size: 3em; }
.fa-fw   { text-align: center; width: 1.25em; }