/* Weather Widget Styling */
.weather-widget{min-height:285px; /*this setting can be removed */}
.weather-location-name{font-size:18px;text-align:center;margin-bottom:15px;border-bottom:2px solid #eee;padding-bottom:7px}
.current-weather{display:flex;justify-content:space-around;align-items:center;margin-bottom:8px;border-bottom:2px solid #eee;padding:10px}
.current-temp{font-size:2.5em;font-weight:700}
.current-conditions{display:flex;flex-direction:column;align-items:center;text-transform:capitalize;font-size:17px}
.current-conditions img{width:50px;height:50px}
.forecast-container{display:flex;justify-content:space-between;text-align:center}
.forecast-day{flex:1;padding:5px}.forecast-day-name{font-size:14px;color:#444;margin-bottom:8px}
.forecast-day img{width:40px;height:40px}
.forecast-temps{color:#fff;font-size:6px; /*Change the color and size to see the / between high and low */}
.forecast-temps .high{font-weight:700;color:#000;font-size:17px}
.forecast-temps .low{color:#666;font-size:14px}
.today-forecast-temps{display:flex;flex-direction:column;align-items:center;justify-content:center}
.today-forecast-label{font-size:18px;margin:6px 0 11px}
.today-forecast-temps .temps-wrapper{font-size:9px;color:#fff; /*Change the color and size to see the / between high and low */}
.today-forecast-temps .high{font-weight:700;font-size:36px;color:#000}
.today-forecast-temps .low{color:#666;font-weight:400;font-size:26px}
.today-forecast-temps .temp-unit{color:#787878;font-weight:400;font-size:15px;position:relative;top:-8px;}
.weather-widget .wi{font-size:45px;line-height:1;margin-bottom:5px;color:#666}
.forecast-day .wi{font-size:40px}
.weather-extra-details{display:flex;justify-content:space-between;font-size:.9em;color:#555;padding:10px 5px;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:10px}
.wind-details{display:flex;align-items:center}
.wind-details .wi{font-size:1.5em;margin-right:5px;line-height:1}
.last-updated{text-align:center;font-size:.8em;color:#999;margin-top:15px}