@charset "UTF-8";

$font-sans-serif: 'Polaris-Book', sans-serif;
$font-sans-serif-medium: 'Polaris-Medium', sans-serif;

$font-serif: 'Georgia', serif;

@mixin font-general($font, $size: 17px, $weight: false, $line-height: false) {
  font-family: $font;
  font-size: $size;
  @if $weight {
    font-weight: $weight
  }
  
  @if $line-height {
    line-height: $line-height;
  }
}

@mixin serif($size: 18px, $bold: false, $line-height: false) {
  @include font-general($font-serif, $size, $bold, $line-height);
}

@mixin sans-serif($size: 18px, $bold: false, $line-height: false) {
  @include font-general($font-sans-serif, $size, $bold, $line-height);
  -webkit-font-smoothing: antialiased;    
}


@mixin small-sans-serif() {
  @include sans-serif(14px, normal);
}

@font-face {
  font-family: 'Polaris-Book';
  src:url('fonts/Polaris-Book.eot?-2vc343');
  src:url('fonts/Polaris-Book.eot?#iefix-2vc343') format('embedded-opentype'),
    url('fonts/Polaris-Book.woff?-2vc343') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Polaris-Medium';
  src:url('fonts/Polaris-Medium.eot?-2vc343');
  src:url('fonts/Polaris-Mediumk.eot?#iefix-2vc343') format('embedded-opentype'),
    url('fonts/Polaris-Medium.woff?-2vc343') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "absolent-v10";
  src:url("fonts/absolent-v10.eot");
  src:url("fonts/absolent-v10.eot?#iefix") format("embedded-opentype"),
    url("fonts/absolent-v10.woff") format("woff"),
    url("fonts/absolent-v10.ttf") format("truetype"),
    url("fonts/absolent-v10.svg#absolent-v10") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[data-icon]:before {
  font-family: "absolent-v10" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "absolent-v10" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-nintendo-05:before {
 content: "b";
}
.icon-dimma:before {
content: "a"; 
}
.icon-kombination:before {
content: "b";
}
.icon-rok:before {
content: "c";
}
.icon-stoft:before {
content: "d";
}
.icon-tillbehor:before {
content: "e";
}
.icon-airflow:before {
content: "f";
}
.icon-barrel:before {
content: "g";
}
.icon-check:before {
content: "h";
}
.icon-energy:before {
content: "i";
}
.icon-fan:before {
content: "j";
}
.icon-globen:before {
content: "k";
}
.icon-news:before {
content: "l";
}
.icon-oildrip:before {
content: "m";
}
.icon-search:before {
content: "n";
}
.icon-time:before {
content: "o";
}
.icon-after-sales-service:before {
content: "p";
}
.icon-customer-service:before {
content: "q";
}
.icon-marketing-material:before {
content: "r";
}
.icon-product-resources:before {
content: "s";
}
.icon-formning-pressning:before {
content: "t";
}
.icon-gummi:before {
content: "u";
}
.icon-livsmedel:before {
content: "v";
}
.icon-pressgjutning:before {
content: "w";
}
.icon-skarande-bearbetning:before {
content: "x";
}
.icon-slipning:before {
content: "y";
}
.icon-textil:before {
content: "z";
}
.icon-varmebehandling:before {
content: "A";
}
.icon-twitter:before {
content: "B";
}
.icon-linkedin:before {
content: "C";
}
.icon-facebook:before {
content: "D";
}
.icon-gummi:before {
content: "u";
}
.icon-skarande-bearbetning:before {
content: "x";
}
.icon-svetsning:before {
  content: "E";
}


.icon-adjustable-airflow:before,
.icon-fleixable-design:before,
.icon-knock-kown-kit:before,
.icon-a-smart:before {
  content: "";
  background: url(../images/icon_adjustable_airflow.png) no-repeat center;
  background-size: cover;
  width: 30px;
  height: 30px;
}
.icon-fleixable-design:before {
  background-image: url(../images/icon_fleixable_design.png);
}
.icon-knock-kown-kit:before {
  background-image: url(../images/icon_knock_down_kit.png);
}
.icon-a-smart:before {
  background-image: url(../images/icon_a_smart.svg);
}

.nav-subpage .menu-subpage-container ul.menu li a {
    .icon {
        height: 56px;
        &:before {
            width: 34px;
            height: 34px;
            font-size: 36px;
            display: block;
            margin: 0 auto;
            margin-top: 3px;
        }
        &.icon-a-smart {
            height: 53px;
            &:before {
                width: 30px !important;
                height: 30px !important;
                margin-top: 6px !important;
            }
        }
    }
    &:hover {
        .icon {
            filter: invert(29%) sepia(84%) saturate(806%) hue-rotate(322deg) brightness(105%) contrast(94%);
        }
    }
}