.weather-widget{width:100%;background-color:#f1f1f1;padding:3rem 1rem 1rem 1rem;margin:0;float:left;text-align:center}.weather-widget i{background:url(/images/weather-widget-sprite.png) no-repeat 50% 200px}.weather-widget-today{display:inline-block;width:auto;height:9.6rem;margin:0 1rem;padding:0;vertical-align:top}.weather-widget-today span.title{display:inline-block;float:right;width:auto;height:4rem;font-size:3rem;line-height:2.5rem;text-align:right}.weather-widget-today span.date{position:relative;display:inline-block;float:right;clear:both;font-size:7rem;line-height:4.7rem;letter-spacing:-5px}.weather-widget-today span.date small{position:absolute;right:11.2rem;font-size:2.4rem;letter-spacing:0;-webkit-transform:rotate(-90deg);-webkit-transform-origin:right top;-moz-transform:rotate(-90deg);-moz-transform-origin:right top;-ms-transform:rotate(-90deg);-ms-transform-origin:right top;-o-transform:rotate(-90deg);-o-transform-origin:right top;transform:rotate(-90deg);transform-origin:right top}.weather-widget-icon{display:inline-block;width:auto;min-width:13rem;height:9.6rem;margin:0 1rem;padding:0;background-size:126px!important}.weather-widget-conditions{border-collapse:collapse;display:inline-table;width:auto;height:9.6rem;margin:0 1rem;padding:0;text-align:right;vertical-align:top}.weather-widget-conditions th{text-align:right;border:0;padding:0;padding-right:1rem;font-weight:400;vertical-align:middle}.weather-widget-conditions td b:not(:empty)::after{content:attr(data-u);font-weight:400}.weather-widget-conditions td{text-align:left;border:0;padding:0;padding-left:1rem;vertical-align:middle}.weather-widget-info{display:inline-block;width:100%;margin-top:1rem;font-size:1.3rem;text-align:right}.weather-widget-info span{float:left;display:inline-block;padding:.2rem .5rem;text-align:center;text-transform:uppercase;font-size:1.1rem}.weather-widget .bg-clr-dy{background-color:#f2c714}.weather-widget .bg-clr-nt{background-color:#86a9b2}.weather-widget-forecast{display:inline-block;width:100%;list-style:none;margin:2rem 0 0 0;padding:0}.weather-widget-forecast li{position:relative;display:inline-block;float:left;width:18.8%;height:32rem;margin:0;background-color:#e0e0e0;padding:16rem .5rem .5rem .5rem}.weather-widget-forecast li+li{margin-left:1.5%}.weather-widget-forecast i{display:inline-block;background-size:98px;width:100%;height:10rem;margin-bottom:1rem}.weather-widget-forecast i.o0{background-position:50% 0}.weather-widget-forecast i.o1{background-position:50% -105px}.weather-widget-forecast i.o2{background-position:50% -210px}.weather-widget-forecast i.o3{background-position:50% -315px}.weather-widget-forecast i.o4{background-position:50% -420px}.weather-widget-forecast i.o5{background-position:50% -525px}.weather-widget-forecast i.o6{background-position:50% -630px}.weather-widget-forecast i.o7{background-position:50% -735px}.weather-widget-forecast i.o8{background-position:50% -840px}.weather-widget-forecast i.o9{background-position:50% -945px}.weather-widget-forecast i.o10{background-position:50% -1050px}.weather-widget-forecast i.o11{background-position:50% -1155px}.weather-widget-forecast i.o12{background-position:50% -1260px}.weather-widget-forecast i.o13{background-position:50% -1365px}.weather-widget-forecast b{position:absolute;display:inline-block;text-align:center;bottom:16rem;width:42%;padding:.5rem 0 0 0;border:0 solid}.weather-widget-forecast b::after{content:'°F'}.weather-widget-forecast b:nth-of-type(1){border-color:#f2c714;right:50%}.weather-widget-forecast b:nth-of-type(2){border-color:#86a9b2;left:50%}.weather-widget-forecast span.day{display:inline-block;width:100%;text-align:center;font-size:2rem;text-transform:uppercase}.weather-widget-forecast span.pop{position:relative;width:100%;bottom:5.3rem;text-align:center;font-size:1rem;line-height:1.5rem;vertical-align:text-bottom;color:rgba(0,0,0,.8)}.weather-widget-forecast span.pop span{display:inline-block;padding:0 .5rem}.weather-widget-forecast span.pop::before{content:'POP: '}.weather-widget-forecast span.pop:empty{display:none}@media (max-width:499px){.weather-widget-forecast li{width:32.33%}.weather-widget-forecast li:nth-of-type(n+4){display:none}}