/*
 * Created with iconvau.lt
 */

@font-face {
  font-family: "iconvault";
  src: url("../fonts/iconvault_forecastfont.eot");
  src: url("../fonts/iconvault_forecastfont.eot?#iefix") format("embedded-opentype"),
       url("../fonts/iconvault_forecastfont.woff") format("woff"),
       url("../fonts/iconvault_forecastfont.ttf") format("truetype"),
       url("../fonts/iconvault_forecastfont.svg#iconvault") format("svg");
  font-weight: normal;
  font-style: normal;
}
.logo-icon{
  font-size: 3em;
  position: relative;
  height: 42px;
  width: 42px;
  display: inline-block;
}
.logo-icon .icon,
.logo-icon .icon:after,
.logo-icon .icon:before{
  font-family: "iconvault";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  top: 0;
  left: 0;
}

.basecloud:before  {
  content: '\f105';
  color:rgb(204, 204, 204);
}
.windyraincloud:before  {
  content: '\f111';
  color:rgb(204, 204, 204);
}
.windysnowcloud:before  {
  content: '\f109';
  color:rgb(204, 204, 204);
}
.basethundercloud:before  {
  content: '\f105';
  color:#000;
}
.thunder:before  {
  content: "\f114";
  color:rgb(255, 165, 0);
}
.sunny:after {
  content: "\f101";
  color:rgb(255, 165, 0);
}
.drizzle:before  {
  content: "\f10a";
  color: #82b2e4;
}
.hail:before {
  content: "\f10f";
  color:rgb(204, 204, 204);
}
.showers:before  {
  content: "\f104";
  color:#82b2e4;
}
.rainy:before {
  content: "\f107";
  color:#4681c3;
}

.snowy:before  {
  content: "\f10b";
  color:#acd3f3;
}
.frosty:before {
  content: "\f102";
  color:#85d8f7;
}
.windy:before  {
  content: "\f115";
  color:rgb(204, 204, 204);
}
.windyrain:before {
  content: "\f10e";
  color:#acd3f3;
}
.windysnow:before {
  content: "\f103";
  color:#acd3f3;
}
.sleet:before  {
  content: "\f10c";
  color:#acd3f3;
}
.moon:after {
  content: "\f10d";
  color:rgb(255, 165, 0);
}
.night:after {
  content: "\f100";
  color:rgb(255, 165, 0);
}
.sun:after {
  content: "\f113";
  color:rgb(255, 165, 0);
}

.cloud:after {
  content: "\f106";
  color:rgb(204, 204, 204);
}
.sunrise:before  {
  content: '\f112';
  color:rgb(255, 165, 0);
}
.sunset:before  {
  content: '\f110';
  color:#f96f23;
}
.mist:before  {
  content: '\f108';
  color:rgb(204, 204, 204);
}