@import 'variables/all';
@import 'mixins/all';
@import 'ionicons/ionicons';

* {
  margin: 0;
  padding: 0;
  outline: none;
  @include box-sizing(border-box);
}

html, body {
  font-size: 62.5%; //1rem = 10px
  height: 100%;
  width: 100%;
  font-family: $main-font;
}

h1, h2, h3 {
  font-family: $main-font;
}

h1 {
  font-size: 3.2rem;
  line-height: 4.2rem;
  font-weight: $normal-weight;
}

h2 {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: $normal-weight;
}

h3 {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: $semi-bold-weight;
}

i {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}

p {
  line-height: 2.0rem;
  font-size: 1.4rem;
}

.im:before, .im:after {
  font-family: $icomoon-font-family;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-align: center;
  font-variant: normal;
  text-transform: none;

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

.ion {
  display: inline-block;
  font-family: $ionicons-font-family;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

@font-face {
  font-family: $text-font-family;
  src: url('#{$text-font-path}/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: $text-font-family;
  src: url('#{$text-font-path}/OpenSans-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: $text-font-family;
  src: url('#{$text-font-path}/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: $text-font-family;
  src: url('#{$text-font-path}/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}