/* Font Awesome 6, nedbantad till de ikoner sajten faktiskt använder.
 *
 * Originalet var 100 KB CSS plus 162 KB teckensnitt för runt 6000 ikoner, av
 * vilka tjugo används här. Teckensnitten är subsettade med pyftsubset till
 * exakt de kodpunkter som förekommer i HTML:en.
 *
 * Struktur- och basreglerna nedan är kopierade ordagrant ur originalfilen.
 *
 * Lägger du till en ny ikon i HTML räcker det inte att skriva klassnamnet -
 * glyfen finns inte i det nedbantade teckensnittet. Lägg till kodpunkten och
 * kör om subsettningen, eller gå tillbaka till fontawesome-all.min.css.
 */

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

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

@font-face {
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url("../webfonts/fa/fa-solid-900-subset.woff2") format("woff2");
}

/* Basregler, ordagrant från fontawesome-all.min.css */
.fa,
.fab,
.far,
.fas {
	-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;
}

.far,
.fas {
	font-family: "Font Awesome 6 Free";
}

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

.far {
	font-weight: 400;
}

.fas {
	font-weight: 900;
}

/* Storlekar och stack */
.fa-lg {
	font-size: 1.25em;
	line-height: 0.05em;
	vertical-align: -0.075em;
}

.fa-2x {
	font-size: 2em;
}

.fa-3x {
	font-size: 3em;
}

.fa-5x {
	font-size: 5em;
}

.fa-stack {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
	line-height: inherit;
}

.fa-stack-2x {
	font-size: 2em;
}

.fa-inverse {
	color: var(--fa-inverse, #fff);
}

/* Ikonerna som används. Kodpunkterna är hämtade ur originalfilen. */
.fa-plus:before            { content: "\2b"; }
.fa-house:before           { content: "\f015"; }
.fa-clock:before           { content: "\f017"; }
.fa-check-circle:before    { content: "\f058"; }
.fa-linkedin:before        { content: "\f08c"; }
.fa-phone:before           { content: "\f095"; }
.fa-square:before          { content: "\f0c8"; }
.fa-caret-right:before     { content: "\f0da"; }
.fa-envelope:before        { content: "\f0e0"; }
.fa-circle:before          { content: "\f111"; }
.fa-instagram:before       { content: "\f16d"; }
.fa-apple:before           { content: "\f179"; }
.fa-windows:before         { content: "\f17a"; }
.fa-wifi:before            { content: "\f1eb"; }
.fa-map:before             { content: "\f279"; }
.fa-mobile-alt:before      { content: "\f3cd"; }
.fa-facebook-f:before      { content: "\f39e"; }
.fa-hand-holding-usd:before{ content: "\f4c0"; }
.fa-headset:before         { content: "\f590"; }
.fa-laptop-house:before    { content: "\e066"; }