: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}.widget7day .locationheader{background:var(--lineargradient);height:50px;width:100%;border-bottom:1px solid #ccdaf0;color:var(--textcolor);white-space:nowrap}.widget7day .locationheader>*{display:inline-block}.widget7day .locationheader .condshort .condicon{width:35px;height:35px;padding:0;margin:0}.widget7day .locationheader .condshort .condicon .cls-1{fill:var(--textcolor)fff}.widget7day .locationheader .locationheadername{text-transform:uppercase;line-height:50px;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:top;width:100%;-webkit-user-select:none;user-select:none}.widget7day .locationheader .locationheadertempandcond{max-width:150px;position:absolute;right:0}.widget7day .locationheader .locationheadertemp{line-height:51px;padding-right:45px}.widget7day .locationheader .condshort{vertical-align:top;padding:8px 10px}.widgetloader{border:16px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:120px;height:120px;animation:spin 1s linear infinite;margin:50px auto 0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hourlysunline{width:100%;border-bottom:2px solid #adaeb5;color:#b1b2b1;height:32px;background:#fff;margin:-22px 0 11px}.hourlysunline .hourlysunlabel{width:85px;text-align:center;text-transform:uppercase;display:block;margin:0 auto;background:#fff;position:relative;top:9px;font-size:14px;white-space:nowrap}.hourlysunline .hourlysunlabel:first-child{left:calc(95px - 50%);top:24px}html .hourlysunline.newday .hourlysunlabel{width:140px;text-align:center;text-transform:uppercase;display:block;margin:0 auto;background:#fff;position:relative;font-size:14px;white-space:nowrap;top:24px;left:0}@media screen and (min-width:900px){.hourlysunline .hourlysunlabel:first-child{left:-395px}}@media screen and (max-width:900px){.widget7day .locationheader .locationheadertemp{padding-right:40px}}@media screen and (max-width:600px){.widget7day .locationheader .locationheadertemp{padding-right:25px}.widget7day .locationheader .locationheadername{width:calc(100% - 105px)}}@media screen and (max-width:320px){.widget7day .locationheader .locationheadertemp{padding-right:15px}}.dayssecondheader{width:100%;line-height:42px;border-bottom:1px solid #a7a9b0;box-sizing:border-box;padding:7px 15px;height:54px}.dayssecondheaderlabel{color:#bfbfbf}.dayssecondheader div{display:inline-block}.dayssecondheader.dayssecondheader7days div:first-child,.dayssecondheader.dayssecondheaderhourly div:nth-child(3){color:var(--heavycolor)}.dayssecondheader div:first-child,.dayssecondheader div:nth-child(3){cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700}.dayssecondheader .dayssecondheaderlabelwrapper{width:65%;color:#bfbfbf;font-weight:700;letter-spacing:.5px}.dayssecondheader.dayssecondheader7days .dayssecondheaderwind{position:absolute;right:0;padding-right:55px;text-align:right;box-sizing:border-box}.dayssecondheader.dayssecondheader7days .dayssecondheaderprecip{position:absolute;right:17.5%;padding-right:15px}.dayssecondheader.dayssecondheaderhourly .dayssecondheaderwind{position:absolute;right:calc(50% - 450px);padding-right:15px;text-align:right;box-sizing:border-box;width:180px}.dayssecondheader.dayssecondheaderhourly .dayssecondheaderprecip{position:absolute;right:calc(50% - 270px);padding-right:0;width:180px}.dayssecondheader .dayssecondheaderprecip,.dayssecondheader .dayssecondheaderwind{width:17.5%;font-size:14px;color:grey}.dayssecondheader .dayssecondheaderprecip{text-align:center}@media screen and (max-width:980px){.dayssecondheader.dayssecondheaderhourly .dayssecondheaderwind{right:40px;width:20%}.dayssecondheader.dayssecondheaderhourly .dayssecondheaderprecip{right:20%;width:20%;padding-right:15px}}@media screen and (max-width:900px){.dayssecondheader.dayssecondheader7days{padding:7px 15px}.dayssecondheader .dayssecondheaderlabelwrapper{width:50%}.dayssecondheader .dayssecondheaderprecip,.dayssecondheader .dayssecondheaderwind{width:25%}.dayssecondheader.dayssecondheader7days .dayssecondheaderwind{padding-right:25px}.dayssecondheader.dayssecondheader7days .dayssecondheaderprecip{right:17.5%;padding-right:8px}}@media screen and (max-width:600px){.dayssecondheader .dayssecondheaderprecip,.dayssecondheader .dayssecondheaderwind{width:20%}.dayssecondheader .dayssecondheaderlabelwrapper{width:60%}.dayssecondheader.dayssecondheader7days .dayssecondheaderprecip{right:20%;padding-right:8px}}@media screen and (max-width:500px){.dayssecondheader .dayssecondheaderprecip,.dayssecondheader .dayssecondheaderwind{width:13%;font-size:12px}.dayssecondheader .dayssecondheaderwind{padding:0 8px 0 0}.dayssecondheader.dayssecondheaderhourly{padding:7px 15px}.dayssecondheader .dayssecondheaderlabelwrapper{width:74%}.dayssecondheader.dayssecondheader7days .dayssecondheaderprecip{right:13%;padding-right:8px}.dayssecondheader.dayssecondheaderhourly .dayssecondheaderwind{right:15px}.dayssecondheader.dayssecondheaderhourly .dayssecondheaderprecip{padding-right:8px}}@media screen and (max-width:400px){.dayssecondheader .dayssecondheaderprecip,.dayssecondheader .dayssecondheaderwind{font-size:10px}.dayssecondheader .dayssecondheaderwind{padding:0 1px 0 0}.dayssecondheader.dayssecondheaderhourly .dayssecondheaderwind{right:8px}.dayssecondheader.dayssecondheaderhourly .dayssecondheaderprecip{padding-right:4px}}.hourline{width:100%;box-sizing:border-box;padding:7px 40px;white-space:nowrap;border-bottom:1px solid #e9e9eb}.hourline .hourlinewrapper{display:table;width:100%;max-width:900px;margin:0 auto}.hourline .hourlinewrapper>div:first-child{color:#a2a2a3}.hourline .hourlinewrapper>div:nth-child(2){text-align:center}.hourline .hourlinewrapper>*{display:table-cell;width:20%}.hourline .precipshort div:first-child,.hourline .windshort div:nth-child(3){display:none}.hourline .windshort div:first-child{float:right}.hourline .hourlinewrapper *{font-size:18px;line-height:56px}@media screen and (max-width:500px){.hourline{padding:7px 15px}}.windshort{display:inline-block;text-align:right}.windshort *{display:inline-block;vertical-align:top;font-size:18px;color:#3d3e3f;line-height:56px}.windshort div:first-child{background:url(../../static/media/North.fa5252d0.svg) no-repeat 50%;background-size:contain;width:20px;height:20px;margin:18px 8px 0}@media screen and (max-width:900px){.windshort div:nth-child(3){display:none}.windshort div:first-child{float:right;width:15px;height:15px;margin:21px 8px 0}.windshort *{font-size:18px;margin:0}}@media screen and (max-width:400px){.windshort div:first-child{margin:21px 3px 0}.windshort *{font-size:12px;margin:0}}.precipshort{display:inline-block;text-align:center}.precipshort *{display:inline-block;vertical-align:top;font-size:18px;color:#3d3e3f;line-height:56px}.precipshort div:first-child{background:url(../../static/media/Precip\ Icon.3630b9ea.svg) no-repeat 50%;background-size:contain;width:20px;height:20px;margin:18px 4px 0}@media screen and (max-width:900px){.precipshort div:first-child{display:none}.precipshort *{font-size:18px;margin:0}}@media screen and (max-width:400px){.precipshort div:first-child{display:none}.precipshort *{font-size:12px;margin:0}}.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}}.dayline{display:table;width:100%;box-sizing:border-box;padding:7px 40px;white-space:nowrap;border-bottom:1px solid #e9e9eb}.dayline .condshort,.dayline .dateshort,.dayline .precipshort,.dayline .tempdouble,.dayline .windshort{display:table-cell;width:17.5%}div.dayline .condshort{width:30%}@media screen and (max-width:900px){.dayline{padding:7px 15px}.dayline .dateshort{margin-top:-14px;display:block}div.dayline .tempdouble{position:absolute;margin-top:-38px;width:0}.dayline .dateshort,.dayline .precipshort,.dayline .tempdouble{width:25%}div.dayline .condshort{width:32.5%}.dayline .windshort{width:17.5%}}.dateshort,.dateshort *{display:inline-block}.dateshort *{vertical-align:top;font-size:18px;color:#3d3e3f;line-height:56px}.dateshort div:first-child{font-size:18px;text-transform:uppercase;margin-right:4px}.dateshort div:last-child{font-size:15px;color:grey}@media screen and (max-width:900px){.dateshort *{margin-top:3px}.dateshort div:first-child{font-size:15px}}@media screen and (max-width:600px){.dayline .condshort,.dayline .dateshort,.dayline .precipshort,.dayline .tempdouble,.dayline .windshort{width:20%}div.dayline .condshort{width:40%}}@media screen and (max-width:500px){.dayline .condshort,.dayline .precipshort,.dayline .windshort{width:13%}.dayline .dateshort,.dayline .tempdouble{width:22%}div.dayline .condshort{width:52%}}.tempdouble{display:inline-block;text-align:center}.tempdouble *{display:inline-block;vertical-align:top;font-size:18px;color:#3d3e3f;line-height:56px;letter-spacing:1px}.tempdouble div:first-child{font-size:32px}.tempdouble div:last-child{font-size:28px;color:grey;font-weight:400;line-height:58px}@media screen and (max-width:900px){.tempdouble *{margin-top:3px}.tempdouble div:first-child{font-size:18px}.tempdouble div:last-child{font-size:16px}}@media screen and (max-width:400px){.tempdouble div:first-child{font-size:14px}.tempdouble div:last-child{font-size:12px;line-height:56px}}.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}.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}