@import "variables";

@font-face {
  font-family: '#{$icomoon-font-family}';
  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?dinupu');
  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?dinupu#iefix') format('embedded-opentype'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?dinupu') format('truetype'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?dinupu') format('woff'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?dinupu##{$icomoon-font-family}') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: '#{$icomoon-font-family}' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-up-right2 {
  &:before {
    content: $icon-arrow-up-right2; 
  }
}
.icon-linkedin {
  &:before {
    content: $icon-linkedin; 
  }
}
.icon-facebook {
  &:before {
    content: $icon-facebook; 
  }
}
.icon-twitter {
  &:before {
    content: $icon-twitter; 
  }
}
.icon-close {
  &:before {
    content: $icon-close; 
  }
}
.icon-search {
  &:before {
    content: $icon-search; 
  }
}
.icon-check {
  &:before {
    content: $icon-check; 
  }
}
.icon-asset-achievement {
  &:before {
    content: $icon-asset-achievement; 
  }
}
.icon-asset-board {
  &:before {
    content: $icon-asset-board; 
  }
}
.icon-asset-item {
  &:before {
    content: $icon-asset-item; 
  }
}
.icon-file-download {
  &:before {
    content: $icon-file-download; 
  }
}
.icon-email {
  &:before {
    content: $icon-email; 
  }
}
.icon-arrow-down-light {
  &:before {
    content: $icon-arrow-down-light; 
  }
}
.icon-right {
  &:before {
    content: $icon-right; 
  }
}
.icon-medium {
  &:before {
    content: $icon-medium; 
  }
}
.icon-telegram {
  &:before {
    content: $icon-telegram; 
  }
}
.icon-itam {
  &:before {
    content: $icon-itam; 
  }
}