/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/
@font-face {
  font-family: 'weather';
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot");
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff") format("woff"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf") format("truetype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 27, ../sass/weather.scss */
#weather {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 20px;
}

/* line 35, ../sass/weather.scss */
i {
  color: #fff;
  font-family: weather;
  font-size: 3.0em;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6);
}

/* line 45, ../sass/weather.scss */
.icon-0:before {
  content: ":";
}

/* line 46, ../sass/weather.scss */
.icon-1:before {
  content: "p";
}

/* line 47, ../sass/weather.scss */
.icon-2:before {
  content: "S";
}

/* line 48, ../sass/weather.scss */
.icon-3:before {
  content: "Q";
}

/* line 49, ../sass/weather.scss */
.icon-4:before {
  content: "S";
}

/* line 50, ../sass/weather.scss */
.icon-5:before {
  content: "W";
}

/* line 51, ../sass/weather.scss */
.icon-6:before {
  content: "W";
}

/* line 52, ../sass/weather.scss */
.icon-7:before {
  content: "W";
}

/* line 53, ../sass/weather.scss */
.icon-8:before {
  content: "W";
}

/* line 54, ../sass/weather.scss */
.icon-9:before {
  content: "I";
}

/* line 55, ../sass/weather.scss */
.icon-10:before {
  content: "W";
}

/* line 56, ../sass/weather.scss */
.icon-11:before {
  content: "I";
}

/* line 57, ../sass/weather.scss */
.icon-12:before {
  content: "I";
}

/* line 58, ../sass/weather.scss */
.icon-13:before {
  content: "I";
}

/* line 59, ../sass/weather.scss */
.icon-14:before {
  content: "I";
}

/* line 60, ../sass/weather.scss */
.icon-15:before {
  content: "W";
}

/* line 61, ../sass/weather.scss */
.icon-16:before {
  content: "I";
}

/* line 62, ../sass/weather.scss */
.icon-17:before {
  content: "W";
}

/* line 63, ../sass/weather.scss */
.icon-18:before {
  content: "U";
}

/* line 64, ../sass/weather.scss */
.icon-19:before {
  content: "Z";
}

/* line 65, ../sass/weather.scss */
.icon-20:before {
  content: "Z";
}

/* line 66, ../sass/weather.scss */
.icon-21:before {
  content: "Z";
}

/* line 67, ../sass/weather.scss */
.icon-22:before {
  content: "Z";
}

/* line 68, ../sass/weather.scss */
.icon-23:before {
  content: "Z";
}

/* line 69, ../sass/weather.scss */
.icon-24:before {
  content: "E";
}

/* line 70, ../sass/weather.scss */
.icon-25:before {
  content: "E";
}

/* line 71, ../sass/weather.scss */
.icon-26:before {
  content: "3";
}

/* line 72, ../sass/weather.scss */
.icon-27:before {
  content: "a";
}

/* line 73, ../sass/weather.scss */
.icon-28:before {
  content: "A";
}

/* line 74, ../sass/weather.scss */
.icon-29:before {
  content: "a";
}

/* line 75, ../sass/weather.scss */
.icon-30:before {
  content: "A";
}

/* line 76, ../sass/weather.scss */
.icon-31:before {
  content: "6";
}

/* line 77, ../sass/weather.scss */
.icon-32:before {
  content: "1";
}

/* line 78, ../sass/weather.scss */
.icon-33:before {
  content: "6";
}

/* line 79, ../sass/weather.scss */
.icon-34:before {
  content: "1";
}

/* line 80, ../sass/weather.scss */
.icon-35:before {
  content: "W";
}

/* line 81, ../sass/weather.scss */
.icon-36:before {
  content: "1";
}

/* line 82, ../sass/weather.scss */
.icon-37:before {
  content: "S";
}

/* line 83, ../sass/weather.scss */
.icon-38:before {
  content: "S";
}

/* line 84, ../sass/weather.scss */
.icon-39:before {
  content: "S";
}

/* line 85, ../sass/weather.scss */
.icon-40:before {
  content: "M";
}

/* line 86, ../sass/weather.scss */
.icon-41:before {
  content: "W";
}

/* line 87, ../sass/weather.scss */
.icon-42:before {
  content: "I";
}

/* line 88, ../sass/weather.scss */
.icon-43:before {
  content: "W";
}

/* line 89, ../sass/weather.scss */
.icon-44:before {
  content: "a";
}

/* line 90, ../sass/weather.scss */
.icon-45:before {
  content: "S";
}

/* line 91, ../sass/weather.scss */
.icon-46:before {
  content: "U";
}

/* line 92, ../sass/weather.scss */
.icon-47:before {
  content: "S";
}

/* line 94, ../sass/weather.scss */
#weather h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 3.0em;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6);
}

/* line 103, ../sass/weather.scss */
#weather ul {
  margin: 0;
  padding: 0;
}

/* line 108, ../sass/weather.scss */
#weather li {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  display: inline-block;
  border-radius: 5px;
  margin-bottom: 15px;
}

/* line 116, ../sass/weather.scss */
#weather .currently {
  margin: 0 20px;
}