/* Weather Widget */
#weather { 
    display: inline-block; 
    background-position: left center; 
    background-repeat: no-repeat; 
    background-size: 32px 32px; 
    width: 100%; 
    height: 32px; 
    vertical-align: middle;
    z-index: 10; 
    word-break: initial;
    color: #698287;
    font-size: 20px;
}
.weather-container .city { display: block; float: right; font-size: 14px; line-height: 29px; height: 100%; }
#top-menu a#weather:hover { color: #698287; }
#temp { margin-left: 34px; }
.icon-01d { background-image: url(../images/icon-dark-01d.svg); }
.icon-02d { background-image: url(../images/icon-dark-02d.svg); }
.icon-03d { background-image: url(../images/icon-dark-03d.svg); }
.icon-04d { background-image: url(../images/icon-dark-04d.svg); }
.icon-09d { background-image: url(../images/icon-dark-09d.svg); }
.icon-10d { background-image: url(../images/icon-dark-10d.svg); }
.icon-11d { background-image: url(../images/icon-dark-11d.svg); }
.icon-13d { background-image: url(../images/icon-dark-13d.svg); }
.icon-50d { background-image: url(../images/icon-dark-50d.svg); }
.icon-01n { background-image: url(../images/icon-dark-01n.svg); }
.icon-02n { background-image: url(../images/icon-dark-02n.svg); }
.icon-03n { background-image: url(../images/icon-dark-03n.svg); }
.icon-04n { background-image: url(../images/icon-dark-04n.svg); }
.icon-09n { background-image: url(../images/icon-dark-09n.svg); }
.icon-10n { background-image: url(../images/icon-dark-10n.svg); }
.icon-11n { background-image: url(../images/icon-dark-11n.svg); }
.icon-13n { background-image: url(../images/icon-dark-13n.svg); }
.icon-50n { background-image: url(../images/icon-dark-50n.svg); }

/* Weather Forecast */
#forecast .icon-01d { background-image: url(../images/icon-dark-01d.svg); }
#forecast .icon-02d { background-image: url(../images/icon-dark-02d.svg); }
#forecast .icon-03d { background-image: url(../images/icon-dark-03d.svg); }
#forecast .icon-04d { background-image: url(../images/icon-dark-04d.svg); }
#forecast .icon-09d { background-image: url(../images/icon-dark-09d.svg); }
#forecast .icon-10d { background-image: url(../images/icon-dark-10d.svg); }
#forecast .icon-11d { background-image: url(../images/icon-dark-11d.svg); }
#forecast .icon-13d { background-image: url(../images/icon-dark-13d.svg); }
#forecast .icon-50d { background-image: url(../images/icon-dark-50d.svg); }
#forecast .icon-01n { background-image: url(../images/icon-dark-01n.svg); }
#forecast .icon-02n { background-image: url(../images/icon-dark-02n.svg); }
#forecast .icon-03n { background-image: url(../images/icon-dark-03n.svg); }
#forecast .icon-04n { background-image: url(../images/icon-dark-04n.svg); }
#forecast .icon-09n { background-image: url(../images/icon-dark-09n.svg); }
#forecast .icon-10n { background-image: url(../images/icon-dark-10n.svg); }
#forecast .icon-11n { background-image: url(../images/icon-dark-11n.svg); }
#forecast .icon-13n { background-image: url(../images/icon-dark-13n.svg); }
#forecast .icon-50n { background-image: url(../images/icon-dark-50n.svg); }
#forecast { text-align: center; }
#forecast.minified { font-size: 12px; }
#forecast .day h3 { color: rgb(100,100,100); border-bottom: solid 1px #fff; }
#forecast .day.today h3 { background: #f6dc87; color: #fff; text-transform: uppercase; }
#forecast h3, #forecast h4 { margin: 0; }
#forecast .day { width: 160px; display: inline-block; background: -webkit-linear-gradient(#f3f1ea, #f9f9f9); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#f3f1ea, #f9f9f9); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#f3f1ea, #f9f9f9); /* For Firefox 3.6 to 15 */ background: linear-gradient(#f3f1ea, #f9f9f9); /* Standard syntax */ border-right: #fff solid 1px; }
#forecast.minified .day { width: 120px; }
#forecast .day.today { line-height: 2.25; background: -webkit-linear-gradient(#f6dc87, #f9f9f9); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#f6dc87, #f9f9f9); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#f6dc87, #f9f9f9); /* For Firefox 3.6 to 15 */ background: linear-gradient(#f6dc87, #f9f9f9); /* Standard syntax */ }
#forecast .description::first-letter { text-transform: capitalize; }
#forecast .description { font-size: 12px; }
#forecast .temp strong { font-size: 30px; }
#forecast .temp { font-size: 12px; line-height: 1; padding-bottom: 10px; }
#forecast [class*="icon"] { height: 80px; width: 80px; margin: 5px 10px 0; background-size: cover; background-position: center; background-repeat: no-repeat; display: inherit; } 
#forecast.minified [class*="icon"] { width: 40px; height: 40px; }