/*! 
 * RES Selected Font Awesome Icons
 * Based on icons detected in the uploaded page sources + RES theme CSS.
 * Replace the large all.min.css with this file. Keep the required .woff2 font files available at these relative paths.
 */

.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 900);
}

.fa,
.fas,
.fa-solid,
.fal,
.fa-light,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fas,
.fa-classic,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin {
  font-family: "Font Awesome 6 Pro";
}

.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands";
}

:root,
:host {
  --fa-style-family-classic: "Font Awesome 6 Pro";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

/* --------  RES Selected Icons: Pro / Classic  -------- */

.fa-plus::before {
  content: "\2b";
}

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

.fa-pause::before {
  content: "\f04c";
}
.fa-location-dot::before {
  content: "\f3c5";
}
.fa-user::before {
  content: "\f007";
}
.fa-timeline::before {
  content: "\e29c";
}

.fa-volume-high::before {
  content: "\f028";
}

.fa-table-tree::before {
  content: "\e293";
}

.fa-laptop::before {
  content: "\f109";
}

.fa-code::before {
  content: "\f121";
}

.fa-folder-arrow-up::before,
.fa-folder-upload::before {
  content: "\e054";
}

.fa-browser::before {
  content: "\f37e";
}

.fa-server::before {
  content: "\f233";
}

.fa-magnifying-glass::before,
.fa-search::before {
  content: "\f002";
}

.fa-camcorder::before {
  content: "\f8a8";
}

.fa-comment-pen::before,
.fa-comment-edit::before {
  content: "\f4ae";
}

/* Glyphs used via your theme CSS with content: "..." */
.fa-chevron-down::before {
  content: "\f078";
}

.fa-chevron-up::before {
  content: "\f077";
}

.fa-minus::before,
.fa-horizontal-rule::before {
  content: "\f068";
}

.fa-check::before {
  content: "\f00c";
}

.fa-arrow-right-long::before {
  content: "\f178";
}

/* --------  RES Selected Icons: Brands  -------- */

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

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

.fa-x-twitter::before {
  content: "\e61b";
}
.fa-wordpress-simple::before {
  content: "\f411";
}

/* Optional fallback if older content still uses Twitter */
.fa-twitter::before {
  content: "\f099";
}

/* --------  FA Font Loads  -------- */

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

.fal,
.fa-light {
  font-weight: 300;
}

/* REGULAR - Fake to Light */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fa-light-300.woff2") format("woff2"), url("fa-light-300.ttf") format("truetype");
}

.far,
.fa-regular {
  font-weight: 400;
}

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

.fas,
.fa-solid {
  font-weight: 900;
}

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

/* Neu benötigte FA Icons */

.fa-table-tree::before {
  content: "\e293";
}

.fa-laptop::before {
  content: "\f109";
}

.fa-code::before {
  content: "\f121";
}

.fa-folder-arrow-up::before {
  content: "\e054";
}

.fa-browser::before {
  content: "\f37e";
}

.fa-server::before {
  content: "\f233";
}

.fa-camcorder::before {
  content: "\f8a8";
}

.fa-video-camera::before,
.fa-video::before {
  content: "\f03d";
}

.fa-x-twitter::before {
  content: "\e61f";
}

/* Aus deinem neuen content: "\f356" */
.fa-res-pfeil::before {
  content: "\f356";
}
