@font-face {
  font-family: 'Awesome';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/eot/fa-brands-400.eot?");
  src: url("fonts/eot/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("fonts/woff/fa-brands-400.woff") format("woff"),url("fonts/ttf/fa-brands-400.ttf") format("truetype")
}

@font-face {
  font-family: 'Awesome';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/eot/fa-regular-400.eot?");
  src: url("fonts/eot/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("fonts/woff/fa-regular-400.woff") format("woff"),url("fonts/ttf/fa-regular-400.ttf") format("truetype")
}

@font-face {
  font-family: 'Awesome';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/eot/fa-solid-900.eot?");
  src: url("fonts/eot/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("fonts/woff/fa-solid-900.woff") format("woff"),url("fonts/ttf/fa-solid-900.ttf") format("truetype")
}

.fab {
  font-family: 'Awesome'
}

.far {
  font-family: 'Awesome';
  font-weight: 400
}

.fa, .fas {
  font-family: 'Awesome';
  font-weight: 900
}

/* Language flags in the header and the mobile menu */
.header-links img[src*="/images/flags/"],
.language-list img[src*="/images/flags/"],
a > img[src*="/images/flags/"],
[style*="/images/flags/"] {
  width: 48px;
  height: 36px;
  margin-inline: 0;
  object-fit: contain;
}

a:has(> img[src*="/images/flags/"]) {
  display: inline-block;
  padding: 0;
}

/* A little space between the flags */
:has(> a > img[src*="/images/flags/"]),
:has(> img[src*="/images/flags/"]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}