/*!
 * Custom Font Awesome Lite for Cochin Steel Oman
 * Optimized replacement for heavy fontawesome.css
 * Supports only icons currently used in website header/mobile menu.
 */

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

/* Solid / Regular Icons */
.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

/* Brand Icons */
.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

/* Font Awesome Pro - Solid */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/fa-solid-900.woff2") format("woff2"),
       url("../fonts/fa-solid-900.woff") format("woff"),
       url("../fonts/fa-solid-900.ttf") format("truetype");
}

/* Font Awesome Brands */
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fa-brands-400.woff2") format("woff2"),
       url("../fonts/fa-brands-400.woff") format("woff"),
       url("../fonts/fa-brands-400.ttf") format("truetype");
}

/* Header / Contact Icons */
.fa-phone::before {
  content: "\f095";
}

.fa-envelope::before {
  content: "\f0e0";
}

.fa-download::before {
  content: "\f019";
}

.fa-times::before,
.fa-xmark::before {
  content: "\f00d";
}

.fa-caret-down::before {
  content: "\f0d7";
}

.fa-caret-up::before {
  content: "\f0d8";
}

.fa-caret-left::before {
  content: "\f0d9";
}

.fa-caret-right::before {
  content: "\f0da";
}

.fa-bars::before,
.fa-navicon::before {
  content: "\f0c9";
}

/* Social Icons */
.fa-twitter::before {
  content: "\f099";
}

.fa-youtube::before {
  content: "\f167";
}

.fa-linkedin-in::before {
  content: "\f0e1";
}

.fa-instagram::before {
  content: "\f16d";
}

.fa-facebook-f::before {
  content: "\f39e";
}

.fa-pinterest::before {
  content: "\f0d2";
}

/* Common Utility */
.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}