@font-face {
  font-family: 'Climacons-Font';
  src: url('#{$font-path}/climacons/Climacons-Font.woff2') format('woff2'),
       url('#{$font-path}/climacons/Climacons-Font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.climacon:before {
  font-family: 'Climacons-Font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.climacon.cloud:before {
  content: "\e000";
}
.climacon.cloud.sun:before {
  content: "\e001";
}
.climacon.cloud.moon:before {
  content: "\e002";
}
.climacon.rain:before,
.climacon.rain.cloud:before {
  content: "\e003";
}
.climacon.rain.sun:before,
.climacon.rain.cloud.sun:before {
  content: "\e004";
}
.climacon.rain.moon:before,
.climacon.rain.cloud.moon:before {
  content: "\e005";
}
.climacon.showers:before,
.climacon.showers.cloud:before {
  content: "\e006";
}
.climacon.showers.sun:before,
.climacon.showers.cloud.sun:before {
  content: "\e007";
}
.climacon.showers.moon:before,
.climacon.showers.cloud.moon:before {
  content: "\e008";
}
.climacon.downpour:before,
.climacon.downpour.cloud:before {
  content: "\e009";
}
.climacon.downpour.sun:before,
.climacon.downpour.cloud.sun:before {
  content: "\e00a";
}
.climacon.downpour.moon:before,
.climacon.downpour.cloud.moon:before {
  content: "\e00b";
}
.climacon.drizzle:before,
.climacon.drizzle.cloud:before {
  content: "\e00c";
}
.climacon.drizzle.sun:before,
.climacon.drizzle.cloud.sun:before {
  content: "\e00d";
}
.climacon.drizzle.moon:before,
.climacon.drizzle.cloud.moon:before {
  content: "\e00e";
}
.climacon.sleet:before,
.climacon.sleet.cloud:before {
  content: "\e00f";
}
.climacon.sleet.sun:before,
.climacon.sleet.cloud.sun:before {
  content: "\e010";
}
.climacon.sleet.moon:before,
.climacon.sleet.cloud.moon:before {
  content: "\e011";
}
.climacon.hail:before,
.climacon.hail.cloud:before {
  content: "\e012";
}
.climacon.hail.sun:before,
.climacon.hail.cloud.sun:before {
  content: "\e013";
}
.climacon.hail.moon:before,
.climacon.hail.cloud.moon:before {
  content: "\e014";
}
.climacon.flurries:before,
.climacon.flurries.cloud:before {
  content: "\e015";
}
.climacon.flurries.sun:before,
.climacon.flurries.cloud.sun:before {
  content: "\e016";
}
.climacon.flurries.moon:before,
.climacon.flurries.cloud.moon:before {
  content: "\e017";
}
.climacon.snow:before,
.climacon.snow.cloud:before {
  content: "\e018";
}
.climacon.snow.sun:before,
.climacon.snow.cloud.sun:before {
  content: "\e019";
}
.climacon.snow.moon:before,
.climacon.snow.cloud.moon:before {
  content: "\e01a";
}
.climacon.fog:before,
.climacon.fog.cloud:before {
  content: "\e01b";
}
.climacon.fog.sun:before,
.climacon.fog.cloud.sun:before {
  content: "\e01c";
}
.climacon.fog.moon:before,
.climacon.fog.cloud.moon:before {
  content: "\e01d";
}
.climacon.haze:before {
  content: "\e01e";
}
.climacon.haze.sun:before {
  content: "\e01f";
}
.climacon.haze.moon:before {
  content: "\e020";
}
.climacon.wind:before {
  content: "\e021";
}
.climacon.wind.cloud:before {
  content: "\e022";
}
.climacon.wind.sun:before,
.climacon.wind.cloud.sun:before {
  content: "\e023";
}
.climacon.wind.moon:before,
.climacon.wind.cloud.moon:before {
  content: "\e024";
}
.climacon.lightning:before,
.climacon.lightning.cloud:before {
  content: "\e025";
}
.climacon.lightning.sun:before,
.climacon.lightning.cloud.sun:before {
  content: "\e026";
}
.climacon.lightning.moon:before,
.climacon.lightning.cloud.moon:before {
  content: "\e027";
}
.climacon.sun:before {
  content: "\e028";
}
.climacon.sun.set:before,
.climacon.sunset:before {
  content: "\e029";
}
.climacon.sun.rise:before,
.climacon.sunrise:before {
  content: "\e02a";
}
.climacon.sun.low:before,
.climacon.sun-low:before,
.climacon.low-sun:before {
  content: "\e02b";
}
.climacon.sun.lower:before,
.climacon.sun-lower:before,
.climacon.lower-sun:before {
  content: "\e02c";
}
.climacon.moon:before {
  content: "\e02d";
}
.climacon.moon.new:before {
  content: "\e02e";
}
.climacon.moon.waxing.crescent:before,
.climacon.moon.first-crescent:before {
  content: "\e02f";
}
.climacon.moon.waxing.quarter:before,
.climacon.moon.first-quarter:before,
.climacon.moon.waxing.half:before,
.climacon.moon.first-half:before{
  content: "\e030";
}
.climacon.moon.waxing.gibbous:before,
.climacon.moon.first-gibbous:before,
.climacon.moon.waxing.three-quarter:before,
.climacon.moon.first-three-quarter:before {
  content: "\e031";
}
.climacon.moon.full:before {
  content: "\e032";
}
.climacon.moon.waning.gibbous:before,
.climacon.moon.last-gibbous:before,
.climacon.moon.waning.three-quarter:before,
.climacon.moon.last-three-quarter:before {
  content: "\e033";
}
.climacon.moon.waning.quarter:before,
.climacon.moon.last-quarter:before,
.climacon.moon.waning.half:before,
.climacon.moon.last-half:before {
  content: "\e034";
}
.climacon.moon.waning.crescent:before,
.climacon.moon.last-crescent:before {
  content: "\e035";
}
.climacon.snowflake:before {
  content: "\e036";
}
.climacon.tornado:before {
  content: "\e037";
}
.climacon.thermometer.empty:before,
.climacon.thermometer:before {
  content: "\e038";
}
.climacon.thermometer.low:before {
  content: "\e039";
}
.climacon.thermometer.medium-low:before {
  content: "\e03a";
}
.climacon.thermometer.medium-high:before {
  content: "\e03b";
}
.climacon.thermometer.high:before {
  content: "\e03c";
}
.climacon.thermometer.full:before {
  content: "\e03d";
}
.climacon.celcius:before {
  content: "\e03e";
}
.climacon.farenheit:before {
  content: "\e03f";
}
.climacon.compass:before {
  content: "\e040";
}
.climacon.compass.north:before {
  content: "\e041";
}
.climacon.compass.east:before {
  content: "\e042";
}
.climacon.compass.south:before {
  content: "\e043";
}
.climacon.compass.west:before {
  content: "\e044";
}
.climacon.umbrella:before {
  content: "\e045";
}
.climacon.sunglasses:before {
  content: "\e046";
}
.climacon.cloud.cycle:before,
.climacon.cloud.refresh:before {
  content: "\e047";
}
.climacon.cloud.down:before,
.climacon.cloud.download:before {
  content: "\e048";
}
.climacon.cloud.up:before,
.climacon.cloud.upload:before {
  content: "\e049";
}
