html{font-size:100%}
body{margin:0;background:#0d1923;color:#f3ecd9;font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif;font-size:20px;line-height:1.35}
@media (min-width:1500px){html{font-size:125%}}
@media (min-width:2400px){html{font-size:190%}}
*{box-sizing:border-box}
a{color:#ffc857}
h1,h2,p,ol{margin:0}
#app{padding:0 2% 40px}
.topbar{padding:14px 0 12px;border-bottom:4px solid #ffb52e;font-size:0}
.brand{display:inline-block;vertical-align:middle;width:46%;font-size:1rem}
.mark{display:inline-block;vertical-align:middle;background:#ffb52e;color:#0d1923;font-weight:bold;font-family:"Courier New",monospace;font-size:1.3rem;padding:6px 10px;margin-right:12px;letter-spacing:2px}
.bt{display:inline-block;vertical-align:middle;font-size:1.25rem;font-weight:bold;letter-spacing:1px;text-transform:uppercase}
.bt small{display:block;font-size:.7rem;font-weight:normal;color:#9fb4c4;letter-spacing:2px}
.tools{display:inline-block;vertical-align:middle;width:54%;text-align:right;font-size:1rem}
.btn{display:inline-block;margin:4px 0 4px 8px;padding:9px 16px;background:#1d3447;color:#f3ecd9;border:3px solid #3b5a73;font-family:inherit;font-size:.85rem;font-weight:bold;text-decoration:none;cursor:pointer;line-height:1.2}
.btn.primary{background:#ffb52e;color:#0d1923;border-color:#ffb52e;font-size:1.05rem;padding:12px 26px;margin:14px 0 0}
.btn.sel{background:#f3ecd9;color:#0d1923;border-color:#f3ecd9}
.btn[disabled]{opacity:.55;cursor:default}
.btn:focus,a:focus,input:focus,video:focus{outline:5px solid #fff;outline-offset:2px;box-shadow:0 0 0 9px #e8590c;position:relative}
.only-session{display:none}
.in-session .only-session{display:inline-block}
.notice{display:none;margin:10px 0 0;padding:10px 14px;background:#33280f;border-left:8px solid #ffb52e;font-size:.9rem}
.diag{margin:14px 0;padding:14px 18px;background:#4a1d17;border:3px solid #ff8a7a;font-size:1rem}
.wrap{font-size:0;padding-top:28px}
.entry-left,.entry-right{display:inline-block;vertical-align:top;width:50%;font-size:1rem;padding-right:3%}
.kicker{font-family:"Courier New",monospace;color:#ffb52e;letter-spacing:3px;text-transform:uppercase;font-size:.8rem;margin-bottom:8px}
h1{font-size:2.1rem;line-height:1.1;margin-bottom:14px}
.lead{font-size:1.05rem;color:#d7e0e6;margin-bottom:16px}
.steps{padding-left:1.4em;color:#d7e0e6;font-size:.95rem}
.steps li{margin-bottom:8px}
.big{font-size:1.5rem;font-family:"Courier New",monospace;color:#ffb52e}
.card{background:#14283a;border:3px solid #2c4a62;border-top:8px solid #ffb52e;padding:20px 22px 24px}
.card label{display:block;font-weight:bold;font-size:.9rem;margin:12px 0 6px;color:#ffc857}
.card input{display:block;width:100%;font-family:"Courier New",monospace;font-size:1.7rem;letter-spacing:5px;text-transform:uppercase;padding:8px 12px;background:#0d1923;color:#fff;border:3px solid #5d7d95}
.entry-msg{min-height:1.4em;margin-top:12px;color:#ff9d8f;font-weight:bold;font-size:.95rem}
.entry-msg.ok{color:#8fe3b6}
.fine{font-size:.78rem;color:#9fb4c4;margin-top:12px}
.head{padding:16px 0 6px}
.head .nm{font-size:1.9rem;font-weight:bold;line-height:1.1}
.head .zip{display:inline-block;background:#ffb52e;color:#0d1923;font-family:"Courier New",monospace;font-weight:bold;padding:2px 10px;margin-left:10px;font-size:1.1rem;vertical-align:middle}
.head .sub{color:#9fb4c4;font-size:.85rem;font-family:"Courier New",monospace;margin-top:4px}
.chips{margin-top:8px}
.chip{display:inline-block;margin:0 8px 6px 0;padding:4px 12px;border:2px solid #3b5a73;font-size:.8rem;font-family:"Courier New",monospace;text-transform:uppercase;letter-spacing:1px}
.chip.alert{background:#ff6b5b;border-color:#ff6b5b;color:#1b0705;font-weight:bold}
.chip.ok{border-color:#6fd6a4;color:#8fe3b6}
.chip.warn{border-color:#ffb52e;color:#ffc857}
.statusline{margin:8px 0}
.banner{padding:10px 14px;margin:6px 0;border-left:8px solid #ffb52e;background:#2c230f;font-size:.9rem}
.banner.bad{border-color:#ff6b5b;background:#3a1612}
.banner .btn{margin:0 0 0 12px;padding:5px 12px}
#panels,#videos{font-size:0;margin-top:8px}
.panel{display:inline-block;vertical-align:top;width:98%;margin:0 1% 16px 0;background:#14283a;border:2px solid #2c4a62;border-top:6px solid #ffb52e;padding:14px 18px 16px;font-size:1rem;min-height:120px}
.p-weather{width:36%}.p-forecast{width:62%}
.p-radar{width:60%}.p-earthquakes{width:38%}
.p-headlines{width:60%}.p-scanners{width:38%}
.p-alerts.hot{border-top-color:#ff6b5b;background:#2a1a1e}
.ph{margin-bottom:10px;border-bottom:1px solid #2c4a62;padding-bottom:6px}
.ph h2{display:inline-block;font-size:1.1rem;text-transform:uppercase;letter-spacing:2px}
.ph .num{font-family:"Courier New",monospace;color:#ffb52e;margin-right:8px}
.ph .meta{float:right;font-family:"Courier New",monospace;font-size:.72rem;color:#9fb4c4;text-transform:uppercase;letter-spacing:1px;padding-top:6px}
.empty{color:#b9c8d3;font-size:.95rem;padding:10px 0}
.temp{font-size:4.2rem;font-weight:bold;line-height:1}
.cond{font-size:1.25rem;color:#ffc857;margin:4px 0 10px}
.fact{display:inline-block;width:32%;vertical-align:top;font-size:.95rem}
.fact b{display:block;font-family:"Courier New",monospace;font-size:.68rem;color:#9fb4c4;letter-spacing:1px;font-weight:normal}
.frow{display:inline-block;width:32%;vertical-align:top;padding:0 8px 10px 0;font-size:.85rem}
.frow .fn{font-weight:bold;color:#ffc857}
.frow .ft{font-size:1.7rem;font-weight:bold}
.item{padding:9px 0;border-bottom:1px solid #223d52}
.item:last-child{border-bottom:0}
.item .t{font-weight:bold;font-size:1rem}
.item .s{font-size:.8rem;color:#9fb4c4;font-family:"Courier New",monospace}
.item .d{font-size:.88rem;color:#d7e0e6;margin-top:3px}
.sev{display:inline-block;background:#ff6b5b;color:#1b0705;padding:0 8px;font-size:.75rem;font-weight:bold;margin-right:8px;text-transform:uppercase}
.mag{display:inline-block;min-width:3em;background:#ffb52e;color:#0d1923;font-weight:bold;text-align:center;margin-right:10px;padding:2px 4px}
.clear{color:#8fe3b6;font-weight:bold}
.map{position:relative;overflow:hidden;background:#2a3a46;max-width:100%;border:2px solid #3b5a73;margin-bottom:8px}
.tile{position:absolute;width:256px;height:256px;border:0;max-width:none}
.tile.rad{opacity:.75}
.mk{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:13px;text-align:center;line-height:22px;font-weight:bold;font-size:.8rem;border:2px solid #fff;color:#fff;background:#1f6fb2}
.mk.inc{background:#d6342a}
.mk.ctr{background:#ffb52e;color:#0d1923}
.mapcap{font-size:.72rem;color:#9fb4c4;font-family:"Courier New",monospace}
.ctl{margin:6px 0}
.ctl .btn{margin:0 8px 0 0;padding:6px 14px}
.stale{color:#ffb52e;font-weight:bold}
.vcard{display:inline-block;vertical-align:top;width:32%;margin:0 1% 16px 0;background:#14283a;border:2px solid #2c4a62;border-top:6px solid #6fd6a4;padding:12px 14px;font-size:1rem}
.vcard .vt{font-weight:bold}
.vcard .vc{font-family:"Courier New",monospace;font-size:.72rem;color:#9fb4c4;text-transform:uppercase}
.vbox{background:#05090d;margin:8px 0;width:100%}
.vbox iframe,.vbox video{display:block;width:100%;height:210px;border:0;background:#05090d}
.vbox.expanded{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;z-index:10000;background:#05090d}
.vbox.expanded iframe,.vbox.expanded video{width:100%;height:100%}
.exit-expanded{position:absolute;top:18px;right:18px;z-index:10001;background:#14283a}
.vnote{font-size:.8rem;color:#b9c8d3;margin:4px 0}
.vcard .btn{margin:4px 6px 0 0;padding:6px 12px}
.vh{font-size:1rem;margin:4px 0 8px;color:#ffc857;text-transform:uppercase;letter-spacing:2px}
#feeds{margin-top:4px;font-size:.8rem;font-family:"Courier New",monospace;color:#9fb4c4}
#feeds span{display:inline-block;margin:0 14px 4px 0}
@media (max-width:900px){
 body{font-size:17px}
 .brand,.tools{display:block;width:100%;text-align:left}
 .tools .btn{margin:6px 8px 0 0}
 .entry-left,.entry-right{display:block;width:100%;padding:0 0 18px}
 #panels .panel,.panel{width:100%;margin-right:0}
 .vcard{width:100%;margin-right:0}
 .frow,.fact{width:48%}
 .ph .meta{float:none;display:block}
}
.logo{display:block;width:15rem;max-width:100%;height:auto;margin-bottom:4px}
.bt{display:block;font-size:.85rem}
.bt small{letter-spacing:1px;text-transform:none;font-size:.75rem;color:#c9d6e0}
