/*
 * Created with iconvau.lt
 */

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

.weather { font-size: 2em; }

.icon-sun::after,
.icon-cloud::after,
.icon-clouds::before, .icon-clouds::after,
.icon-cloudy::before, .icon-cloudy::after,
.icon-drizzle::before, .icon-drizzle::after,
.icon-rainy::before, .icon-rainy::after, 
.icon-snowy::before, .icon-snowy::after, 
.icon-frosty::before, .icon-frosty::after, 
.icon-thunder::before, .icon-thunder::after, 
.icon-mist::before, .icon-mist::after, 
.icon-hail::before, .icon-hail::after, 
.icon-windy::before, .icon-windy::after {
  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;
  color: rgb(204, 204, 204);
}

.icon-clouds::after { font-size: 0.6em; top: 0.77em; left: 0.28em; }
.icon-cloudy::before { font-size: 0.6em; top: 0.5em; left: 0.5em; }
.icon-cloudy::after { font-size: 0.6em; top: 0.35em; left: 0.2em; }

.icon-clouds::before,
.icon-cloudy::before,
.icon-drizzle::before,
.icon-rainy::before,
.icon-snowy::before,
.icon-frosty::before,
.icon-thunder::before,
.icon-hail::before,
.icon-windy::before { content: "\f105"; }

.icon-sun::after { content: "\f113"; color: rgb(255, 165, 0); }
.icon-cloud::after, .icon-clouds::after, .icon-cloudy::before, .icon-cloudy::after { content: "\f106"; }
.icon-cloudy::before, .icon-cloudy::after { color: #82b2e4; }
.icon-drizzle::after { content: "\f10a"; color: #82b2e4; }
.icon-rainy::after { content: "\f107"; color: #4681c3; }
.icon-snowy::after { content: "\f10b"; color: #82b2e4; }
.icon-frosty::after { content: "\f102"; color: #4681c3; }
.icon-thunder::after { content: "\f114"; color: rgb(255, 165, 0); }
.icon-mist::after { content: "\f108"; }
.icon-hail::after { content: "\f10f"; color: #82b2e4; }
.icon-windy::after { content: "\f115"; color: #82b2e4; }