/*!
 *  Weather Icons 2.0
 *  Updated August 1, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, SCSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */


/*!
 *  Weather Icons 2.0
 *  Updated August 1, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, SCSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */

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

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'iconvault';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 6em;

}

@media only screen and (min-width: 479px) and (max-width: 678px){
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'iconvault';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;}
}


/* -----BaseCloud----- */

	.basecloud:before  {
	font-family: 'iconvault';
	font-size:6em;
	content: '\f105';
	position:absolute;
	color:rgb(204, 204, 204);
	}
	
	
	
/* -----windyraincloud----- */

	.windyraincloud:before  {
	font-family: 'iconvault';
	font-size:6em;
	content: '\f111';
	position:absolute;
	color:rgb(204, 204, 204);
	}
	
/* -----Windysnowcloud----- */

	.windysnowcloud:before  {
	font-family: 'iconvault';
	font-size:6em;
	content: '\f109';
	position:absolute;
	color:rgb(204, 204, 204);
	}

/* -----Basethundercloud----- */

	.basethundercloud:before  {
	font-family: 'iconvault';
	font-size:6em;
	content: '\f105';
	position:absolute;
	color:#000;

	}


/* -----Thunder----- */

	.icon-thunder::before  {
	content: "\f114";
	position:absolute;
	color:rgb(255, 165, 0);
	}

/* -----Sunny----- */

	.icon-sunny::after {
	content: "\f101";
	color:rgb(255, 165, 0);
	position: absolute;
	}


/* -----Drizzle----- */

	.icon-drizzle::before  {
	content: "\f10a";
	color: #82b2e4;
	position: absolute;
}

/* -----Hail----- */

	.icon-hail::before {
	content: "\f10f";
	position:absolute;
	color:rgb(204, 204, 204);}

/* -----Showers----- */

	.icon-showers::before  {
	content: "\f104";
	position:absolute;
	color:#82b2e4;
}

/* -----Rainy----- */

	.icon-rainy::before {
	content: "\f107";
	position:absolute;
	color:#4681c3;
	}

/* -----Snowy----- */

	.icon-snowy::before  {
	content: "\f10b";
	position:absolute;
	color:#acd3f3;
	}

/* -----Frosty----- */

	.icon-frosty::before {
	content: "\f102";
	position:absolute;
	color:#85d8f7;
	}

/* -----Windy----- */

	.icon-windy::before  {
	content: "\f115";
	position:absolute;
	color:rgb(204, 204, 204);
	}

/* -----WindyRain----- */

	.icon-windyrain::before {
	content: "\f10e";
	position:absolute;
	color:#acd3f3;
	}

/* -----WindySnow----- */

	.icon-windysnow::before {
	content: "\f103";
	position:absolute;
	color:#acd3f3;
	}

/* -----Sleet----- */

	.icon-sleet::before  {
	content: "\f10c";
	position:absolute;
	color:#acd3f3;
	}

/* -----Moon----- */

	.icon-moon::after {
	content: "\f10d";
	color:rgb(255, 165, 0);
	position: absolute;
	}

/* -----Night----- */

	.icon-night::after {
	content: "\f100";
	position:absolute;
	color:rgb(255, 165, 0);
	}


/* -----Sun----- */

	.icon-sun::after {
	content: "\f113";
	color:rgb(255, 165, 0);
	position: absolute;
	}

/* -----Cloud----- */

	.icon-cloud::after {
	content: "\f106";
	color:rgb(204, 204, 204);
	position: absolute;
	}


/* -----Sunrise----- */

	.icon-sunrise:before  {
	content: '\f112';
	color:rgb(255, 165, 0);
	position: absolute;
	}

/* -----Sunset----- */

	.icon-sunset:before  {
	content: '\f110';
	color:#f96f23;
	position: absolute;
	}

/* -----Mist----- */

	.icon-mist:before  {
	content: '\f108';
	color:rgb(204, 204, 204);
	position: absolute;
	}