:root{--basecolor:#2277b9;--lightcolor:#45aaf2;--heavycolor:#2650a3;--lineargradient:linear-gradient(90deg,#2650a3 0%,#346dc4 50%,#2650a3);--gradient:radial-gradient(ellipse at center,#3167be 0%,#2650a3 100%);--imagecolor:#4694d9;--semitransparentheavycolor:rgba(0,0,150,0.25);--sidegradient:linear-gradient(90deg,#3e62bc 0%,#204698);--textcolor:#fff}body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.current{background:var(--gradient);width:100%;height:490px}.current .location{z-index:5}.current .locationwrapper .locationheadername{color:var(--textcolor);text-transform:uppercase}.current .locationheadername{background:var(--lightcolor);width:100%;height:45px;line-height:45px;text-indent:0;text-align:center;position:relative;z-index:2}.current .locationheaderarrow{height:46px}.current .locationheadertempandcond{position:absolute}.currentnws .cls-1,.currentsun .cls-1,.locationheadertempandcond .condshort .cls-1{stroke:none}.currentleft{height:100%}.currentleftbck{background:var(--semitransparentheavycolor);height:488px;box-shadow:0 0 3px var(--semitransparentheavycolor);width:33%;min-width:350px;position:absolute;z-index:1}.current .currentsvgicon{width:40px;display:inline-block;line-height:40px;vertical-align:top;height:40px;margin-right:15px}.currentnwstext,.currentsunrise,.currentsunset{line-height:40px;text-align:center;font-size:18px;margin-top:10px}.current .currentnws .currentsvgicon{position:absolute;margin:-11px 0 0 -40px;display:inline-block;line-height:25px;width:40px;height:40px}.currentsunrise,.currentsunset{white-space:nowrap}.currentnwstext{text-transform:uppercase;line-height:18px;padding-right:10px}.currentcurrent{background:#fff}.currentcurrent table{width:100%;box-sizing:initial;background:#fff;margin:0 auto}.currentcurrent table td{line-height:45px;padding:5px 3%;text-transform:uppercase;white-space:nowrap}.currentcurrent table th{text-align:left;border-bottom:2px solid #a7a9b0;line-height:45px;color:var(--heavycolor);text-transform:uppercase;padding-left:3%}.currentcurrent table td span{float:right;font-weight:700;text-transform:none}.currentcondandfeellike{position:absolute;color:var(--textcolor)}.currentcondandfeellike div:first-child{text-transform:uppercase}.current900 .currentleft,.current900 .location{width:33%;min-width:350px}.current900 .citieslist,.current900 .citieslist .citieslistitem .citieslistlabel,.current900 .recentlist{width:100%}.current900 .citieslist .citieslistitem .citieslistlabel{padding-right:65px;box-sizing:border-box}.current900 .citieslist .citieslistitem{white-space:nowrap}.current900 .citieslist .citieslistitem .condshort{margin-left:-65px}.current900 .condshort .condicon{width:45%;margin:-15px auto 0;max-width:500px}.current900 .locationheadertempandcond{width:100%;left:0;top:0}.current900 .locationheadertempandcond .condshort{width:100%}.current900.current .currentnws .currentsvgicon{margin:-11px 15px 0 -25px;position:static}.current900.current .currentnws .currentnwstext{line-height:22px}.current900 .locationheadertempandcond .locationheadertemp{font-size:140px;top:80px;position:absolute;padding:0 15px 25px;border-bottom:2px solid var(--textcolor);width:200px;right:10%;text-align:center;text-indent:15px}.current900 .currentnws,.current900 .currentsun{width:80%;box-sizing:border-box;padding:0 0 30px;margin:60px 10%;position:relative;z-index:3}.current900 .currentleft hr{height:30px;border:none;border-top:2px solid var(--textcolor);width:230px}.current900 .currentcurrent{background:rgba(193,193,247,.25);padding:25px 0 25px 25px;width:100%;box-sizing:border-box;height:217px;position:relative;z-index:5}.current900 .currentcondandfeellike{top:310px;right:10%;width:200px;text-align:center;font-size:24px;text-indent:-15px}.current400{height:620px}.current400 .location{width:100%;top:45px}.current400 .citieslist,.current400 .citieslist .citieslistitem .citieslistlabel,.current400 .recentlist{width:100%}.current400 .citieslist .citieslistitem .citieslistlabel{padding-right:65px;box-sizing:border-box}.current400 .citieslist .citieslistitem{white-space:nowrap}.current400 .citieslist .citieslistitem .condshort{margin-left:-65px}.current400 .locationheadertempandcond{position:static;height:250px;width:100%;max-width:600px;display:block;margin:0 auto}.current400 .locationheadertempandcond .condshort{width:50%;height:200px}.current400 .locationheadertempandcond .condshort .condicon{max-width:220px;width:100%}.current400 .locationheadertempandcond .locationheadertemp{font-size:100px;line-height:100px;position:static;padding:5px 0;width:180px;text-align:center;text-indent:28px;border-bottom:2px solid var(--textcolor);margin:30px 10% 0 -10%;float:right;box-sizing:border-box}.current400 .currentcurrent{width:100%}.current400 .currentcondandfeellike{width:100%;max-width:600px;text-align:center;white-space:nowrap;margin:-40px auto 20px;position:static}.current400 .currentcondandfeellike .currentcondandfeellikeinnerwrapper{width:180px;float:right;margin:-40px 10% 0 -10%}.current400 .currentmiddle{width:100%;background:var(--heavycolor);line-height:100px}.currentmiddleinnerwrapper{width:100%;max-width:600px;margin:0 auto}.current400 .currentmiddle .currentsun{vertical-align:top}.current400 .currentmiddle .currentnws{vertical-align:middle}.current400 .currentmiddle .currentnws,.current400 .currentmiddle .currentsun{width:50%;display:inline-block;box-sizing:border-box;padding-bottom:10px}.current400 .currentnwstext{text-indent:35px;line-height:20px}.current400 .currentnwstext .currentsvgicon{text-indent:0}.current400 .currentnwstext,.current400 .currentsunrise,.current400 .currentsunset{font-size:13px}.current400 .currentcurrent table td{padding:5px 25px 5px 10px;font-size:13px}.current400 .currentcurrent table{max-width:600px}.current400.current table .currentsvgicon{margin-right:5px}.current320{height:620px}.current320 .citieslist,.current320 .citieslist .citieslistitem .citieslistlabel,.current320 .location,.current320 .recentlist{width:100%}.current320 .citieslist .citieslistitem .citieslistlabel{padding-right:65px;box-sizing:border-box}.current320 .citieslist .citieslistitem{white-space:nowrap}.current320 .citieslist .citieslistitem .condshort{margin-left:-65px}.current320 .locationheadertempandcond{position:absolute;left:0;top:55px;height:390px;width:100%}.current320 .locationheadertempandcond .condshort .condicon{width:125px;float:right;margin-top:-10px}.current320 .locationheadertempandcond .locationheadertemp{font-size:100px;color:var(--textcolor);border-bottom:2px solid var(--textcolor)}.current320 .locationheadertempandcond .condshort,.current320 .locationheadertempandcond .locationheadertemp{top:0;position:absolute;width:280px;margin-left:-140px;left:50%}.current320 .currentcurrent{width:100%}.current320 .currentcondandfeellike{position:absolute;top:185px;width:100%;text-align:center}.current320 .currentmiddle{color:var(--textcolor);margin-top:190px;width:100%;background:var(--heavycolor);padding:5px 5px 15px;box-sizing:border-box}.current320 .currentmiddle .currentnws,.current320 .currentmiddle .currentsun{width:280px;margin:0 auto}.current320 .currentmiddle .currentnws{padding-left:55px;box-sizing:border-box}.current320.current .currentnws .currentsvgicon{margin-left:-58px}.current320 .currentnwstext{margin-top:15px;margin-left:6px}.current320 .currentnwstext,.current320 .currentsunrise,.current320 .currentsunset{font-size:15px;text-align:left}.current320 .currentsunrise,.current320 .currentsunset{margin-left:2px}.current320 .currentsunrise .currentsvgicon,.current320 .currentsunset .currentsvgicon{margin-right:19px}.current320 .currentcurrent table td{padding:0;font-size:14px;line-height:40px}.current320 .currentcurrent table{width:280px;margin-bottom:20px}.location{width:320px;position:absolute;background:#fff;box-shadow:inset 0 0 1px #ccc;z-index:2}.locationheadername{text-indent:25px;cursor:pointer;font-size:16px}.locationheaderarrow{width:15px;height:51px;display:inline-block;text-indent:0;margin-right:15px}.locationheaderarrow .cls-arrow{stroke:var(--textcolor)}.locationopened .locationheaderarrow{transform:rotate(180deg)}.locationsearchwrapper{background:#f2f2f2}.locationsearchwrapper input{width:260px;margin:10px 30px;height:22px;border:none;border-radius:4px;text-indent:25px;background-size:16px 16px}.locationsearchicon{position:absolute;width:15px;margin:14px 0 0 36px}.locationsearchicon .cls-1{fill:#7e7e7e}.location .citieslist{max-height:200px;overflow:auto}.locationheader div{display:inline-block}.recentlist{width:320px}.recentlist label{padding:0 15px;color:#7f7f7f;text-transform:uppercase;display:block;height:40px;line-height:40px;letter-spacing:.5px;font-size:15px}.condshort{display:inline-block;text-align:center}.condshort *{display:inline-block;vertical-align:top;font-size:14px;color:grey}.condshort .condicon{width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-right:10px;margin-top:6px}.condshortinline{display:inline-block;font-size:14px;margin-right:6px;white-space:normal}.condshortwrap{display:table}.condshortwrap div{display:table-cell;vertical-align:middle;width:130px;height:56px;line-height:22px}@media screen and (max-width:900px){.condshort .condicon{width:35px;height:35px;margin-top:12px}.condshortwrap div{display:table-cell;vertical-align:middle;width:130px}}@media screen and (max-width:400px){.condshortwrap div{display:table-cell;vertical-align:middle;width:85px;font-size:12px;line-height:14px}.condshort .condicon{margin-right:2px}}.citieslist{width:320px}.citieslist .citieslistitem div{display:inline-block;vertical-align:top}.citieslist .citieslistitem{height:38px;border-bottom:1px solid #dfe1e5;margin:0 25px;padding:0 5px;line-height:38px;white-space:nowrap}.citieslist .citieslistitem:last-child{border-bottom:none}.citieslist .citieslistitem .condshort .condicon{margin:0 10px 0 0;padding:0;width:35px;height:35px}.citieslist .citieslistitem .citieslistlabel{width:190px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.citieslist .citieslistwithoutinfo.citieslistitem .citieslistlabel{width:260px}.citieslist .citieslistitem.citieslistwithoutinfo .citieslisttemp,.citieslist .citieslistitem.citieslistwithoutinfo .condshort{display:none}.current,.currentleft{background:var(--basecolor)}.current .locationheadername{background:linear-gradient(90deg,#204597,#346dc4 50%,#204597)}.currentnws .cls-1,.currentsun .cls-1,.locationheadertempandcond .condshort .cls-1{fill:var(--imagecolor)}.current320 .locationheadertempandcond .locationheadertemp,.currentcondandfeellike,.currentnwstext,.currentsunrise,.currentsunset{color:var(--textcolor)}.current900 .locationwrapper{width:100%;position:absolute;top:0}.current900 .currentleft{margin-top:140px;padding:60px 0;box-shadow:1px 0 0 0 var(--lightcolor);box-sizing:border-box;min-width:300px}.current900 .locationheadertempandcond .locationheadertemp{color:var(--textcolor);top:160px}.current900 .currentnws,.current900 .currentsun{width:100%;padding:0 2.5%;margin:30px 0;color:var(--textcolor);border:none}.current900 .currentcurrent{background:none}.current900 .currentcondandfeellike{top:340px}.currentwhitelabel{color:var(--heavycolor);text-transform:uppercase;margin-bottom:20px;font-weight:700}.current400 .locationheadertempandcond .locationheadertemp{color:var(--textcolor);margin:45px 10% 0 -10%}.current400 .currentcondandfeellike{margin:-75px auto 35px}.current400 .currentcondandfeellike .currentcondandfeellikeinnerwrapper{margin:0 10% 0 -10%}.current400 .currentmiddle{color:var(--textcolor);background:var(--basecolor)}.currentmiddleinnerwrapper{border-top:2px solid var(--heavycolor);border-bottom:2px solid var(--heavycolor)}.current400 .currentmiddle .currentsun{box-shadow:1px 0 0 0 var(--lightcolor)}.current400 .currentmiddle .currentnws{box-shadow:1px 0 0 0 var(--lightcolor) inset}.current400 .currentwhitelabel{width:100%;max-width:600px;margin:0 auto;line-height:40px;padding-left:25px;box-sizing:border-box}.current400 .locationwrapper{height:295px}.current400 .locationheader{height:45px;line-height:45px}.current320 .currentcurrent,.current320 .currentmiddle{border-top:2px solid var(--heavycolor)}.current320 .currentmiddle{margin-top:230px;background:var(--basecolor)}.current900 .locationwrapper .locationheadername{text-indent:2.5%;text-align:left}.current900.current .locationheaderarrow{height:80px}.current900 .currentwhitelabel{position:absolute;width:95%;margin:0 2.5%;top:100px;padding:10px 0;box-sizing:border-box;border-bottom:2px solid var(--heavycolor);text-indent:10px}.current900 .currentcurrent{height:auto;padding:0;border-top:2px solid var(--heavycolor);width:95%;margin:0 2.5%}.current900 .condshort .condicon{width:33%;margin:140px auto 0;max-width:310px}@media screen and (min-width:1100px){.currentcurrent table td{padding:5px 6%}}@media screen and (min-width:650px){.current400 .currentwhitelabel{padding-left:0}}html body{--basecolor:#fff;--lightcolor:#efefef;--heavycolor:#d3d4d7;--lineargradient:linear-gradient(90deg,#2650a3 0%,#346dc4 50%,#2650a3);--gradient:radial-gradient(ellipse at center,#3167be 0%,#2650a3 100%);--imagecolor:#cfcfcf;--semitransparentheavycolor:rgba(0,0,150,0.25);--sidegradient:linear-gradient(90deg,#3e62bc 0%,#204698);--textcolor:#000}