#weatherwidget{
  /*padding-top: 20%;*/
  height:5em;
  position:relative;
}
#innerDiv{
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;
  display: -o-flex;
  -o-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;

  color: var(--textColor);
  position: absolute;
  top:0;
  bottom: 0;
  left:0;
  right: 0;
}
.forecastItem{
  position:relative;
  top:0;
  width: 20%;
  height:100%;
  color: var(--textColor);
  padding-left: 2.5%;
  padding-right: 2.5%;
}
.forecastEpoch{
  text-align: center;
  width: 100%;
}
.inRow{
  position: relative;
  width: 100%;
  height: 30%;
}

.forecastIcon{
  position: absolute;
  height: 100%;
  width: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
  float:left;
}
.temperatureValue{
  position: absolute;
  left: 50%;
  height:100%;
  margin-top:15%;
}
.weatherDescription{
  text-align: center;
  font-size:0.8em;
  height: 2.5em;
  white-space: normal;
 /* position: absolute;*/
  bottom:0;
  width: 100%;
}
.clear-day{
  background-image: url("/Images/Icons-DarkSky/clear-day.png");
}
.clear-night{
  background-image: url("/Images/Icons-DarkSky/clear-night.png");
}
.cloudy {
  background-image:  url("/Images/Icons-DarkSky/cloudy.png");
}
.fog{
  background-image: url("/Images/Icons-DarkSky/fog.png");
}
.partly-cloudy-day {
  background-image: url("/Images/Icons-DarkSky/partly-cloudy-day.png");
}
.partly-cloudy-night {
  background-image: url("/Images/Icons-DarkSky/partly-cloudy-night.png");
}
.rain {
  background-image: url("/Images/Icons-DarkSky/rain.png");
}
.sleet {
  background-image: url("/Images/Icons-DarkSky/sleet.png");
}
.snow {
  background-image: url("/Images/Icons-DarkSky/snow.png");
}
.wind {
  background-image: url("/Images/Icons-DarkSky/wind.png");
}

#darkSkyLink{
  text-align: right;
  font-size:0.75em;
  padding-top: 1.1em;
}
a{
  color: var(--textColor);
}