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%;  }
.nav-desktop-wrapper.alert-page .bottom-nav-wrapper {height: 0px;}
.alert-page div#baaqmdng_bot {  bottom: 10px;  }
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, .grid-right-cntnt {min-height: 100%;  vertical-align: middle;  width: 23%; text-align: center;  }
.grid-lft-cntnt {float: left;  }
.grid-right-cntnt { float: right;  }
.grid-lft-icon.icomoon.mbl-only {display: none; margin-right: 5px; margin-left: -3px; margin-bottom:5px;
    float: left; font-size: 3.5rem; line-height: 3rem; color: rgb(255,255,255); text-align: center;}
.grid-lft-cntnt table.sta-alert-tbl, .grid-right-cntnt table.sta-alert-tbl {height: 100%;    width: 100%;  vertical-align: middle; }
.grid-rt-cntnt, .grid-left-cntnt {     min-height: 100%;  margin-top: 20px; margin-bottom: 20px; width: 77%;  }
.grid-rt-cntnt {  padding: 0px 15px 0px 20px;  border-left: solid 1px rgba(255,255,255,0.5);  float: right;  }
.grid-left-cntnt {  padding: 0px 20px 0px 25px;   border-right: solid 1px rgba(255,255,255,0.5);  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.ltblue-overlay .grid-box-ttl, .grid-box-overlay.ltblue-overlay .grid-box-txt,
.grid-box-overlay.ltblue-overlay .grid-box-txt p a {color: rgba(0,0,0,0.75);}
.grid-box-overlay.ltblue-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('../../../DotGov/includes/images/dummies/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: 8px;  }
.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, .grid-box .grid-hdr-icon.icomoon {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, .btn-centering.btn-right a.grid-hdr-btn {margin-right: 0;  float: right;  }
.btn-centering.btn-left a.grid-hdr-btn {margin-left: 0;  float: left;  }
.btn-centering.btn-center {text-align: center;}
.btn-centering.btn-center a.grid-hdr-btn {margin-left: auto;  margin-right: auto;  float: none; text-align: center;}
#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) !important;  font-size: 1.4rem; }
.alert-main-cntnt a:hover, .alert-main-cntnt a:focus {    color: rgb(0,142,184) !important;}
.mbl-alert-logo a.sta-alrt-txt {color: white !important;}
.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; margin-left: 10px;   text-align: center;}
.nav-desktop-wrapper.alert-page .language-picker {padding-left: 45px;}
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; margin-left: auto; margin-right: auto; }
.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;  }

/*   Video Player   */
.alert-page .video-content-area {width: 100%; border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important;
    display: inline-block; overflow: hidden;   height: calc(100% - 40px);}
.alert-page .video-content-area iframe {
    height: 100% !important;
}

/*   Air Quality Map   */
.alert-page .grid-box-area .embed-block-frame {display: flex; max-width: 100%; width: 100%; margin-top: -3px; border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important; overflow: hidden; margin-bottom: -3px;}
.alert-page .grid-box-area .embed-block-frame iframe {display: flex; max-width: 100%;  width: 100%;  min-height: 250px;
    height: 100%; border-width: 0px; border-color: rgba(255,255,255,0);}
.alert-page .grid-box-area .embed-block-frame iframe .gm-style div div div {border-radius: 6px !important;}
.gm-style .place-card a:hover, .gm-style .default-card a:hover, .gm-style .directions-card a:hover {text-decoration: none;
    color: #ee8301 !important;}

/*   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;  }


.hero-top {margin-top: 4px; box-sizing: border-box; width: calc(100% + 60px);  height: 6px; margin-bottom: 0px;
    background-color: rgb(0,142,184);  margin-left: -30px;   }
@media only screen and (max-width: 1824px) {.hero-top { width: calc(100% + 50px); margin-left: -25px;}}
@media only screen and (max-width: 1624px) {.hero-top { width: calc(100% + 40px); margin-left: -20px;}}
@media only screen and (max-width: 1424px) {.hero-top { width: calc(100% + 30px); margin-left: -15px;}}
@media only screen and (max-width: 1224px) {.hero-top { width: calc(100% + 20px); margin-left: -10px;}}
@media only screen and (max-width: 767px) {.hero-top {     width: calc(100% + 30px); margin-bottom: -10px; padding: 0px !important;
    box-sizing: content-box; margin-left: -15px; margin-right: -15px; margin-top: 0px !important;}}
@media only screen and (max-width: 600px) {.hero-top {    margin-top: 7px !important;}}

/*   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; }

/*   Text Alert Box   */
.alert-page .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input,
div#homeAlertBlocksContainer .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input {border: none; border-radius: 6px;
    background-color: rgba(255,255,255,0.9) !important;    padding: 6px 8px; font-size: 1.5rem;}
.alert-page .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input:active,
.alert-page .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input:hover,
.alert-page .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input:focus,
div#homeAlertBlocksContainer .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input:active,
div#homeAlertBlocksContainer .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input:hover,
div#homeAlertBlocksContainer .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input:focus{background-color: white !important;}
.alert-page .enhanced-textbox .field-validation-error, .alert-page span.field-validation-error span,
div#homeAlertBlocksContainer .enhanced-textbox .field-validation-error, .alert-page span.field-validation-error span {color: rgb(245,225,95); font-size: 1.2rem;}
.alert-page span.field-validation-error span, div#homeAlertBlocksContainer span.field-validation-error span {margin-top: 4px; display: inline-block;}
.alert-page .sign-up-notifications__toolbar-description-for-alert,
div#homeAlertBlocksContainer .sign-up-notifications__toolbar-description-for-alert {line-height: 1.7rem; margin-bottom:13px; margin-top: 12px;}
.alert-page .text-primary h5, div#homeAlertBlocksContainer .text-primary h5 {font-size: 1.5rem !important;font-family: Roboto, RobotoDraft, "Helvetica Neue", sans-serif;color: white;}
.alert-page .enhanced-textbox, div#homeAlertBlocksContainer .enhanced-textbox {margin: 0;}
.alert-page .enhanced-textbox .icon-set, div#homeAlertBlocksContainer .enhanced-textbox .icon-set {  display: none;}
.alert-page button.btn.btn-outline-primary.font-size-9.sign-up-notifications__toolbar-submit-button,
div#homeAlertBlocksContainer button.btn.btn-outline-primary.font-size-9.sign-up-notifications__toolbar-submit-button {
    float: right;background-color: rgba(255,255,255,0.9) !important;color: rgb(0,142,184) !important;
    cursor: pointer;border-radius: 6px;margin-top: 7px;padding: 2px 12px;}
.alert-page button.btn.btn-outline-primary.font-size-9.sign-up-notifications__toolbar-submit-button:hover,
.alert-page button.btn.btn-outline-primary.font-size-9.sign-up-notifications__toolbar-submit-button:focus,
div#homeAlertBlocksContainer button.btn.btn-outline-primary.font-size-9.sign-up-notifications__toolbar-submit-button:hover,
div#homeAlertBlocksContainer button.btn.btn-outline-primary.font-size-9.sign-up-notifications__toolbar-submit-button:focus {
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.16), 0px 2px 3px 0px rgba(0,0,0,0.14), 0px 1px 3px -3px rgba(0,0,0,0.13);
    background-color: #ee8301 !important;color: white !important;}
.alert-page .col.d-flex.col-no-padding .d-flex div {float: left;margin-right: 30px;}
.alert-page .col.d-flex.col-no-padding .d-flex {width: 100%;display: inline-block;}
.alert-page input[type="checkbox"], div#homeAlertBlocksContainer input[type="checkbox"] {  -webkit-appearance: none;
    background-color: #fafafa;  background: transparent url("../../../DotGov/includes/images/permit/Checkbox.png") no-repeat center center;
    background-size: 16px 16px;  border: 1px solid #cacece;  padding: 7px;  border-radius: 3px;
    display: inline-block;  position: relative;  line-height: 2rem !important;  display: inline-block;  vertical-align: bottom;}
.alert-page input[type="checkbox"]:hover, div#homeAlertBlocksContainer input[type="checkbox"]:hover {
    background: transparent url("../../../DotGov/includes/images/permit/Checkbox.png") no-repeat center center;
    background-size: 16px 16px;  border: 1px solid rgb(180,200,220); }
.alert-page input[type="checkbox"]:checked, div#homeAlertBlocksContainer input[type="checkbox"]:checked {  background-color: rgb(0,142,184);
    background: transparent url("../../../DotGov/includes/images/permit/AlertCheckboxChecked.png") no-repeat center center;  background-size: 16px 16px; color: #99a1a7;}
.alert-page input[type="checkbox"]:checked:hover {  background-color: rgb(0,142,184);
    background: transparent url("../../../DotGov/includes/images/permit/AlertCheckboxChecked.png") no-repeat center center;  background-size: 16px 16px; color: #99a1a7;}
.collection-container-form__spinner {position: absolute; border: 3px solid white; margin-left: 15px; margin-top: 1px;
    border-radius: 50%; border-top: 3px solid rgb(0,142,184); border-bottom: 3px solid rgb(0,142,184);
    width: 18px; height: 18px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite;}
/* Safari */
.collection-container-form__spinner@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
.collection-container-form__spinner@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


/*   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.5);  }
.grid-box-overlay.ultrablue-overlay {  background-color: rgba(0,79,131,0.7); }
.grid-box-overlay.ltblue-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: 1400px) {
.nav-desktop-wrapper.alert-page .language-picker {padding-left: 35px;}
}
@media only screen and (max-width: 1350px) {
    .nav-desktop-wrapper.alert-page .language-picker {padding-left: 30px;}
}
@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, .grid-box .grid-hdr-icon.icomoon {  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: 1200px) {
    .nav-desktop-wrapper.alert-page .language-picker {padding-left: 25px;}
}
@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: 1100px) {
    .nav-desktop-wrapper.alert-page .language-picker {padding-left: 20px;}
}
@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; }
}
@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%;  }
    .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;  }
    .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%;  }
    .grid-full-cntnt .grid-lft-icon.icomoon {  line-height: 3rem;  }
}
@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, .grid-right-cntnt {  width: 100%;  }
    .grid-rt-cntnt, .grid-left-cntnt {  padding: 0px 20px 0px 20px;  margin-top: 13px;  border-left: none;  width: 100%;  }
    .grid-right-cntnt.mbl-only {display: inline-block;}
    .grid-lft-icon.icomoon.mbl-only {display: inline-block;}
    .grid-right-cntnt.mbl-no-show { display:none;}
    .grid-lft-cntnt.mbl-no-show {display:none;}
    .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;  }
    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-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; }
    .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;}
    .grid-lft-icon.icomoon.mbl-only {  margin-top: 0px;}
    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;  }
    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, .grid-box .grid-hdr-icon.icomoon {  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, .grid-box .grid-hdr-icon.icomoon {  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;}
}
/* Safari 10.1+ (alternate method) */

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
    .alert-page .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input {padding: 7px 8px 5px 8px;}
    .alert-page .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input::placeholder {padding: 2px 8px;}
}}
/* Safari 6.1-10.0 [not 10.1+] */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
    .alert-page .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input {padding: 7px 8px 5px 8px;}
    .alert-page .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input::placeholder {padding: 2px 8px;}
}}

/* Safari 6.1-7.0 */

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0)
{
    .alert-page .enhanced-textbox .enhanced-textbox-container .enhanced-textbox-input input::placeholder {padding: 2px 8px;}
}