/* Regiopult Mini: Safari iOS 9 layout; no Grid, variables, backdrop filter or external fonts. */
*{box-sizing:border-box}html{background:#071725}body{margin:0;background:#071725;color:#effaff;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:15px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}button{font-family:inherit;-webkit-appearance:none;cursor:pointer}button:focus,a:focus{outline:2px solid #76e7ed}a{color:#79e6ed}small{font-size:12px}.clearfix:after{content:"";display:table;clear:both}#app{max-width:1180px;padding:10px 14px 8px;margin:auto}.bar{height:58px;border-bottom:1px solid #294358;margin-bottom:11px;padding:2px 3px 9px}.brand{float:left;height:48px}.brand img{float:left;width:46px;height:46px;border-radius:10px}.brandcopy{float:left;margin-left:9px;padding-top:3px}.brandcopy strong{display:block;font-size:20px;letter-spacing:2px;line-height:25px}.brandcopy em{font-style:normal;font-size:11px;letter-spacing:1px;border:1px solid #55c6d5;color:#8ee9ee;border-radius:5px;padding:2px 4px;vertical-align:3px}.brandcopy small{display:block;color:#a1bcd0;margin-top:1px}.topactions{float:right;padding-top:7px;white-space:nowrap}.clock{font-size:23px;font-weight:700;vertical-align:middle;margin-right:11px}.status{display:inline-block;border:1px solid #537587;border-radius:18px;padding:7px 10px;color:#b6d7e0;background:#112e42;font-size:12px;margin-right:7px;vertical-align:middle}.status.good{color:#8bf1c5;background:#103a36;border-color:#237b69}.status.partial{color:#ffde96;background:#413423;border-color:#a37739}.status.bad{color:#ffb5a4;background:#422b31;border-color:#9e5661}#refresh{border:1px solid #437c99;color:#effcff;border-radius:9px;padding:8px 10px;font-size:13px;background:#1c4a68}.banner{background:#563c2e;border:1px solid #91654d;border-radius:8px;padding:7px 10px;margin-bottom:8px;color:#ffe8cd;font-size:13px}.hero{margin:0 -5px 9px}.hero>.card{float:left;height:230px;margin:0 5px}.weather{width:calc(36% - 10px)}.rivers{width:calc(64% - 10px)}.card{border:1px solid #29546b;border-radius:14px;background:#142f49;background:-webkit-linear-gradient(130deg,#1a425c,#102840);background:linear-gradient(130deg,#1a425c,#102840);box-shadow:0 3px 9px rgba(0,0,0,.13);overflow:hidden;padding:13px 15px}.rivers{background:#0e3b55;background:-webkit-linear-gradient(135deg,#15526e,#12324c);background:linear-gradient(135deg,#15526e,#12324c)}.cardhead{height:25px;line-height:21px;white-space:nowrap;overflow:hidden}.cardhead>span{font-weight:700;font-size:13px;letter-spacing:1.1px;color:#b3f7ff}.cardhead>small{float:right;color:#a7c8d7;font-size:11px;margin-top:1px}.weatherinner{height:119px}.temperature{float:left;width:68%;padding-top:7px}.city{font-size:15px;font-weight:700;color:#dbf4fa}.mainnumber{font-weight:800;font-size:64px;letter-spacing:-3px;line-height:74px}.mainnumber small{font-size:23px;font-weight:600;vertical-align:top;line-height:41px;letter-spacing:0}.condition{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weathericon{float:right;width:32%;text-align:center;font-size:59px;padding-top:34px}.metarow{border-top:1px solid #42647b;margin-top:7px;padding-top:10px;display:-webkit-flex;display:flex}.metarow>div{-webkit-flex:1;flex:1;min-width:0;padding-left:9px;border-left:1px solid #456477}.metarow>div:first-child{border-left:0;padding-left:0}.metarow small{display:block;color:#a9c8d9;font-size:11px}.metarow b{display:block;color:#fff;font-size:14px;margin-top:3px}.tiles{margin:5px -4px 0}.station{float:left;width:calc(33.333% - 8px);margin:0 4px;text-align:left;padding:10px 11px 9px;min-height:137px;color:#e9fbff;background:#103249;border:1px solid #33718a;border-radius:10px}.station.selected{background:#125067;border-color:#57e4e7;box-shadow:inset 0 0 0 1px #268a9a}.station .sname{font-weight:700;font-size:17px;display:block}.station .sname small{display:block;color:#b1d1dc;font-size:12px;margin-top:2px;font-weight:400}.station strong{display:block;font-size:39px;letter-spacing:-2px;line-height:47px;margin-top:4px;white-space:nowrap}.station strong i{font-size:18px;font-style:normal;font-weight:400;letter-spacing:0}.station .sdelta{display:block;color:#bcd7e0;font-size:12px;line-height:17px}.station .sdelta.up{color:#80f2d6}.station .sdelta.down{color:#ffc58f}.riverfoot{margin-top:10px;font-size:11px;color:#bed8e3}.riverfoot span:last-child{float:right}.forecast{height:142px;margin-bottom:9px;padding:10px 13px}.forecast .cardhead{height:24px}.days{height:91px}.day{float:left;width:20%;text-align:center;border-left:1px solid #345972;height:91px;padding:2px 4px}.day:first-child{border-left:0}.dayname{font-weight:700;font-size:13px}.dayico{font-size:26px;height:29px;line-height:30px}.daytemp{font-size:20px;font-weight:700;line-height:24px}.daytemp span{font-size:14px;color:#b4d5e0;font-weight:400}.dayrain{font-size:12px;color:#92eff1;line-height:17px;white-space:nowrap}.bottom{margin:0 -5px}.bottom>.card{float:left;height:187px;margin:0 5px}.riverchart{width:calc(58% - 10px)}.rainchart{width:calc(42% - 10px)}.chartbox{padding:10px 13px}.chartbox .cardhead{height:25px}.graph{height:124px;position:relative}.graph svg{display:block;width:100%;height:122px}.chartfoot{height:18px;font-size:11px;color:#afd0dc;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chartfoot strong{color:white}.waiting{padding:20px 5px;color:#a6c4d2;text-align:center;font-size:14px}.footer{padding:8px 1px;color:#abc5d3;font-size:11px}.footerleft{float:left;padding-top:5px}.sourceButton{float:right;background:none;border:0;color:#79e1eb;padding:4px 3px;font-size:12px}.sources{background:#112d43;border:1px solid #386179;border-radius:10px;padding:12px 14px;margin:6px 0 10px;font-size:13px;line-height:1.5}.sources p{margin:7px 0}.sources b{color:#d5faff}
@media (max-width:850px){.weather{width:calc(39% - 10px)}.rivers{width:calc(61% - 10px)}.station{padding:7px}.station strong{font-size:34px}.station .sname{font-size:15px}.temperature{width:71%}.mainnumber{font-size:56px}.weathericon{font-size:46px;width:29%}.riverchart{width:calc(59% - 10px)}.rainchart{width:calc(41% - 10px)}}
@media (max-width:670px){#app{padding:8px 10px}.bar{height:auto;min-height:54px}.brandcopy strong{font-size:16px}.brandcopy small{font-size:10px}.clock{font-size:17px;margin-right:4px}.status{display:none}#refresh{font-size:12px;padding:7px}.hero>.card,.bottom>.card{float:none;width:calc(100% - 10px);margin-bottom:8px}.hero .weather{height:217px}.hero .rivers{height:222px}.bottom .riverchart,.bottom .rainchart{height:190px}.forecast{height:144px}.station strong{font-size:39px}.forecast .cardhead>small{display:none}.day{padding:3px 1px}.dayrain{font-size:10px}.footerleft{float:none}.sourceButton{float:none;margin-top:5px}.mainnumber{font-size:61px}}
@media (max-width:360px){.brandcopy strong{font-size:13px;letter-spacing:1px}.brand img{width:36px;height:36px}.brandcopy{margin-left:5px}.clock{font-size:14px}.station strong{font-size:28px}.station .sname{font-size:13px}.station .sdelta{font-size:10px}.mainnumber{font-size:58px}}