a {cursor: pointer;}
.secondary-container.main-content .container-fluid.alert-page {  border-radius: 0px !important;  padding: 0 !important;  margin: 0 !important;
    width: 100%;  max-width: 3200px;  background: transparent !important;  position:relative;  }
.secondary-container.main-content .last-updated, .secondary-container.main-content .return-to-top, .container-fluid {   }
.container-fluid.alert-page {  background: rgba(255,255,255,0.8);  margin-left: 0;  margin-right: 0;
    padding-left: 0;  padding-right: 0;    max-width: 100%; }
.nav-desktop-wrapper.alert-page .middle-nav-wrapper .container-fluid {  max-width: 100%;  }
.alert-page div#baaqmdng_bot {  bottom: 8px;  }
ul.white-bullet {  margin-left:20px;  }
ul.white-bullet li {  list-style-type: disc;  }
.last-updated {  border-bottom-left-radius: 0px !important;  border-bottom-right-radius: 0px !important;  }
.secondary-container.main-content {padding-bottom: 0 !important;}
.spare-the-air-sitewide-bar.alert .inc-banner-right.no-btns {  width: 59%;  }
.grid-box-area {display: flex;  flex-flow: wrap;  display: inline-block; width: 96%; margin-left: 2%;  }
.grid-box-area.temp-page {width: 100%; margin-left: 0%;}
ul.grid-boxes { margin: 0; padding: 12px 0 8px 0;  display: inline-block; width: 100%; box-sizing: border-box;display: flex;  flex-flow: wrap; }
li.grid-box { float: left; border-radius: 6px; margin: 8px 1%;    position: relative;
    background-color: white;  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px -3px rgba(0, 0, 0, 0.07);
    min-height: 100px;  }
li.grid-box.full-box {width: 98%;}
li.grid-box.lrg-box {width: 64.67%;}
li.grid-box.sm-box {width: 31.33%;}
li.grid-box.min-ht-200 {min-height: 200px;}
li.grid-box .spare-the-air-sitewide-bar {border-radius: 6px !important; box-shadow: none !important;}
li.grid-box .spare-the-air-sitewide-bar.alert .inc-banner-left {  border-top-left-radius: 6px !important;  border-bottom-left-radius: 6px !important;  }
.grid-lft-cntnt {min-height: 100%;  vertical-align: middle;  width: 23%;  float: left;  text-align: center;  }
.grid-lft-cntnt table.sta-alert-tbl {height: 100%;    width: 100%;  vertical-align: middle; }
.grid-rt-cntnt {    padding: 0px 15px 0px 20px;    min-height: 100%;  margin-top: 20px; margin-bottom: 20px;
    border-left: solid 1px rgba(255,255,255,0.5);  width: 77%;  float: left;  }
.grid-lft-icon.icomoon {color: rgb(255,255,255);  text-align: center;  font-size: 12rem;  line-height: 11rem;  }
.grid-box-overlay.light-overlay .grid-lft-icon.icomoon, .grid-box-overlay.ultralight-overlay .grid-lft-icon.icomoon {color: rgba(0,0,0,0.7);}
.grid-box-ttl {  float: left;   text-transform: none; color: white; text-align: left;
    margin-bottom: 5px;  font-size: 2.7rem; line-height: 3.5rem;
    font-weight: 300;  font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;  }
.grid-box-overlay.light-overlay .grid-box-ttl, .grid-box-overlay.ultralight-overlay .grid-box-ttl {color: rgba(0,0,0,0.7);}
.grid-box-overlay.lightblue-overlay .grid-box-ttl, .grid-box-overlay.lightblue-overlay .grid-box-txt,
.grid-box-overlay.lightblue-overlay .grid-box-txt p a {color: rgba(0,0,0,0.75);}
.grid-box-overlay.lightblue-overlay .grid-lft-icon.icomoon {color: rgba(0,0,0,0.75);}
.grid-box-txt { color: white; text-align: left;  font-size: 1.35rem !important;
    font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;  clear: both;
    line-height: 1.7rem;  font-weight: 400;  margin-bottom: 0;  }
.grid-box-overlay.light-overlay .grid-box-txt, .grid-box-overlay.ultralight-overlay .grid-box-txt {color: rgba(0,0,0,0.7);}
.grid-box-overlay.light-overlay .grid-box-txt p a, .grid-box-overlay.ultralight-overlay .grid-box-txt p a {color: rgba(0,0,0,0.7);}
.grid-box-txt p { text-align: left;  font-size: 1.35rem !important;
    font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;  line-height: 1.7rem;  font-weight: 400;  margin-bottom: 8px;  }
.grid-box-cntnt {  min-width: 100.3% !important;   min-height: 100%;  width: 100%;background-size: cover;
    max-width: 100%;    max-height: 100%;  overflow: hidden;  border-radius: 6px;  display: table;  }
.grid-hdr-icon.airnow-logo { background-image:  url('airnow-logo.png'); float:left;
    margin-left: 25px; background-size: 68px 40px; height: 40px; width: 68px; background-repeat: none;  }
.grid-box-cntnt.wildfire {   background-image:  url('Wildfire.jpg');  }
.grid-box-cntnt.annreport {   background-image:  url('2018_annual_report_tablet-jpg.jpg');  }
.grid-box-cntnt.boardroom {   background-image:  url('boardrm_tablet-jpg.jpg');  }
.grid-box-cntnt.ccfa {   background-image:  url('ccfa_tablet-jpg.jpg');  }
.grid-box-cntnt.covid {   background-image:  url('covid19_desktop.jpg');  }
.grid-box-cntnt.greendog {   background-image:  url('FAQs-short-banner.jpg');  }
.grid-box-cntnt.friendgreen {   background-image:  url('friendly-cartoon-green.jpg');  }
.grid-box-cntnt.greenfresh {   background-image:  url('green-fresh.jpg');  }
.grid-box-cntnt.sfhero {   background-image:  url('HERO_San-Francisco.jpg');  }
.grid-box-cntnt.refinery {   background-image:  url('refinery_tablet-jpg.jpg');  }
.grid-box-cntnt.refinery2 {   background-image:  url('RefineryPic1.jpg');  }
.grid-box-cntnt.refinery3 {   background-image:  url('Refinerypic2.jpg');  }
.grid-box-cntnt.sfbanner {   background-image:  url('san-francisco-ca-banner.jpg');  }
.grid-box-cntnt.telecommute {   background-image:  url('telecommute_desktop.jpg');  }
.grid-box-cntnt.birds {   background-image:  url('wstabirds_tablet-jpg.jpg');  }
.grid-box-cntnt.commute {   background-image:  url('Commute.jpg');  }
.grid-box-cntnt.airnow {   background-image:  url('airnow.jpg');  }
.grid-box-cntnt.firesmoke {   background-image:  url('FireSmoke.jpg');  }
.grid-box-cntnt.video-player {   background-image:  url('covid_baaqmd_capture-png.jpg');  background-position: center center;  }
.grid-box-overlay {vertical-align: top;  height: 100%;    min-height: 100%;
    min-width: 100%;  max-height: 100%;  display: table-cell;  }
.grid-box-cntnt.teal-notif .grid-box-overlay {  background-color: #00a7e0;    vertical-align: top; }
.grid-box-cntnt.green-notif .grid-box-overlay {background-color: #6fbe44;   vertical-align: top;}
.grid-box-cntnt.blue-notif .grid-box-overlay { background-color: #006197;  vertical-align: top;}
.grid-box-cntnt.white-notif {background-color: white;  vertical-align: top;}
.flex-cntnt {   height: 100%;    min-height: 100%;
    min-width: 100%;  max-height: 100%; display:flex; flex-flow: wrap;}
.grid-full-cntnt .grid-lft-icon.icomoon {    margin-left: -3px;  float: left;  font-size: 3.5rem;  line-height: 3.5rem;  margin-right: 10px;  }
.grid-box-cntnt.white-notif .grid-lft-icon.icomoon, .grid-box-cntnt.white-notif .grid-box-ttl,
.grid-box-cntnt.white-notif .grid-box-txt {color: rgb(0,142,184);}
.grid-box-cntnt.white-notif .grid-box-overlay {vertical-align: top;}
.grid-full-cntnt {    width: 100%;  padding: 20px 25px;  }
.grid-box-padded {padding: 5px 20px 7px 20px; display: inline-block; width: 100%;}
.full-box-ttl {    color: #de2b2e; float: right;
    text-transform: none;  margin-bottom: 5px;  font-size: 2.4rem; line-height: 4rem;
    font-weight: 300;  font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;  }
.grid-ttl-icon.icomoon.icon-SpareAirHoriz {  color: #006197; margin-right:6px;
    float: left;  line-height: 6.7rem;  font-size: 3.4rem;}
.no-alert .grid-ttl-icon.icomoon.icon-SpareAirHoriz {  color: #006197;    font-size: 3.4rem;}
.grid-box-hdr {padding: 0 1%;}
.cal-group {  float: left;  background: transparent url(/Presentation/DotGov/includes/images/dummies/wc-calendar.png) no-repeat right top !important;
    background-size: 52px 60px !important;  width: 52px;  height: 60px;  }
.rt-logo .cal-group {  background: transparent url(/Presentation/DotGov/includes/images/dummies/wc-calendar.png) no-repeat right top !important;
    background-size: 52px 60px !important;  width: 52px;  height: 60px;  opacity: 0.6;  }
.alrt-month {  font-size: 1rem;  margin-top: 19px !important;  line-height: 1.2rem;
    font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;  font-weight: 400;  color: #000;  }
.alrt-dayno {  font-size: 1.8rem;
    line-height: 2.1rem;  font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;  font-weight: 500;  color: #000;  }
.cal-group-to {  float: left;  }
.alrt-to {  font-size: 1.2rem;  line-height: 3rem;  margin-top: 17px !important;  padding: 0 5px !important;  }
.alert-dates {  float: right;  line-height: 4.5rem;  font-size: 1.8rem;  margin-right: 25px;  }
.inc-banner-multi {  float: left;  width: 80%;  }
.inc-banner-alert {  width: 100%;  display: flex;  flex-flow: wrap;  }
.inc-banner-mid {display: flex;  flex-flow: wrap;  }
table.sta-alert-tbl {  text-align: center;  height: 100%;  vertical-align: middle;  }
.rt-logo .inc-banner-btns {    margin-top: 3px;  float: right;  margin-right: 20px;  }
.spare-the-air-sitewide-bar.alert.alert-page .inc-banner-mid {  width: 20%;  float: left;  }
.spare-the-air-sitewide-bar.alert.alert-page .inc-banner-right {  float: left;  width: 66%;  }
.spare-the-air-sitewide-bar.alert.alert-page .inc-banner-btns {  width: 14%;  float: left;  }
.grid-box-padded .b-left-icon.icon-AlertOne, .grid-box-padded .b-left-icon.icon-AlertTwo, .grid-box-padded .b-left-icon.icon-AlertThree {  color: #de2b2e;    font-size: 4.5rem;  }
.grid-box-padded .b-left-icon.one-alrt.icon-Clouds {  color: #009dda;    font-size: 5rem;  }
.grid-box-padded .b-left-text {  color: #de2b2e;  }
.grid-box-padded .sitewide-headline h5 {  color: #555;  text-transform: none;  margin-bottom: 5px;
    font-size: 1.8rem;  font-weight: 300;  font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;  }
.grid-box-padded .sitewide-description p {  font-size: 1.35rem !important;  font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;
    line-height: 1.7rem;  font-weight: 400;  margin-bottom: 0;  }
.grid-box-padded .inc-banner-right {  width: 93%; }
.grid-box-padded .inc-banner-mid {  width: 6%; }
.grid-box-padded .inc-banner-multi {  width: 100%;  }

.grid-box-padded table.sta-alert-tbl {  width: 100%;  }
.grid-box-padded .alert-main-cntnt {  margin-left: 1.5%;  width: 98.5%;  }
.horiz-line-grid {  width: 97.4%;  margin-left: 1.3%;  border-bottom: dashed 1px rgba(0,0,0,0.15);  margin-bottom: 5px;  margin-top:5px;  }
.gridbox-header {height:40px;  background: rgb(0,142,184);  color: white;  border-top-left-radius: 6px;
    border-top-right-radius: 6px;    display: inline-block;  width: 100%;  }
.gridbox-header.alerts {background-color: #de2b2e; color: white;  height: 46px;}
.gridbox-header.advisory {background-color: #f7c32e; color: white;  height: 46px;}
.gridbox-header.incident {background-color: #fd7808; color: white;  height: 46px;}
.gridbox-header.no-alerts {background-color: #009dda; color: white;  height: 46px;}
.gridbox-header.alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz, .gridbox-header.no-alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz {  color: white; margin-left: 25px;    font-size: 3.5rem; line-height: 4.6rem;  }
.gridbox-header.alerts .full-box-ttl, .gridbox-header.no-alerts .full-box-ttl {    color: white;  width: 100%;  position: absolute;  font-size: 2rem;  line-height: 4.6rem;  text-align: center;  }
.grid-hdr-icon.icomoon.icon-AQI {float: left;  margin-left: 25px;  font-size: 3.5rem; line-height: 4rem;  }
.grid-hdr-icon.icomoon.icon-PlayVideo {  float: left;  margin-left: 15px;  font-size: 3.5rem;  line-height: 4rem;  }
.grid-hdr-icon.icomoon.icon-SpareAirHoriz { font-size: 2.5rem;  line-height: 4rem;  margin-left: 15px;float: left;}
.grid-hdr-ttl {float: left; line-height: 3.8rem;font-weight: 300;    font-size: 2.2rem;
    margin-left: 8px;  font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;}
.grid-hdr-ttl.video-ttl {  font-size: 1.6rem;  }
a.grid-hdr-btn {float:right; margin-right: 20px; display:inline-block; text-decoration: none; cursor: pointer;
    border-radius: 6px; background-color: rgba(255,255,255,0.9); color: rgb(0,142,184); margin-top:7px; padding: 6px 12px;}
a.grid-hdr-btn.aqi-btn { margin-top: 3px; margin-right:10px; position: relative; }
a.grid-hdr-btn.aqi-btn .dropdown-content {width:260%; left: -100px;}
a.grid-hdr-btn.aqi-btn .dropdown-content ul li {  text-indent: 5px;  font-size: 1.3rem; line-height:1.6rem;  }
a.grid-hdr-btn.center.less-top-marg {  margin-top: 5px;  }
a.grid-hdr-btn:hover, a.grid-hdr-btn:focus {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px -3px rgba(0, 0, 0, 0.07);
    background-color: #ee8301; color: white !important; }
.grid-box-cntnt.white-notif a.grid-hdr-btn:hover, .grid-box-cntnt.white-notif a.grid-hdr-btn:focus {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px -3px rgba(0, 0, 0, 0.07);
    background-color: #ee8301; color: white !important; }
a.grid-hdr-btn.flt-right {margin-right: 0;  float: right;  }
#BAAQMDwidgetSTAs.alert-widget.flt-left {  float: left;  }
a.grid-hdr-btn.aqi-key {position:relative;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009966+16,ffde33+17,ffde33+33,ff9933+34,ff9933+50,cc0033+51,cc0033+67,660099+68,660099+84,7e0023+85 */
    background: rgb(0,153,102); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(0,153,102,1) 16%, rgba(255,222,51,1) 17%, rgba(255,222,51,1) 33%, rgba(255,153,51,1) 34%, rgba(255,153,51,1) 50%, rgba(204,0,51,1) 51%, rgba(204,0,51,1) 67%, rgba(102,0,153,1) 68%, rgba(102,0,153,1) 84%, rgba(126,0,35,1) 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,153,102,1) 16%,rgba(255,222,51,1) 17%,rgba(255,222,51,1) 33%,rgba(255,153,51,1) 34%,rgba(255,153,51,1) 50%,rgba(204,0,51,1) 51%,rgba(204,0,51,1) 67%,rgba(102,0,153,1) 68%,rgba(102,0,153,1) 84%,rgba(126,0,35,1) 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,153,102,1) 16%,rgba(255,222,51,1) 17%,rgba(255,222,51,1) 33%,rgba(255,153,51,1) 34%,rgba(255,153,51,1) 50%,rgba(204,0,51,1) 51%,rgba(204,0,51,1) 67%,rgba(102,0,153,1) 68%,rgba(102,0,153,1) 84%,rgba(126,0,35,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009966', endColorstr='#7e0023',GradientType=1 ); /* IE6-9 */
    color: white; padding: 5px 0px;  margin-right:10px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px -3px rgba(0, 0, 0, 0.07);
}
a.grid-hdr-btn.aqi-key.air-data { margin-top:3px; }
.aqi-txt-bar {padding: 1px 20px; background-color:white; color: rgb(0,142,184);  border-radius: 4px;  }
a.grid-hdr-btn.aqi-key:hover .dropdown-content, a.grid-hdr-btn.aqi-key:focus .dropdown-content {display: inline-block;}
a.grid-hdr-btn:hover .dropdown-content, a.grid-hdr-btn:focus .dropdown-content {display: inline-block;}
a.grid-hdr-btn.with-dropdown {position: relative;  }
.dropdown-content.note-pop {  min-width: 260px; padding: 10px 15px; left: -120px; }
button.close-btn.icomoon.icon-Close {font-size:1.5rem;  color: rgba(0,0,0,0.7); float: right; margin-right:-7px; margin-top: -2px;
    background: transparent; cursor: pointer; }
button.close-btn.icomoon.icon-Close:hover, button.close-btn.icomoon.icon-Close:focus {font-size:1.6rem; color: rgb(0,142,184);margin-right:-8px; margin-top: -3px;}
.dropdown-content .note-txt { font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;  font-size:1.3rem;  color: rgba(0,0,0,0.7); line-height: 1.6rem; }
.dropdown-content .note-ttl { font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif; margin-bottom:5px; font-size:1.4rem; font-weight: 600; color: rgba(0,0,0,0.7);  }
p.big-txt {  font-size: 1.75rem !important;  line-height: 1.95rem;  }
p.med-txt {  font-size: 1.55rem !important;  line-height: 1.85rem;  }
input.alert-pg {background: rgba(0,142,184,0.3) repeat scroll 0% 0% #fff !important;
    background-color: rgb(220,245,250) !important;  height:30px;  border-radius: 6px;  width: 100%;
    border-width: 1px;  border-color: rgba(118, 118, 118,0.5);  font-size: 16px !important;  line-height: 1.5 !important;
    color: #555 !important;  border: 1px solid rgb(0, 191, 193) !important;  box-shadow: none !important;  }
input.alert-pg:hover, input.alert-pg:focus {  background-color: rgb(255,255,255) !important;  border: 1px solid rgba(0,142,184,0.5) !important;  }
a.grid-link {display:inline-block; color: white; margin-bottom: 10px;}
a.grid-link:hover, a.grid-link:focus {color: rgb(255,240,160) !important;}
.alert-area .b-left-icon.icon-AlertOne, .alert-area .b-left-icon.icon-AlertTwo, .alert-area .b-left-icon.icon-AlertThree {
    color: #de2b2e; margin: 0px; line-height: 6.5rem !important;    font-size: 4.2rem;  }
.b-left-icon.one-alrt.icon-Clouds { color: #009dda; margin: 0px; line-height: 6.5rem !important;  float: left; font-size: 4.2rem;  }
.col-md-4.alert-area {  text-align: center;  }
.alert-area .b-left-text {  color: #333; line-height: 6.4rem !important;
    margin-right: 4px;    font-size: 2.2rem;  font-weight: 500; float: left;  font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;  }
.alert-area.no-alert .b-left-text {color: #333;    font-size: 2.2rem;}
.grid-box .b-left-icon.icon-AdvisoryNew { font-size:5rem; }
.grid-box.advisory .b-left-icon.icon-AdvisoryNew { color: #f7c32e; }
.grid-box.incident .b-left-icon.icon-AdvisoryNew { color: #fd7808; }
.grid-box .b-left-text {color: white;  margin-top: 8px; margin-left: 15px; font-size: 2.1rem; float: left;}
.alert-main-cntnt a {color: rgba(0,0,0,0.75);  }
.mbl-alert-logo a.sta-alrt-txt {color: white;}
.rt-logo .grid-ttl-icon.icomoon.icon-SpareAirHoriz {float:right; margin-top:14px;}
.center-contain {width: 100%; text-align:center; }
a.grid-hdr-btn.center {  float: none;  margin: 20px auto 0px auto;  }
.video-placeholder {    min-height: 100% !important;
    border-bottom-left-radius: 6px !important;  border-bottom-right-radius: 6px !important;  overflow: hidden;  }
.video-placeholder .img-responsive {  border-bottom-left-radius: 6px !important;  border-bottom-right-radius: 6px !important;
    min-height: 100% !important;  height: 100% !important;  width: 100%;  background-size: cover;
    max-width: 100%;  max-height: 100%;  overflow: hidden;  display: table;  }
ul.horiz-links {padding: 0; margin: 0;  }
ul.horiz-links li {  width: 33%;  float: left;  text-align: center;  }
.content-block ul.horiz-links li:before {content: ""; color: white; font-size:0px;}
ul.horiz-links li a.grid-link { text-decoration: none;}
.grid-social.icomoon { font-size:6rem; }
ul.horiz-links li a.grid-link:hover, ul.horiz-links li a.grid-link:focus {  color: rgb(140,220,255) !important;  }
a.grid-hdr-btn.icomoon.icon-ArrowRight2, a.grid-hdr-btn.icomoon.icon-Map, a.grid-hdr-btn.icomoon {  font-size: 2rem;  line-height: 1.4rem;  padding: 6px 6px;  }
.nav-desktop-wrapper.alert-page .top-nav-wrapper {  width: 20%;  margin-left: 80%;  top: 0;  }
.nav-desktop-wrapper.alert-page .language-picker > div {  min-width: 95px;  }
ul.second-actions {box-sizing: border-box; display:inline-block;  width: 100%;     padding: 0;  margin: 0;  }
ul.second-actions li {  margin: 8px 1.2%; box-sizing: border-box;  width: 30.9%; float:left;  }
.content-block ul.second-actions li:before {content: ""; color: white; font-size: 0px;}
ul.second-actions li a {background-color: white;border-radius: 6px; display:inline-block; text-align:center; width:100%;padding: 10px 20px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.14), 0px -1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -3px rgba(0, 0, 0, 0.14);  }
ul.second-actions li a:hover, ul.second-actions li a:focus {background-color: #0d6194; color: white;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px -1px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 3px -4px rgba(0, 0, 0, 0.28);  }
.second-txt {float:left; line-height: 4.5rem;  color: #555;  text-transform: none;
    font-size: 1.5rem;  font-weight: 300;  font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;  }
ul.second-actions li a:hover .second-txt, ul.second-actions li a:focus .second-txt {color: white;}
.grid-box-padded .b-left-icon.icon-RemoteWork, .grid-box-padded .b-left-icon.icon-ShareAlert, .grid-box-padded .b-left-icon.icon-Bicycle,
.grid-box-padded .b-left-icon.icon-HealthEffects, .grid-box-padded .b-left-icon.icon-ReviewAQI, .grid-box-padded .b-left-icon.icon-ForecastMap,
.grid-box-padded .b-left-icon.icon-Bus, .grid-box-padded .b-left-icon.icon-Walk, .grid-box-padded .b-left-icon.icon-Metro,
.grid-box-padded .b-left-icon.icon-Fireplaces {
    float:left;  color: #0d6194;    font-size: 4.5rem; line-height: 4.5rem; margin-right: 8px;  }
.grid-box-padded ul.second-actions li a:hover .b-left-icon.icon-RemoteWork, .grid-box-padded ul.second-actions li a:hover .b-left-icon.icon-ShareAlert, .grid-box-padded ul.second-actions li a:hover .b-left-icon.icon-Bicycle,
.grid-box-padded ul.second-actions li a:hover .b-left-icon.icon-HealthEffects, .grid-box-padded ul.second-actions li a:hover .b-left-icon.icon-ReviewAQI, .grid-box-padded ul.second-actions li a:hover .b-left-icon.icon-ForecastMap,
.grid-box-padded ul.second-actions li a:hover .b-left-icon.icon-Bus, .grid-box-padded ul.second-actions li a:hover .b-left-icon.icon-Walk, .grid-box-padded ul.second-actions li a:hover .b-left-icon.icon-Metro,
.grid-box-padded ul.second-actions li a:hover .b-left-icon.icon-Fireplaces, .grid-box-padded ul.second-actions li a:focus .b-left-icon.icon-RemoteWork, .grid-box-padded ul.second-actions li a:focus .b-left-icon.icon-ShareAlert, .grid-box-padded ul.second-actions li a:focus .b-left-icon.icon-Bicycle,
.grid-box-padded ul.second-actions li a:focus .b-left-icon.icon-HealthEffects, .grid-box-padded ul.second-actions li a:focus .b-left-icon.icon-ReviewAQI, .grid-box-padded ul.second-actions li a:focus .b-left-icon.icon-ForecastMap,
.grid-box-padded ul.second-actions li a:focus .b-left-icon.icon-Bus, .grid-box-padded ul.second-actions li a:focus .b-left-icon.icon-Walk, .grid-box-padded ul.second-actions li a:focus .b-left-icon.icon-Metro,
.grid-box-padded ul.second-actions li a:focus .b-left-icon.icon-Fireplaces {
    color: #fff;  }
a.grid-hdr-btn.lrg-btn {padding: 3px 12px; text-align:center;
    width: 100%; margin-bottom: 7px;  margin-right: auto;  float: left;  }
a.grid-hdr-btn.lrg-btn .center-btn-cntnt {min-width: 196px;}
a.grid-hdr-btn.mbl-only {display: none;  }
.grid-hdr-btn.icomoon.icon-Iphone, .grid-hdr-btn.icomoon.icon-Android {font-size: 3rem; float:left; margin-right:5px; }
.grid-hdr-txt {font-size: 1.5rem;  line-height: 2.6rem;
    font-weight: 300;  font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;  }
td.zone-ttl { font-weight: 200; font-size: 1.35rem;
    width: 40%; line-height: 1.7rem;  color: #333;  padding: 10px 0px 10px 10px; }
td.text-center {  width: 12%;  text-align: center;  }
table.forecast-map.two-day td.zone-ttl {  width: 50%; min-width: 50%;  }
table.forecast-map.two-day td.text-center {  width: 25%;  min-width: 25%; }
table.forecast-map td.forecast-hdr {font-size: 1.35rem; width: 10%; text-align:center;    line-height: 1.5rem;
    font-weight: 200; color: #333;  font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;}
table.forecast-map td.forecast-hdr.today {font-weight: 600; color: #006197;  }
table.forecast-map td .forecast-no { margin-left: auto; margin-right: auto; width: 10%; text-align:center;  }
table.forecast-map td .forecast-no {font-size: 1.3rem; text-align:center;  font-weight: 200; color: #333;
    font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif; width: 18px; line-height: 1.7rem;}
table.forecast-map td .forecast-no.green {border-bottom: solid 4px #009966;  }
table.forecast-map td .forecast-no.yellow {border-bottom: solid 4px #ffde33;  }
table.forecast-map td .forecast-no.orange {border-bottom: solid 4px #ff9933;  }
table.forecast-map td .forecast-no.red {border-bottom: solid 4px #cc0033;  }
table.forecast-map td .forecast-no.purple {border-bottom: solid 4px #660099;  }
table.forecast-map td .forecast-no.maroon {border-bottom: solid 4px #7E0023;  }
.grid-box-lt {font-size: 1.15rem; color: #999; font-style: italic;  font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif; margin-left: 8px;}
.lang-picker-top {  position: fixed;  z-index: 2000 !important;  right: 2%;  bottom: 10px;  }
.lang-picker-top .language-picker.col-md-12 {  width: 210px;  padding: 0;  background: white;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12);
    display: table;  border-radius: 6px;  }
.lang-picker-top .language-picker>span {float:left;  display: table-cell;  vertical-align: middle;
    font-size: 1.3rem;  width: 92px;  padding: 10px 12px 7px 20px;  }
.lang-picker-top .language-picker>div {
    height: 25px;  max-height: 25px;  padding: 10px 8px 7px 8px;  }
ul.grid-boxes.less-top-marg {  padding-top: 0;  }
li.grid-box.full-box.less-top-marg {margin-top:0;  }
.col-md-4.top-logo {  padding-right: 0;  }
ul.press-releases { margin: 0;  padding: 0; }
ul.press-releases li { text-align: left;  width: 100%; padding-bottom:10px;  margin-bottom: 7px; }
ul.press-releases.card-style li {border-radius: 6px; background-color: rgba(255,255,255,0.25); padding:10px 15px 11px 15px;}
.content-block ul.press-releases.card-style li:before {content: ''; color: white; font-size:0;}
ul.press-releases.card-style li:hover, ul.press-releases.card-style li:focus {background-color: rgba(255,255,255,0.35);}
ul.press-releases a.grid-link { color: white;  line-height: 1.7rem;    margin-bottom: 0px; cursor: pointer;  }
ul.press-releases.card-style li.btn-style {margin-bottom:25px;}
li.btn-style a.grid-link { width:100%; text-decoration: none; }
ul.press-releases.card-style li.btn-style:hover, ul.press-releases.card-style li.btn-style:focus { background-color: #ee8301; }
ul.press-releases.card-style li.btn-style:hover a.grid-link, ul.press-releases.card-style li.btn-style:focus a.grid-link {color: #fff !important; }
.rt-btn-icon.icomoon.icon-ArrowRight2 {  float: right; font-size: 1.5rem;  }
ul.press-releases span.ico-icon.icon-file-pdf-o, ul.press-releases span.audio.ico-icon {  color: white;  }
ul.press-releases .table-document-meta-data {  color: white;  font-size: 1.15rem; }
ul.press-releases .doc-link-row { margin-bottom: 5px;  margin-top:5px; margin-left:0px; }
ul.press-releases .language-links-label {  color: white;  }
ul.press-releases .lang-link-row {margin-left:0px;  }
a.grid-hdr-btn.aqi-key .dropdown-content ul li:before {content: ""; color: white; font-size: 0;}
ul.press-releases .language-selector {   margin-top:2px; }
ul.press-releases .language-selector a { color: white;  margin-right: 4px; font-size: 1.3rem;  cursor: pointer; }
.language-icon.icomoon {margin-left: -3px;  color: white;  font-size: 1.7rem; line-height:1.5rem;  vertical-align: bottom; }
a.spare-logo.icomoon.icon-SpareAirHoriz {  font-size: 4rem; float: right;  text-decoration: none; margin-top: -1px;}
.footer-wrapper .footer-top-section .generic-callout .callout-contact-info .static-text {
    display: inline-block;
    width: 100%;
}
.alert-page-ftr .row.footer-top-section {  border-bottom: none;  }
.row.footer-mid-section {   display: flex; text-align: center;  margin: 0 auto;  border-bottom: 2px dotted rgba(255,255,255,0.3);  }
.row.footer-mid-section .static-text {color: white; width:100%; text-align: center;}
.footer-wrapper.alert-page-ftr .row.footer-top-section, .footer-wrapper.alert-page-ftr .row.footer-mid-section {max-width: 720px; }
.over-txt-area { width: 99.9%; position: absolute; background-color: rgba(0,0,0,0.4); bottom: 0; padding: 5px 15px;
    border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.vdeo-over-txt {  color: white;  width: 100%;  }
.pol-type { font-size: 0.85rem;  line-height: 1.3rem; color: #333;  font-family: Roboto Condensed, Roboto, RobotoDraft, "Helvetica Neue", sans-serif; }
table.forecast-map, table.forecast-map tbody, table.forecast-map tr {  width: 100%; min-width:100%;  }
tr.selected-zone {  border-radius: 6px;  width: 100%;  }
tr.selected-zone td {  background-color: rgb(240,240,240); }
tr.selected-zone td.zone-ttl {  border-top-left-radius: 6px;  border-bottom-left-radius: 6px; color: #006197; font-weight: 600;  }
tr.selected-zone td:last-of-type {  border-top-right-radius: 6px;  border-bottom-right-radius: 6px;   }
ul.second-actions.full-width li {  width: 100%;margin-bottom: 4px;  border-radius: 6px;  display: flex;  flex-flow: wrap;  }
ul.second-actions.full-width li a {  width: 97.6%;margin-bottom: 4px;     background-color: white; text-decoration: none;
    border-radius: 6px;  display: flex;  flex-flow: wrap;  text-align: center;  padding: 6px 20px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.14), 0px -1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -3px rgba(0, 0, 0, 0.14); }
ul.second-actions.full-width li a:hover, ul.second-actions.full-width li a:focus {background: #de2b2e; color: white;}
ul.second-actions.full-width li .inc-banner-mid {float: left;}
ul.second-actions.full-width li .inc-banner-right {float: left; text-align: left; width: 94%;}
ul.second-actions.full-width li a .sitewide-description p { color: #555;}
ul.second-actions.full-width li a:hover .b-left-icon.icon-AlertOne, ul.second-actions.full-width li a:hover .b-left-icon.icon-AlertTwo,
ul.second-actions.full-width li a:hover .b-left-icon.icon-AlertThree, ul.second-actions.full-width li a:focus .b-left-icon.icon-AlertOne,
ul.second-actions.full-width li a:focus .b-left-icon.icon-AlertTwo, ul.second-actions.full-width li a:focus .b-left-icon.icon-AlertThree {color: white;}
ul.second-actions.full-width li a:hover  .sitewide-headline h5, ul.second-actions.full-width li a:focus  .sitewide-headline h5 {color: white;}
ul.second-actions.full-width li a:hover  .sitewide-description p, ul.second-actions.full-width li a:focus  .sitewide-description p {color: white;}
.alert-page-ftr .callout-contact-info .footer-logo a {background: transparent url('baaqmd-logo-transparent-white-278x41-png.png');display: inline-block;
    height: 41px;  width: 278px;  float: left;  }
.footer-wrapper .footer-top-section .generic-callout .callout-contact-info .footer-logo a:hover img,
.footer-wrapper .footer-top-section .generic-callout .callout-contact-info .footer-logo a:focus img {mix-blend-mode: overlay;  }

input.forecast-search { padding: 5px; width: 180px; color: #444;
    border-radius: 6px; font-size:1.3rem;
    border: 1px solid #ccc !important;
    outline: none;
    background: none repeat scroll 0% 0% #fff !important;
    background-color: rgb(230,245,255) !important;
}
input.forecast-search:active, input.forecast-search:hover, input.forecast-search:focus {   background-color: rgb(245,252,255) !important;
    border: 1px solid rgba(0,142,184,0.5) !important;}
.search-input {float:left;  }
.search-input.aqf-search {  margin-top: 6px; margin-right:10px; float: right;}
.search-input.aqf-search.caqm-search {  margin-top: 2px;  }
.aqi-key-area {float:right;  }
.aqi-key-area a.grid-hdr-btn.aqi-key {margin-top: 0; margin-right: 0px;}
a.grid-hdr-btn.aqi-key .dropdown-content ul li.white .aqi-btn-label, a.grid-hdr-btn.aqi-key .dropdown-content ul li.gray .aqi-btn-label {
    margin-top:3px; margin-bottom:8px; color: rgb(0,142,184); cursor: pointer; text-decoration: underline;}
.btn-right.icomoon.icon-ArrowRight2 {float:right; margin-right:9px; margin-top:3px; font-size:1.5rem; color: rgb(0,142,184);cursor: pointer;}
a.grid-hdr-btn.aqi-key .dropdown-content ul li.white:hover .aqi-btn-label, a.grid-hdr-btn.aqi-key .dropdown-content ul li.white:focus .aqi-btn-label,
a.grid-hdr-btn.aqi-key .dropdown-content ul li.gray:hover .aqi-btn-label, a.grid-hdr-btn.aqi-key .dropdown-content ul li.gray:focus .aqi-btn-label {
    color: #ee8301;}
.btn-left-icon.icomoon {  float: left;  margin-right: 5px;  font-size: 2rem;  line-height: 1.3rem;  }

/*   Modal Styles   */
.modal-hdr-icon.icomoon.icon-AQI {  float: left;  font-size: 4rem;  line-height: 2rem;  margin-top: 3px;  }
table.aqi-table tr td {  padding: 5px 7px; }
table.aqi-table tr td.aqi-number {  min-width: 84px;  font-weight: 600;  }
table.aqi-table tr td.aqi-label { min-width: 120px;  font-weight: 600;  }
table.aqi-table tr.aqi-hdr td {  font-size: 1.3rem;  font-weight: 600;  }
table.aqi-table tr.green td { background-color: #009966; color: white;}
table.aqi-table tr.yellow td {background-color: #ffde33; color: #333; }
table.aqi-table tr.orange td {background-color: #ff9933; color: #333; }
table.aqi-table tr.red td {background-color: #cc0033; color: white; }
table.aqi-table tr.purple td {background-color: #660099; color: white; }
table.aqi-table tr.maroon td {background-color: #7E0023; color: white; }
table.aqi-table tr.green td.aqi-number {  border-top-left-radius: 6px;  }
table.aqi-table tr.green td.brd-radius {  border-top-right-radius: 6px;  }
table.aqi-table tr.maroon td.aqi-number {  border-bottom-left-radius: 6px;  }
table.aqi-table tr.maroon td.brd-radius {  border-bottom-right-radius: 6px;  }
.modal-body.scrolling {  max-height: 470px;  overflow-y: scroll;  }

/*   AQI Key button   */
.dropdown-content.aqikey li.green { background-color: #009966; color: white; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.dropdown-content.aqikey li.yellow {background-color: #ffde33; color: #333;}
.dropdown-content.aqikey li.orange { background-color: #ff9933; color: #333;}
.dropdown-content.aqikey li.red { background-color: #cc0033; color: white;}
.dropdown-content.aqikey li.purple { background-color: #660099; color: white;}
.dropdown-content.aqikey li.maroon { background-color: #7E0023; color: white;}
.dropdown-content.aqikey li.gray { background-color: rgb(150,160,170); color: white;}
.dropdown-content.aqikey li.gray .aqi-btn-label {  color: white !important;}
.dropdown-content.aqikey li.gray .aqi-btn-label:hover, .dropdown-content.aqikey li.gray .aqi-btn-label:focus {color: rgb(255,240,160) !important;}
.aqi-btn-nos {text-align: center; font-size: 1.2rem; font-weight: 600;}
.aqi-btn-label {text-align: center; font-size: 1.2rem; font-weight: 500;}

/*   AQI Key box-style   */
table.forecast-map.box-style tr {margin-bottom: 4px;}
table.forecast-map.box-style td.text-center {  border-radius: 6px; }
table.forecast-map.box-style td.text-center .aqi-color {  border-radius: 6px; margin: 0 2px; padding: 4px 0 3px 0; min-height: 46px;}
table.forecast-map.box-style td.text-center .aqi-color.green { background-color: #009966; color: white; border-radius: 6px;}
table.forecast-map.box-style td.text-center .aqi-color.yellow {background-color: #ffde33; color: #333; }
table.forecast-map.box-style td.text-center .aqi-color.orange {background-color: #ff9933; color: #333; }
table.forecast-map.box-style td.text-center .aqi-color.red {background-color: #cc0033; color: white; }
table.forecast-map.box-style td.text-center .aqi-color.purple {background-color: #660099; color: white; }
table.forecast-map.box-style td.text-center .aqi-color.maroon {background-color: #7E0023; color: white; }

table.forecast-map.box-style td .forecast-no {  font-size: 1.2rem;  line-height: 1.3rem;  width: 100%; font-weight: 600; }
table.forecast-map.box-style td .pol-type { font-size: 1.1rem;  font-weight: 500; line-height: 1.2rem;  }

table.forecast-map.box-style td .forecast-no.green {border-bottom: none;  color: white;     margin-top: 5px;}
table.forecast-map.box-style td .forecast-no.yellow {border-bottom: none;     margin-top: 5px; }
table.forecast-map.box-style td .forecast-no.orange {border-bottom: none;  }
table.forecast-map.box-style td .forecast-no.red {border-bottom: none;  color: white;     margin-top: 5px;}
table.forecast-map.box-style td .forecast-no.purple {border-bottom: none; color: white;     margin-top: 5px; }
table.forecast-map.box-style td .forecast-no.maroon {border-bottom: none;  color: white;    margin-top: 5px; }

table.forecast-map.box-style td.text-center .aqi-color.green .pol-type {  color: white;  }
table.forecast-map.box-style td.text-center .aqi-color.red .pol-type {  color: white;  }
table.forecast-map.box-style td.text-center .aqi-color.purple .pol-type {  color: white;  }
table.forecast-map.box-style td.text-center .aqi-color.maroon .pol-type {  color: white;  }

table.forecast-map.box-style td.zone-ttl {  width: 25%;  }
table.forecast-map.box-style td.text-center {  width: 15%; min-height: 50px;  height: 50px; }
table.forecast-map.box-style tr.selected-zone td {  border-radius: 0px !important;  }
table.forecast-map.box-style tr.selected-zone td.zone-ttl {  border-top-left-radius: 6px !important;  border-bottom-left-radius: 6px !important;  }

.pol-menu {width: 98%; margin-left:1%; padding: 4px 0 1px 0;  display: inline-block; }
.pol-icon.icomoon {font-size: 3rem; float:left; line-height: 3rem; margin-left:10px; margin-top:2px;  }
.pol-txt {font-size: 1.5rem; float:left; line-height: 3rem; margin-left:8px;margin-top:2px;  }
a.lft-hdr-items {  background-color: rgba(255,255,255,0.6);  border-radius: 6px; padding-left: 10px; cursor: pointer; position: relative;  margin-top: 2px;}
a.lft-hdr-items.aqf-zone {  float: right;  margin-right: 10px;  width: 200px;  margin-top: 6px;  background-color: rgba(255,255,255,0.85);  }
.dropdown-arrow.icomoon.icon-ArrowDown {  float: right;  margin-right: 10px; line-height: 2.7rem;  margin-top: 1px;}
a.lft-hdr-items:hover, a.lft-hdr-items:focus {  background-color: white;    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.36);}
.lft-hdr-items .float-lft {     line-height: 1.6rem;  margin-top: 6px;  font-size: 1.5rem;}
a.lft-hdr-items:hover .dropdown-content, a.lft-hdr-items:focus .dropdown-content {display:inline-block;}
a.lft-hdr-items .dropdown-content {width: 100%; left:0;}
a.lft-hdr-items .dropdown-content ul li {font-size:1.4rem; text-indent: 15px;}
.grid-box-txt p a {  color: white;  font-weight: bold; cursor: pointer;  }
button.grid-hdr-btn {background-color: rgb(0,142,184); border-radius: 6px; color:white;
    width: 100%; text-align:center; padding: 5px 5px 3px 5px; }
.grid-btn-txt {   font-family: "proxima-nova-n4","proxima-nova","Open Sans", Corbel, Helvetica, Arial;
    float: left; font-size: 1.3rem; font-weight: 600; line-height: 1.6rem; }
button.grid-hdr-btn .rt-btn-icon.icomoon.icon-ArrowRight2 {line-height: 1.7rem; margin-left: 5px;  }
button.grid-hdr-btn:hover, button.grid-hdr-btn:focus {background-color: #ee8301;  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.36);}
.mbl-search-area {display: none;  }

/*   Homepage Styles   */
.grid-box-area.home-page.mbl-only {display: none;}
li.grid-box.four-box {  width: 24%; margin: 0px 0.5%; }
.content-block ul li.grid-box:before {color: white; font-size:0; content: "";}
.grid-box-area.home-page {width:100%; margin-left:0;}
.grid-box-area.home-page .grid-hdr-ttl {font-size: 1.6rem;}
.grid-box-area.home-page .grid-hdr-icon.airnow-logo {  margin-left: 10px;  }
.grid-box-area.home-page .grid-box-ttl {    font-size: 1.8rem;  max-width: 74%;  line-height: 2rem; }
.grid-box-txt p.home-grid-text {font-size: 1.5rem !important;}
li.grid-box.min-ht-200 {  min-height: 150px;  }
.grid-box-area.home-page span.ico-icon.icon-file-pdf-o, .grid-box-area.home-page span.audio.ico-icon {    color: white;}
.grid-box-area.home-page .table-document-meta-data {    color: white;  font-size: 1.15rem;}
.grid-lft-icon.icomoon.icon-FAQs {  font-size: 5rem;  margin-right: 5px !important;  }
.grid-box-area.home-page .grid-btn-row { position: absolute; bottom: 15px; right: 15px;}
.grid-box-area.home-page .grid-full-cntnt {position: relative;  padding: 15px 15px;}
.grid-box-area.home-page  .grid-box-overlay {padding-bottom: 40px;}
a.grid-box-btn {display:inline-block; border-radius: 6px; text-decoration: none; curesor: pointer; width: 100%; }
a.grid-box-btn.teal-notif {  background-color: #00a7e0;  }
a.grid-box-btn.green-notif {  background-color:  #6fbe44;  }
a.grid-box-btn.blue-notif {  background-color:  #006197;  }
a.grid-box-btn.teal-notif:hover, a.grid-box-btn.teal-notif:focus {  background-color: rgb(30,197,254); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(0, 0, 0, 0.13), 0px 1px 6px -6px rgba(0, 0, 0, 0.09); }
a.grid-box-btn.green-notif:hover, a.grid-box-btn.green-notif:focus {  background-color: rgb(131,210,88); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(0, 0, 0, 0.13), 0px 1px 6px -6px rgba(0, 0, 0, 0.09); }
a.grid-box-btn.blue-notif:hover, a.grid-box-btn.blue-notif:focus {  background-color: rgb(0,122,184); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(0, 0, 0, 0.13), 0px 1px 6px -6px rgba(0, 0, 0, 0.09); }
a.grid-box-btn .grid-lft-icon.icomoon {font-size: 4rem; float:left; margin-left:8px; margin-right: 6px; line-height: 5rem;}
.grid-box-area.home-page a.grid-box-btn .grid-box-ttl { margin-top: 6px;
    font-size: 1.6rem;  max-width: 70%;  line-height: 1.8rem;  }
.grid-lft-icon.airnow {background-image: url(airnow-logo.png);
    float: left;  margin: 5px 3px 5px 5px;  background-size: 68px 40px;  height: 40px;  width: 68px;  background-repeat: none;}
table.sta-alert-tbl.home-alerts {  float: left;  width: 66%;  text-align:left;}
table.sta-alert-tbl.home-alerts .cntr-alerts {text-align:left;}
.grid-box-area.home-page.mbl-only a.grid-box-btn {    display: flex;  flex-flow: wrap;}
.grid-box-area.home-page.mbl-only table.sta-alert-tbl.home-alerts {min-height: 100%; height: 50px;}

.hero-top {margin-top: 4px; box-sizing: border-box;  width: 102.2%;  height: 6px;
    background-color: rgb(0,142,184);  margin-left: -15px;  margin-right: -15px;  }
@media only screen and (max-width: 1865px) {.hero-top { width: 102.3%;}}
@media only screen and (max-width: 1800px) {.hero-top { width: 102.4%;}}
@media only screen and (max-width: 1735px) {.hero-top { width: 102.5%;}}
@media only screen and (max-width: 1700px) {.hero-top { width: 102.4%;}}
@media only screen and (max-width: 1535px) {.hero-top { width: 102.5%;}}
@media only screen and (max-width: 1440px) {.hero-top { width: 102.6%;}}
@media only screen and (max-width: 1360px) {.hero-top { width: 102.7%;}}
@media only screen and (max-width: 1250px) {.hero-top { width: 102.8%;}}
@media only screen and (max-width: 1205px) {.hero-top { width: 102.9%;}}
@media only screen and (max-width: 1200px) {.hero-top { width: 102.8%;}}
@media only screen and (max-width: 1140px) {.hero-top { width: 102.9%;}}
@media only screen and (max-width: 1065px) {.hero-top { width: 103%;}}
@media only screen and (max-width: 1030px) {.hero-top { width: 103.1%;}}
@media only screen and (max-width: 996px) {.hero-top { width: 103.2%;}}
@media only screen and (max-width: 966px) {.hero-top { width: 103.3%;}}
@media only screen and (max-width: 940px) {.hero-top { width: 103.4%;}}
@media only screen and (max-width: 912px) {.hero-top { width: 103.5%;}}
@media only screen and (max-width: 888px) {.hero-top { width: 103.6%;}}
@media only screen and (max-width: 865px) {.hero-top { width: 103.7%;}}
@media only screen and (max-width: 842px) {.hero-top { width: 103.8%;}}
@media only screen and (max-width: 822px) {.hero-top { width: 103.9%;}}
@media only screen and (max-width: 801px) {.hero-top { width: 104%;}}
@media only screen and (max-width: 782px) {.hero-top { width: 104.1%;}}
@media only screen and (max-width: 767px) {.hero-top { display:none;}}

/*   Two Alerts   */
ul.second-actions.two-alerts li {  width: 47.6%;  }
.grid-box-padded .b-left-icon.icon-Wildfire {
    float:left;  color: #0d6194;    font-size: 4.5rem; line-height: 4.5rem; margin-right: 8px;  }
.grid-box-padded ul.second-actions li a:hover .b-left-icon.icon-Wildfire,
.grid-box-padded ul.second-actions li a:focus .b-left-icon.icon-Wildfire {color: white;}
.grid-box-padded .inc-banner-mid .b-left-icon.icon-Wildfire {  color: #00578c;  font-size: 4.6rem;  cursor: pointer;  margin: 0 2px;
    float: left;  line-height: 3rem;  text-decoration: none;  }
.side-alert-icon.icon-Wildfire {  color: #00578c;  font-size: 5.5rem;  line-height: 6.5rem;  }

/*   AirNow style Forecast   */
.aqf-area {background-color: rgb(210,240,255);   display: inline-block; padding-bottom:15px;
    border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.day-selected {  width: 100%;  color: white;  padding: 10px 20px;  font-size: 1.5rem;  }
.aqcards-area { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
ul.aq-cards {width:100%; padding: 15px 1.25% 0px 1.25%; display:inline-block; }
ul.aq-cards li {width:19%; margin: 0 0.5%; padding: 12px 15px 0 15px; float:left; color: #777;
    border-radius: 6px; background-color: white; text-align:center;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px -1px 1px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px -3px rgba(0, 0, 0, 0.18); }
ul.aq-cards li.selected { background-color: rgb(0,142,184);  color:white;  }
ul.aq-cards li:hover, ul.aq-cards li:focus {background-color: #006197; color:white; }
.aq-day {font-family: "proxima-nova-n4","proxima-nova","Open Sans", Corbel, Helvetica, Arial; font-size: 1.5rem;  }
.aq-color {    margin: 9px auto 7px auto;  height: 40px;  width: 40px;  border-radius: 50%;
    text-align: center; line-height: 3.8rem; font-weight: 600;    border: 2px solid white;}
.aq-color.green { background-color: #009966; color: white;}
.aq-color.yellow {background-color: #ffde33; color: #333; }
.aq-color.orange {background-color: #ff9933; color: #333; }
.aq-color.red {background-color: #cc0033; color: white; }
.aq-color.purple {background-color: #660099; color: white; }
.aq-color.maroon {background-color: #7E0023; color: white; }
.aq-level {font-family: "proxima-nova-n4","proxima-nova","Open Sans", Corbel, Helvetica, Arial;
    line-height: 1.45rem;  font-size: 1.25rem; min-height: 30px;  }
.aq-pol { font-size: 1.4rem;  line-height: 1.6rem;text-transform: uppercase; margin-bottom: 5px; }
.pol-info-area {width:96.4%; margin-left: 1.8%;    margin-top: 10px;    display: inline-block;
    background-color: rgb(0,142,184); border-radius: 6px;   padding: 0 1% 15px 1%;}
.pol-info {   background: white; border-radius: 6px;
    padding: 10px 15px;  width: 48%;  float: left;  margin: 0 1%; }
.pol-info-detail {margin-top: 10px; margin-bottom: 10px;  display: inline-block;   width: 100%;}
.pol-side {width: 33%; float:left;}
.pol-value-side {width: 66%; float:left;  border-radius: 6px;}
.pol-value-side.green { background-color: #009966; color: white;}
.pol-value-side.yellow {background-color: #ffde33; color: #333; }
.pol-value-side.orange {background-color: #ff9933; color: #333; }
.pol-value-side.red {background-color: #cc0033; color: white; }
.pol-value-side.purple {background-color: #660099; color: white; }
.pol-value-side.maroon {background-color: #7E0023; color: white; }
.aq-icon.icomoon {font-size: 4rem; float:left; line-height: 4rem; color: rgba(0,0,0,0.5);}
.pol-info-detail .aq-pol {    text-align: left;  margin-left: 8px;  float: left;line-height: 4rem;}
.pol-info-detail .aq-value { margin: 0px 10px 0px 15px;  float: left; font-size: 1.8rem; font-weight:600; line-height: 4rem;}
.pol-info-detail .aq-color-area {width:20%; float: left; text-align:center;}
.pol-info-detail .aq-level { float: left;  margin-top: 14px;  min-height: 15px;    font-weight: 600;}
.pol-info-hdr {text-transform: uppercase; width: 100%; text-align: left; margin-bottom:4px;
    font-weight: 500; font-size: 1.4rem; line-height:1.8rem;  }
.pol-info-desc {  font-size: 1.3rem;  margin-left: 2px;  text-transform: none;  }
.pol-info-txt {  font-size: 1.4rem;  line-height: 1.6rem;  }
.side-space {  margin: 0 3%;  }
.center-230 {width: 230px; margin-left: auto; margin-right: auto; margin-top: 30px; position: relative;}
.city-cover {  width: 100%;  position: absolute;  height: 50px;  background-color: white; top: 240px; }
.search-input.caq-search {  margin-left: 25px;  max-width: 180px;  }
.caq-cover {   background-image:  url('CurrentAQ.jpg');position: absolute; top: 1px; width: 230px; height: 230px;
    background-size: 230px 230px;  display: inline-block; left: 1px; }

/*   Hover Colors   */
a.grid-link.teal-hover:hover, a.grid-link.teal-hover:focus, a.teal-hover:hover, a.teal-hover:focus {  color: #008eb8 !important;  }
a.grid-link.yellow-hover:hover, a.grid-link.yellow-hover:focus, a.yellow-hover:hover, a.yellow-hover:focus {   color: rgb(255,240,160) !important;  }
a.grid-link.orange-hover:hover, a.grid-link.orange-hover:focus, a.orange-hover:hover, a.orange-hover:focus {    color: #ee8301 !important;}
a.grid-link.black-hover:hover, a.grid-link.black-hover:focus, a.black-hover:hover, a.black-hover:focus {  color: rgba(0,0,0,0.8) !important;   }
a.grid-link.white-hover:hover, a.grid-link.white-hover:focus, a.white-hover:hover, a.white-hover:focus {  color: #fff !important;  }
a.grid-link.green-hover:hover, a.grid-link.green-hover:focus, a.green-hover:hover, a.green-hover:focus {   color: rgb(15, 157, 88) !important;  }
a.grid-link.seafoam-hover:hover, a.grid-link.seafoam-hover:focus, a.seafoam-hover:hover, a.seafoam-hover:focus {    color: rgb(0, 196, 198) !important;}

/*   Button Colors   */
a.grid-hdr-btn.white-btn { background: rgba(255,255,255,0.85); color: #008eb8; }
a.grid-hdr-btn.neutral-btn { background: rgba(255,255,255,0.75);  color: rgba(0,0,0,0.7) !important; }
a.grid-hdr-btn.dark-btn { background: rgba(0,0,0,0.6);  color: white !important; }
a.grid-hdr-btn.blue-btn {     background: rgba(0,79,131,0.85);  color: white !important; }
a.grid-hdr-btn.teal-btn { background: rgb(0,142,184);  color: white !important;}
a.grid-hdr-btn.green-btn {     background: rgb(15, 157, 88);  color: white !important; }
a.grid-hdr-btn.seafoam-btn {     background: rgb(0, 196, 198);  color: white !important;}
a.grid-hdr-btn.orange-btn {     background: #ee8301;  color: white !important; }
a.grid-hdr-btn.yellow-btn { background: #ffd800;  color: rgb(0,79,131) !important; }
a.grid-hdr-btn.tan-btn { background: rgba(200,160,120,0.85);  color: white !important;}

/*   Button Hover Colors   */
a.grid-hdr-btn.white-hover:hover, a.grid-hdr-btn.white-hover:focus { background-color: rgb(255,255,255); color: rgb(0,120,152) !important; }
a.grid-hdr-btn.teal-hover:hover, a.grid-hdr-btn.teal-hover:focus { background-color: rgb(0,142,184); color: white !important;}
a.grid-hdr-btn.green-hover:hover, a.grid-hdr-btn.green-hover:focus { background-color: rgb(15, 157, 88); color: white !important; }
a.grid-hdr-btn.seafoam-hover:hover, a.grid-hdr-btn.seafoam-hover:focus { background-color: rgb(0, 196, 198);  color: white !important;}
a.grid-hdr-btn.orange-hover:hover, a.grid-hdr-btn.orange-hover:focus { background-color: #ee8301; color: white !important; }
a.grid-hdr-btn.yellow-hover:hover, a.grid-hdr-btn.yellow-hover:focus { background-color: #ffd800; color: rgb(0,120,152) !important;}


/*   Overlay Colors   */
.grid-box-overlay.wildfire-overlay {   background-color: rgba(245,140,0,0.6);  }
.grid-box-overlay.teal-overlay {  background-color: rgba(0,142,184,0.7);  }
.grid-box-overlay.dark-overlay {  background-color: rgba(0,0,0,0.2);  }
.grid-box-overlay.ultradark-overlay {  background-color: rgba(0,0,0,0.5);  }
.grid-box-overlay.light-overlay {  background-color: rgba(255,255,255,0.3);  }
.grid-box-overlay.ultralight-overlay {  background-color: rgba(255,255,255,0.7);  }
.grid-box-overlay.tan-overlay {  background-color: rgba(127,100,54,0.5);  }
.grid-box-overlay.blue-overlay {  background-color: rgba(0,79,131,0.3);  }
.grid-box-overlay.ultrablue-overlay {  background-color: rgba(0,79,131,0.6); }
.grid-box-overlay.lightblue-overlay {  background-color: rgba(80,182,224,0.6);  }
.grid-box-overlay.green-overlay {  background-color: rgba(111,190,68,0.4);  }

@media only screen and (max-width: 1280px) {
    table.forecast-map.box-style td .forecast-no {  font-size: 1.1rem;  }
    table.forecast-map.box-style td.zone-ttl {  width: 20%;  }
    table.forecast-map.box-style td.text-center {  width: 16%; }
    .grid-hdr-icon.airnow-logo {  margin-left: 15px;  }
    a.grid-hdr-btn {  margin-right: 15px;  }
    .grid-hdr-icon.icomoon.icon-AQI {  margin-left: 15px;  }
    .gridbox-header.alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz, .gridbox-header.no-alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz {  margin-left: 15px;  }
    .grid-box-ttl {  font-size: 2.5rem;}
    .grid-full-cntnt .grid-lft-icon.icomoon {  margin-right: 5px;  }
}
@media only screen and (max-width: 1150px) {
    .col-md-4.top-logo {width:50%;  }
    .col-md-4.alert-area {width:50%;  }
    .col-md-4.rt-logo {width:0%;  }
    .col-md-4.alert-area .center-btn-cntnt {  margin-right: 0px;  float:right;  }
    .alert-dates.mbl-show-only {display: block;  }
    .rt-logo .inc-banner-btns {  display: none;  }
}

@media only screen and (max-width: 1050px) {
    .grid-hdr-ttl {  font-size: 1.8rem;  }
}
@media only screen and (max-width: 1024px) {
    .second-txt {  font-size: 1.4rem;  }
    .lang-picker-top {display:none;}
    .footer-wrapper.alert-page-ftr .generic-callout.col-xs-12.col-md-6 {width:50%;  }
    .footer-wrapper.alert-page-ftr .row.footer-top-section, .footer-wrapper.alert-page-ftr .row.footer-mid-section {
        max-width: 720px; margin-left: auto; margin-right: auto;  }
    .grid-box-cntnt.airnow {min-height: 300px;}
    .footer-wrapper.alert-page-ftr .footer-top-section .generic-callout {  border-top: none;  }
    ul.second-actions.full-width li .inc-banner-right {  width: 80%;  }
    .alert-dates {  font-size: 1.6rem; line-height:4.7rem; }
    .gridbox-header.alerts .full-box-ttl, .gridbox-header.no-alerts .full-box-ttl {  line-height: 4.4rem;  }
    .grid-box-area.home-page.mbl-no-show {display: none;}
    .grid-box-area.home-page.mbl-only {display: inline-block;}
    li.grid-box.four-box {  min-height: 50px; max-height: 50px; }
    .grid-box-area.home-page a.grid-box-btn .grid-box-ttl {    min-width: 100%;  font-size: 1.5rem;  line-height: 1.7rem;  }
    .footer-wrapper .footer-top-section .generic-callout .callout-contact-info .static-text {width: auto;}
}

@media only screen and (max-width: 1010px) {
    .grid-box-padded .inc-banner-right {  width: 90%;  }
    .grid-box-padded .inc-banner-mid {  width: 8%;  }
    .grid-box-padded {  padding: 10px 15px 7px 15px;  }
    .pol-info-detail .aq-value {  margin: 0px 6px 0px 8px;  }
    .pol-info-detail .aq-level {  font-size: 1.15rem;  line-height: 1.35rem; }
    table.sta-alert-tbl.home-alerts {  width: 65%;  }
}
@media only screen and (max-width: 991px) {
    ul.second-actions li {  margin: 8px 2%;  width: 46%;  }
    li.grid-box.lrg-box {  width: 98%;  }
    li.grid-box.sm-box {  width: 48%;  }
    table.sta-alert-tbl.home-alerts {  width: 63%;  }
    .grid-box-area.home-page a.grid-box-btn .grid-box-ttl { font-size: 1.4rem;  line-height: 1.6rem;  }
    ul.second-actions.two-alerts li { margin: 8px 2%;  width: 46%; }
}
@media only screen and (max-width: 900px) {
    li.grid-box.four-box {  width: 49%;  margin: 0px 0.5% 10px 0.5%;  }
    ul.grid-boxes {  padding: 12px 0 0px 0;  }
    table.sta-alert-tbl.home-alerts {  width: 70%;  }
    .grid-box-area.home-page a.grid-box-btn .grid-box-ttl { font-size: 1.5rem;  line-height: 1.7rem;  }
}
@media only screen and (max-width: 880px) {
    .grid-hdr-ttl {  font-size: 1.6rem;  }
    .grid-box-ttl {  font-size: 2.3rem;  line-height: 2.7rem;  }
    .grid-full-cntnt {  padding: 20px 15px;  }
    .grid-lft-icon.icomoon {  font-size: 9rem;  }
    ul.white-bullet {  margin-left:30px;  }
    .pol-info {  width: 98%; margin-bottom:15px;  }
    .pol-info-area {  padding: 0 1% 0px 1%;  }
}
@media only screen and (max-width: 767px) {
    .grid-box-padded .inc-banner-right {  width: 91%;   padding-top: 5px !important;  padding-bottom: 5px !important; }
    .grid-box-padded {  padding: 5px 10px 5px 10px;  }
    .alrt-to {  padding: 0 2px !important;  }
    .sta-alrt-txt {  line-height: 1.8rem;  }
    ul.grid-boxes {  padding: 0px 0 8px 0;  }
    .grid-box-area.home-page.mbl-only ul.grid-boxes {  padding: 10px 0 0px 0;  }
    .secondary-container.main-content {padding-top:10px;  }
    .grid-full-cntnt {  padding: 10px 12px;  }
    .footer-wrapper.alert-page-ftr .row.footer-top-section, .footer-wrapper.alert-page-ftr .row.footer-mid-section {  max-width: 600px;  }
    a.spare-logo.icomoon.icon-SpareAirHoriz {  margin-top: 0px;  }
    ul.second-actions.full-width li.second-act-card {  display: inline-block !important;  flex-flow: unset;  margin-left: 10px;  margin-right: 10px;  max-width: 98%;  box-sizing: border-box;  }
    a.lft-hdr-items.aqf-zone.mbl-no-show {display:none;  }
    .search-input.aqf-search.mbl-no-show {display:none;  }
    .mbl-search-area {  display: inline-block;  float: right;  margin-right: 1%;  }
    ul.aq-cards {  padding: 8px 1.25% 0px 1.25%;  }
    .aq-level {  line-height: 1.35rem;  font-size: 1.15rem; }
    div#outercontent_0_pnlWrapper.row.content-block.one-column .container-fluid {padding: 0;}
    li.grid-box.four-box {  width: 48%;  margin: 0px 1% 10px 1%;  }
    .footer-wrapper .footer-top-section .generic-callout .callout-contact-info .static-text {width: 100%;}
    .callout-contact-info .footer-logo a {  float: none !important;  }
    .footer-wrapper .footer-top-section .generic-callout .callout-contact-info .footer-logo {height: 41px;}
}
@media only screen and (max-width: 700px) {
    .grid-box-padded {  padding: 5px 5px 5px 5px;  }
    .grid-box-padded .cal-group {  background-size: 39px 45px !important;  width: 39px;  height: 45px;  }
    .alrt-month {  font-size: 0.85rem;  margin-top: 14px !important;  line-height: 0.95rem;  }
    .alrt-dayno {  font-size: 1.5rem;  line-height: 1.7rem;  }
    .alrt-to {  font-size: 1rem;  line-height: 2.2rem;  margin-top: 14px !important;  }
    .grid-box-padded .inc-banner-right {  width: 88%;  }
    .grid-box-padded .inc-banner-mid {  width: 10%;  }
    .gridbox-header.alerts .full-box-ttl, .gridbox-header.no-alerts .full-box-ttl {  margin-right: 10px;  font-size: 1.6rem; }
    .grid-lft-icon.icomoon {  font-size: 8rem;    line-height: 8rem;  }
    .grid-lft-cntnt {  width: 100%;  }
    .grid-rt-cntnt {  padding: 0px 20px 0px 20px;  margin-top: 10px;  border-left: none;  width: 100%;  }
    .grid-box-overlay {  vertical-align: top;  }
    .aq-level {  line-height: 1.25rem;  font-size: 1.05rem;   }
}
@media only screen and (max-width: 670px) {
    li.grid-box.sm-box {  width: 98%;  }
    .grid-box-cntnt.airnow {  min-height: 300px;  }
    ul.second-actions li {  margin: 4px 20%;  width: 60%;  }
    .footer-wrapper.alert-page-ftr .generic-callout.col-xs-12.col-md-6 {  width: 100%;  }
    .footer-wrapper.alert-page-ftr .generic-callout.col-xs-12.col-md-6:first-of-type {padding-bottom:10px;  }
    .footer-wrapper.alert-page-ftr .generic-callout.col-xs-12.col-md-6:last-of-type {padding-top:10px; padding-bottom:15px; }
    .footer-wrapper.alert-page-ftr .footer-top-section .generic-callout {  border-top: none;  }
    a.spare-logo.icomoon.icon-SpareAirHoriz {  text-align: center; width:100%;  }
    .row.footer-mid-section .static-text {  margin-left: 10%;  width: 80%;  }
    table.forecast-map.box-style td.text-center {  min-height: 60px;  height: 60px; }
    table.forecast-map.box-style td.text-center .aqi-color {  min-height: 56px;}
    table.forecast-map.box-style td.zone-ttl {  font-size: 1.2rem;  }
    table.forecast-map.box-style td.zone-ttl {  width: 15%;  }
    table.forecast-map.box-style td.text-center {  width: 17%; }
    table.forecast-map.box-style td .pol-type {  font-size: 1rem;  }
    table.forecast-map td.forecast-hdr {  font-size: 1.25rem;  }
    a.lft-hdr-items .dropdown-content ul li {  font-size: 1.3rem;  text-indent: 10px;  }
    .modal .modal-dialog .modal-content .modal-body.five-day {  padding: 20px 20px 0px 20px;  }
    table.forecast-map.box-style tr.selected-zone td.zone-ttl {    line-height: 1.5rem;  padding: 10px 0px 10px 5px;}
    .aq-level {  min-height: 40px;  }
    .gridbox-header.alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz,
    .gridbox-header.no-alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz {  font-size: 3rem;  }
    .alert-dates {  font-size: 1.4rem;  }
    .pol-icon.icomoon {  display:none;  }
    table.sta-alert-tbl.home-alerts {  width: 65%;  }
    ul.second-actions.two-alerts li { margin: 4px 20%;  width: 60%; }
}
@media only screen and (max-width: 570px) {
    .search-input.aqf-search.caqm-search {  float: right; margin-left: 50%;margin-right: 10px;  }
}

@media only screen and (max-width: 530px) {
    .aq-level {  font-size: 1rem; }
    a.lft-hdr-items.aqf-zone {  width: 185px;  }
    .search-input.aqf-search {  margin-right: 0px;  }
    .aq-day {  font-size: 1.3rem;  }
    ul.aq-cards li {  padding: 12px 3px 0 3px;  }
    .aq-pol {  font-size: 1.2rem;  line-height: 1.4rem;  margin-bottom: 4px;  }
}
@media only screen and (max-width: 500px) {
    .grid-box-cntnt.firesmoke {  min-height: 300px;  }
    .lft-hdr-items {  width: 45%;  }
    .rt-hdr-items {  width: 55%;  }
    a.grid-hdr-btn {  margin-right: 10px;  padding: 6px 8px; font-size: 1.2rem;    line-height: 1.35rem; }
    .aqi-txt-bar {  padding: 1px 15px;  }
    .gridbox-header.alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz, .gridbox-header.no-alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz {  font-size: 3rem;  }
    .gridbox-header.alerts .full-box-ttl, .gridbox-header.no-alerts .full-box-ttl {  font-size: 1.4rem;
        line-height:3.3rem; text-align:center; margin-top:6px;}
    .alert-dates {  font-size: 1.2rem; margin-right: 10px; }
    .gridbox-header.alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz, .gridbox-header.no-alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz {
        font-size: 2.4rem;    margin-left: 8px;  }
    .grid-box-padded .cal-group {position: relative;  margin-left: auto;  margin-right: auto;  float:none;  }
    .cal-group-to {width:100%; text-align: center;  float: none;  }
    .alrt-to {    line-height: 1.2rem;  margin-top: 5px !important;  }
    .alrt-month {  margin-top: 12px !important;  position: absolute;  width: 100%;  }
    .alrt-dayno {  margin-top: 21px !important;  position: absolute;  width: 100%;  }
    .grid-box-padded .inc-banner-mid {  width: 15%;  }
    .grid-box-padded .inc-banner-right {  width: 83%;  }
    .grid-lft-icon.icomoon.icon-Wildfire {  margin-top:10px;  }
    .grid-box-ttl {  line-height: 3.5rem;  }
    ul.second-actions li {  margin: 4px 10%;  width: 80%;  }
    table.forecast-map.box-style td.text-center {  min-height: 74px;  height: 74px; }
    table.forecast-map.box-style td.text-center .aqi-color {  min-height: 72px;}
    table.forecast-map.box-style td.zone-ttl {  font-size: 1.1rem;  }
    table.forecast-map.box-style td .forecast-no {  font-size: 1rem;  }
    table.forecast-map.box-style td .pol-type {  font-size: 0.9rem;  }
    .lft-hdr-items .float-lft { font-size: 1rem; max-width: 75%; line-height: 1.1rem;  margin-top: 9px; }
    a.grid-hdr-btn.aqi-key.air-data .dropdown-content.aqikey {width: 200%; left: -50px;}
    a.grid-hdr-btn.aqi-btn .dropdown-content {width:300%; left: -120px;}
    .modal .modal-dialog .modal-content .modal-body.five-day {  padding: 20px 10px 0px 10px;  }
    a.grid-hdr-btn.mbl-no-show {display: none;  }
    a.grid-hdr-btn.mbl-only {display: inline-block; }
    table.sta-alert-tbl.home-alerts {  width: 60%;  }
    .grid-box-area.home-page a.grid-box-btn .grid-box-ttl {  font-size: 1.4rem;  line-height: 1.6rem;  }
    .grid-box-area.home-page.mbl-only .grid-lft-icon.icomoon.icon-Wildfire {font-size: 4rem;  margin-left: 5px;
        margin-right: 5px;  line-height: 3rem;}
    ul.second-actions.two-alerts li { margin: 4px 10%;  width: 80%; }
}
@media only screen and (max-width: 480px) {
    li.grid-box.four-box {  width: 100%;  margin: 0px 0% 10px 0%;  }
    .grid-box-area.home-page a.grid-box-btn .grid-box-ttl {  font-size: 1.5rem;  line-height: 1.7rem;  }
    table.sta-alert-tbl.home-alerts {  width: 74%;  }
    ul.second-actions.full-width li a {    padding: 6px 15px;}
    ul.second-actions.full-width li .inc-banner-mid {  width: 15%;  margin-right: 3%;  }
    ul.second-actions.full-width li .inc-banner-right {  width: 80%;  }
}
@media only screen and (max-width: 400px) {
    .gridbox-header.alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz, .gridbox-header.no-alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz {  font-size: 2.5rem;  }
    a.grid-hdr-btn { line-height: 1.4rem; }
    ul.second-actions li {  margin: 4px 7%;  width: 86%;  }
    a.lft-hdr-items .dropdown-content ul li {  font-size: 1.1rem;  text-indent: 5px;  }
    .dropdown-content.note-pop {  left: -140px;  }
    .grid-hdr-icon.icomoon.icon-AQI {  margin-left: 10px;  }
    .grid-hdr-ttl {  margin-left: 5px;  font-size: 1.5rem;  }
    .zone-name {  font-size: 1.2rem;  }
    .aq-icon.icomoon {  display: none;  }
    .pol-side {  width: 25%;  }
    .pol-value-side {  width: 75%;  }
    .pol-info-detail .aq-pol {  margin-left: 0px;  }
    a.lft-hdr-items.aqf-zone { float:left; width: 155px;  margin-right: 2px;  }
    .gridbox-header.alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz, .gridbox-header.no-alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz {
        font-size: 2.2rem;    margin-left: 6px;  }
    .pol-txt {  font-size: 1.3rem;  margin-left: 5px;  }
    a.grid-hdr-btn.aqi-btn, a.grid-hdr-btn.aqi-key {  margin-right: 5px;}
    .search-input.aqf-search.caqm-search { margin-right: 5px;  }
    .gridbox-header.alerts .full-box-ttl, .gridbox-header.no-alerts .full-box-ttl {  font-size: 1.25rem;  }
    ul.second-actions.full-width li .inc-banner-mid {  width: 16%;  margin-right: 4%;  }
    ul.second-actions.two-alerts li { margin: 4px 7%;  width: 86%; }
}
@media only screen and (max-width: 370px) {
    .gridbox-header.alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz,
    .gridbox-header.no-alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz {  font-size: 2.2rem; margin-left: 10px; }
    .gridbox-header.alerts .full-box-ttl, .gridbox-header.no-alerts .full-box-ttl {  font-size: 1.3rem;  }
    .grid-box-padded .sitewide-description p {  font-size: 1.3rem !important;  line-height: 1.6rem;  }
    .grid-hdr-icon.icomoon.icon-AQI {  margin-left: 10px;  }
    .grid-hdr-ttl {  font-size: 1.3rem;  margin-left: 5px;  }
    a.grid-hdr-btn {  margin-right: 8px;  padding: 6px 5px;  font-size: 1.1rem;  }
    .aqi-txt-bar {  padding: 1px 10px;  }
    .lft-hdr-items {  width: 40%;  }
    .rt-hdr-items {  width: 60%;  }
    .grid-hdr-icon.airnow-logo {  margin-left: 7px;  }
    ul.second-actions li {  margin: 4px 4%;  width: 92%;  }
    .zone-name {  font-size: 1.1rem;  }
    .modal .modal-dialog .modal-content .modal-body.five-day {  padding: 10px 5px 0px 5px;  }
    table.forecast-map.box-style tr.selected-zone td.zone-ttl {  line-height: 1.4rem;  padding: 7px 0px 7px 5px;  }
    table.forecast-map.box-style td .forecast-no {  font-size: 0.9rem;  line-height: 1.1rem; }
    table.forecast-map.box-style td.text-center {  min-height: 68px;  height: 68px; }
    table.forecast-map.box-style td.text-center .aqi-color {  min-height: 66px;}
    .aq-day {  font-size: 1.1rem;  }
    .aq-pol {  font-size: 1rem;  }
    .aq-level {  font-size: 0.9rem; line-height: 1rem; min-height: 36px; }
    .pol-side {  width: 20%;  }
    .pol-value-side {  width: 80%;  }
    .pol-info-detail .aq-level {  max-width: 150px;  }
    .pol-info-txt {  font-size: 1.3rem;  line-height: 1.4rem;  }
    a.lft-hdr-items.aqf-zone {  float: right;  width: 180px;  }
    .gridbox-header.alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz,
    .gridbox-header.no-alerts .grid-ttl-icon.icomoon.icon-SpareAirHoriz {  font-size: 1.8rem;    }
    li.grid-box.four-box {  width: 94%;  margin: 0px 3% 10px 3%;  }
    .gridbox-header.alerts .full-box-ttl, .gridbox-header.no-alerts .full-box-ttl {  font-size: 1.1rem;  }
    .alert-dates {  font-size: 1.15rem;  }
    ul.second-actions.full-width li .inc-banner-mid {  width: 16%;  margin-right: 6%;  }
    ul.second-actions.full-width li .inc-banner-right {  width: 78%;  }
    ul.second-actions.two-alerts li { margin: 4px 4%;  width: 92%; }
}

#BAAQMDwidgetSTAs {
    position: relative;
    overflow: hidden;
    height: auto;
    width: 184px;
    background: #00a3d6;
    border-radius: 6px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3), 0px 2px 4px 0px rgba(0, 0, 0, 0.3), 0px 1px 4px -4px rgba(0, 0, 0, 0.2);
}
#BAAQMDwidgetSTAs.alert-widget, #BAAQMDwidgetSTAs.no-alert-widget {  margin: 0 auto;  }
#BAAQMDwidgetSTAs.alert-widget {
    background: #fff;
    height: 144px;
}
#BAAQMDwidgetSTAs.alert-widget #baaqmdng_top {
    background-color: #de2b2e;
}
#BAAQMDwidgetSTAs.no-alert-widget {
    background: #fff;
    height: 144px;
}
#BAAQMDwidgetSTAs.no-alert-widget #baaqmdng_top {
    background-color: #009dda;
}
.widget-logo.icomoon.icon-SpareAirHoriz {
    color: white;
    font-size: 2rem;
    line-height: 2.7rem;
}
#BAAQMDwidgetSTAs #baaqmdng_top {
    height: 28px;
    width: 100%;
    background: white;
    margin: 0px;
    position: relative;
}
#BAAQMDwidgetSTAs .baaqmdng_mid {
    height: 84px;
}
a.widgets-link:hover, a.widgets-link:focus {
    color: #ee8301 !important;
}
a.widgets-link:link, a.widgets-link:visited {
    color: #111;    font-weight: 300;
    font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;
    font-size: 8pt !important;
    line-height: 8pt !important;
}
.widget-date {
    line-height: 8pt !important;
    margin-top: 6px;
    color: #111;    font-weight: 300;
    font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;
    font-size: 8.5pt !important;
}
.widget-alrt-txt {margin-top: 4px; text-transform: uppercase;
    color: #111;    font-weight: 600;
    font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;
    font-size: 13.5pt !important; line-height: 13pt;
}
.widget-icon.icomoon.icon-AlertOne, .widget-icon.icomoon.icon-AlertTwo, .widget-icon.icomoon.icon-AlertThree {
    color: #de2b2e; font-size: 28pt !important; line-height: 30pt;
}

.widget-icon.icomoon.icon-Clouds {margin-top:2px;
    color: #009dda; font-size: 40pt !important; line-height: 40pt;
}

.secondary-container .container-fluid>div#outercontent_1_innercontent_2_pnlWrapper.content-block.one-column {
    margin-top: 0;    padding: 0 35px;
}

@media only screen and (max-width: 1024px) {
    .secondary-container .container-fluid>div#outercontent_1_innercontent_2_pnlWrapper.content-block.one-column {
        padding: 0 0px;
    }
}
@media only screen and (max-width: 767px) {
    .secondary-container .container-fluid>div#outercontent_1_innercontent_2_pnlWrapper.content-block.one-column {
        padding: 0 10px !important;
    }
}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    li.grid-box.sm-box {display: inline-block; background: rgba(255,255,255,0); box-shadow: none; border-radius: 6px !important;}
    .grid-box-cntnt {  max-width: 100% !important;   display: inline-block; box-sizing: border-box; }
    .grid-box-overlay {  display: inline-block; box-sizing: border-box; border-radius: 6px !important; max-width:100%;
        box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1), 0px 1px 3px 0px rgba(0,0,0,0.1), 0px 1px 3px -3px rgba(0,0,0,0.1); }
    .grid-full-cntnt {   box-sizing: border-box;  }
    .grid-box-cntnt.white-notif {background-color: rgba(255,255,255,0); }
    .grid-box-cntnt.white-notif .grid-box-overlay {background-color: white;}
}