.spare-the-air-docked-alert.home-page { right: 0px; } .spare-the-air-docked-alert.mobile-block .docked-bar { background: #006197; border-top-left-radius: 6px; border-bottom-left-radius: 6px; min-height: 221px; } td.dockbar-td { background: #006197; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .spare-the-air-docked-alert.winter-alert td.dockbar-td, .spare-the-air-docked-alert.alert td.dockbar-td { background: #fd7808; } td.toggle-td { background: #00a3d6; } .spare-the-air-docked-alert.winter-alert td.toggle-td, .spare-the-air-docked-alert.alert td.toggle-td { background: rgb(230,230,230); } .spare-the-air-docked-alert.mobile-block.winter .docked-bar .docked-logo-wrapper { background-size: 37px 185px; margin-left: -2px; } .spare-the-air-docked-alert.mobile-block .docked-bar .docked-logo-wrapper { margin-left: -2px; background-size: 37px 118px; margin-top: 0px; margin-bottom: 48px; } .spare-the-air-docked-alert.mobile-block.alert .docked-bar .docked-logo-wrapper { margin-bottom: 10px; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks .status-link a span { font-family: 'airdistrict' !important; } .spare-the-air-docked-alert.mobile-block.alert .docked-bar .docked-logo-wrapper { background-size: 37px 175px; margin-top: 0px; margin-bottom: 10px; height:175px; } .spare-the-air-docked-alert.mobile-block.winter .docked-bar .docked-logo-wrapper { margin-top: 0; margin-bottom: 0; } .spare-the-air-docked-alert.mobile-block.winter-alert .docked-bar .docked-logo-wrapper { background-size: 37px 229px; margin-top: 0; margin-bottom: 0; } .spare-the-air-docked-alert.mobile-block .docked-bar>span { margin: 0px 0px 10px 10px; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks>ul>li.status-block.alert .alert-headline>p span { display: none; } .spare-the-air-docked-alert.mobile-block .docked-bar>span.icon-chevron-right, .spare-the-air-docked-alert.mobile-block .docked-bar>span.icon-chevron-left { font-family: 'airdistrict' !important; } .spare-the-air-status.mobile-block { border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important; 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); } .spare-the-air-docked-alert.mobile-block .toggle-wrapper { border: none; margin-left: 0; background: #00a3d6; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .spare-the-air-docked-alert.mobile-block.winter-alert .toggle-wrapper { background: rgb(230,230,230); } .spare-the-air-docked-alert.mobile-block.alert .toggle-wrapper { background: rgb(230,230,230); min-height: 223px; border-bottom-right-radius: 0px; } .spare-the-air-docked-alert.mobile-block.winter-alert .toggle-wrapper .col-sm-3 .status-headline { color: #999; padding: 8px 0 5px 0; } .spare-the-air-docked-alert.mobile-block.alert .toggle-wrapper .col-sm-3 .status-headline { color: #999; } .spare-the-air-docked-alert.mobile-block .toggle-wrapper .col-sm-3 .status-headline { color: rgba(255,255,255,0.9); } .spare-the-air-status.mobile-block.winter-alert .toggle-wrapper .status-blocks .status-link a { color: rgb(0,142,184); } .spare-the-air-status.mobile-block.alert .toggle-wrapper .status-blocks .status-link a { color: rgb(0,142,184); } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks>ul>li.status-block { border-radius: 18px; spadding: 20px 15px 8px 15px; border: none; background: #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.07), 0px 2px 1px -1px rgba(0, 0, 0, 0.06); } .spare-the-air-status .status-block .status-info { padding-top: 7px; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks .status-link a { color: rgba(255,255,255,0.8); } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks .status-link a:hover, .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks .status-link a:focus { color: #ffce92 !important; } .spare-the-air-status.mobile-block.winter-alert .toggle-wrapper .status-blocks .status-link a:hover, .spare-the-air-status.mobile-block.winter-alert .toggle-wrapper .status-blocks .status-link a:focus, .spare-the-air-status.mobile-block.alert .toggle-wrapper .status-blocks .status-link a:hover, .spare-the-air-status.mobile-block.alert .toggle-wrapper .status-blocks .status-link a:focus { color: #fd7808 !important; } .spare-the-air-docked-alert.mobile-block .toggle-wrapper .status-blocks .status-link>a p { font-weight: 800; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks>ul>li.status-block h5 { font-size: 1.7rem; color:#777; margin-top: 10px; } .spare-the-air-status.mobile-block.alert .toggle-wrapper .status-blocks>ul>li.status-block h5, .spare-the-air-status.mobile-block.winter-alert .toggle-wrapper .status-blocks>ul>li.status-block h5 { margin-top: 2px; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks>ul>li.status-block span.air-date { font-style: normal !important; color:#777; font-weight: 500 !important; font-size: 2.5rem !important; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks>ul>li.status-block.alert .alert-headline { display:none; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks>ul>li.status-block.alert .alert-headline>p { margin-top: 0px; text-transform: uppercase;color: rgb(191,67,67); padding-top: 3px; } .spare-the-air-docked-alert.mobile-block .toggle-wrapper .status-blocks>ul li.status-block { padding: 0px 0px 6px 0px !important; width: 128px !important; margin-left: 2px; margin-right: 0 !important; border: none !important; } .spare-the-air-docked-alert.mobile-block.alert .toggle-wrapper .status-blocks>ul li.status-block, .spare-the-air-docked-alert.mobile-block.winter-alert .toggle-wrapper .status-blocks>ul li.status-block { margin-left: 3px; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks>ul>li.status-block p { color: rgb(0,142,184); font-weight: 600; } .spare-the-air-docked-alert.mobile-block.winter-alert .docked-bar { background-color: #fd7808; } .spare-the-air-docked-alert.mobile-block .toggle-wrapper .status-blocks>ul li.status-block p { width: 90%; margin-left: 5%; font-size: 1.23rem; line-height: 1.4rem; } .spare-the-air-status.mobile-block { 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); } .spare-the-air-docked-alert.mobile-block .staus-header { width: 128px; height: 26px; background: #006197 url(../../../DotGov/includes/images/spare-the-air/docked-alert/spare-the-air-horiz.png) no-repeat center; background-size: 132px 26px; margin: 0px 0px 0px 0px; border-top-left-radius: 14px; border-top-right-radius: 14px; } .spare-the-air-docked-alert.mobile-block .status-block.alert .staus-header { background: #fd7808 url(../../../DotGov/includes/images/spare-the-air/docked-alert/spare-the-air-horiz-alert.png) no-repeat center; background-size: 132px 26px; } .spare-the-air-docked-alert.mobile-block.winter .staus-header { background: #006197 url(../../../DotGov/includes/images/spare-the-air/docked-alert/spare-the-air-horiz-winter.png) no-repeat center; background-size: 132px 26px; } .spare-the-air-docked-alert.mobile-block.winter-alert .staus-header { background: #fd7808 url(../../../DotGov/includes/images/spare-the-air/docked-alert/spare-the-air-horiz-alert.png) no-repeat center; background-size: 132px 26px; } .spare-the-air-docked-alert.mobile-block.alert .status-block.alert .staus-header { background: #fd7808 url(../../../DotGov/includes/images/spare-the-air/docked-alert/spare-the-air-horiz-alert.png) no-repeat center; background-size: 132px 26px; } .no-burn-area { margin: 0; display: none; padding: 2px 0px; box-sizing: border-box; width: 100%; background-color: #ffe560; text-align: center; } .center-cntnt { text-align: center; margin-left: auto; margin-right: auto; display: inline-block; } .no-wood-burn.icon-SpareFire, .no-wood-burn.icon-NoBurn { color: rgb(191,67,67); font-size: 4rem; line-height: 4rem; float: left; margin-left: -3px; } .no-wdburn-txt { margin-top: 6px; margin-left: 2px; max-width: 65px; font-size: 1.4rem; font-weight: 600; line-height: 1.52rem !important; color: rgb(191,67,67); float: left; text-align: center; } .spare-the-air-docked-alert.mobile-block.winter-alert .no-burn-area {display:inline-block;} .spare-the-air-docked-alert.mobile-block.alert .no-burn-area {display:none;} .spare-the-air-docked-alert .status-info a { font-weight: 800 !important; width: 90%; margin-left: 5%; } @media (max-width: 767px){ .spare-the-air-docked-alert.mobile-block .toggle-wrapper { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .spare-the-air-status .status-block .status-info { padding-top: 10px; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks>ul>li.status-block { height: 110px; } td.dockbar-td { display: none; background: rgb(0,142,184); border-left: none !important; } .spare-the-air-docked-alert.winter-alert td.dockbar-td, .spare-the-air-docked-alert.alert td.dockbar-td {display: none; background: #fd7808; border-left: none !important; } .spare-the-air-docked-alert table { min-width: 100%; } .spare-the-air-docked-alert.mobile-block { border: none; border-left: none !important; } .spare-the-air-docked-alert.mobile-block .staus-header { width: 100%; margin: 0px; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks>ul>li.status-block h5 { padding-top: 0px; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks>ul>li.status-block.alert .alert-headline>p { margin-bottom: 0; } .spare-the-air-status.mobile-block .headline .toggle-icon { font-family: airdistrict !important; float: left; margin: 11px 10px 0px 10px; color: rgba(255,255,255,0.7); } .spare-the-air-status.mobile-block .toggle-wrapper { padding: 0px 0px 0px 0px; } .spare-the-air-status.mobile-block .headline { background: #006197; height: 40px; } .spare-the-air-status.mobile-block.winter-alert .headline, .spare-the-air-status.mobile-block.alert .headline { background: #fd7808; } .spare-the-air-status.mobile-block .headline .status-type-logo { float: left; margin-top: 3px; } .spare-the-air-status.mobile-block .headline .status-type-headline { display: inline-block; float: right; margin-top: 13px; font-size: 1.5rem; line-height: 1.5rem; padding-right: 15px; text-transform: uppercase; font-weight: 600; color: white; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks .status-link a span.icon-angle-right.gray-icon { color: rgba(255,255,255,0.7); font-weight: 800; } .spare-the-air-status.mobile-block.winter-alert .toggle-wrapper .status-blocks .status-link a span.icon-angle-right.gray-icon, .spare-the-air-status.mobile-block.alert .toggle-wrapper .status-blocks .status-link a span.icon-angle-right.gray-icon { color: rgb(0,142,184); } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks .status-link a:hover span.icon-angle-right.gray-icon { color: #ffce92 !important; } .spare-the-air-status.mobile-block.alert .toggle-wrapper .status-blocks .status-link a:hover span.icon-angle-right.gray-icon, .spare-the-air-status.mobile-block.alert .toggle-wrapper .status-blocks .status-link a:focus span.icon-angle-right.gray-icon, .spare-the-air-status.mobile-block.winter-alert .toggle-wrapper .status-blocks .status-link a:hover span.icon-angle-right.gray-icon, .spare-the-air-status.mobile-block.winter-alert .toggle-wrapper .status-blocks .status-link a:focus span.icon-angle-right.gray-icon { color: #fd7808 !important; } .spare-the-air-status.mobile-block .headline .status-type-logo { background: url(../../../DotGov/includes/images/spare-the-air/docked-alert/spare-the-air-docked-alert-logo-mobile.png) no-repeat; background-size: 135px 32px; width: 135px; } .spare-the-air-status.mobile-block.winter .headline .status-type-logo { background: url(../../../DotGov/includes/images/spare-the-air/docked-alert/spare-the-air-docked-alert-logo-mobile-winter.png) no-repeat; background-size: 180px 32px; width: 180px; } .spare-the-air-status.mobile-block.winter-alert .headline .status-type-logo { background: url(../../../DotGov/includes/images/spare-the-air/docked-alert/spare-the-air-docked-alert-logo-mobile-winter-alert.png) no-repeat; background-size: 237px 32px; width: 237px; } .spare-the-air-status.mobile-block.alert .headline .status-type-logo { background: url(../../../DotGov/includes/images/spare-the-air/docked-alert/spare-the-air-docked-alert-logo-mobile-alert.png) no-repeat; background-size: 195px 32px; width: 195px; } .no-burn-area { margin-left: 0; width: 100%; } .spare-the-air-status.mobile-block { margin-top: 10px; border-radius: 6px; } .no-wdburn-txt { margin-top: 6px; margin-left: 2px; max-width: 300px; font-size: 1.4rem; font-weight: 600; line-height: 2.3rem !important; color: rgb(191,67,67); float: left; text-align: center; max-width: 300px; text-transform: uppercase; letter-spacing: 5px; } .no-wood-burn.icon-SpareFire, .no-wood-burn.icon-NoBurn { font-size: 3rem; line-height: 3rem; } .spare-the-air-docked-alert.mobile-block .toggle-wrapper .status-blocks>ul li.status-block { padding: 20px 0px 0px 0px; width: 98% !important; margin-bottom: 0; margin-left: 3px !important; margin-right: 3px !important; } .spare-the-air-docked-alert.mobile-block.alert .toggle-wrapper .status-blocks>ul li.status-block, .spare-the-air-docked-alert.mobile-block.winter-alert .toggle-wrapper .status-blocks>ul li.status-block { margin-left: 3px !important; margin-right: 3px !important; } } @media (max-width: 600px){ .spare-the-air-status.mobile-block.winter-alert .headline .status-type-logo { background-size: 178px 24px; width: 178px; margin-top: 8px; } .spare-the-air-status.mobile-block .headline .status-type-headline { font-size: 1.4rem; } .spare-the-air-docked-alert.mobile-block .toggle-wrapper .status-blocks>ul li.status-block p { width: 94%; margin-left: 3%; font-size: 1.2rem; display: inline-block; } } @media (max-width: 500px) { .spare-the-air-status.mobile-block.winter .headline .status-type-logo { background-size: 135px 24px; width: 135px; margin-top: 8px; } .spare-the-air-status.mobile-block.alert .headline .status-type-logo { background-size: 146px 24px; width: 146px; margin-top: 8px; } .spare-the-air-status.mobile-block .headline .status-type-headline { font-size: 1.2rem; line-height: 1.6rem; } .spare-the-air-docked-alert.mobile-block .toggle-wrapper .status-blocks>ul li.status-block p { line-height: 1.4rem; margin-top: 2px; } .spare-the-air-docked-alert.mobile-block .toggle-wrapper .status-blocks>ul li.status-block { margin-left: 0px; margin-right: 2px !important; } .spare-the-air-docked-alert.mobile-block .toggle-wrapper .status-blocks>ul li.status-block { margin-left: 2px !important; margin-right: 2px !important; } .spare-the-air-docked-alert.mobile-block.alert .toggle-wrapper .status-blocks>ul li.status-block, .spare-the-air-docked-alert.mobile-block.winter-alert .toggle-wrapper .status-blocks>ul li.status-block { margin-left: 2px !important; margin-right: 2px !important; } } @media (max-width: 400px) { .spare-the-air-status.mobile-block { margin-left: 15px; margin-right: 15px; } .spare-the-air-status.mobile-block.winter-alert .headline .status-type-logo { background-size: 158px 21px; width: 158px; margin-top: 10px; } .spare-the-air-status.mobile-block .headline .status-type-headline { font-size: 1.1rem; } .spare-the-air-status.mobile-block.winter-alert .headline .status-type-logo { background: url(../../../DotGov/includes/images/spare-the-air/docked-alert/spare-the-air-docked-alert-logo-mobile-winter.png) no-repeat; background-size: 120px 21px; width: 120px; margin-top: 9px; } .spare-the-air-status.mobile-block.winter .headline .status-type-logo { background-size: 120px 21px; width: 120px; margin-top: 9px; } .spare-the-air-status.mobile-block .headline .status-type-headline { font-size: 1rem; padding-left: 5px; } .spare-the-air-status.mobile-block.alert .headline .status-type-logo { background-size: 130px 21px; width: 130px; margin-top: 9px; } .spare-the-air-status.mobile-block .headline .status-type-logo { background-size: 101px 24px; width: 101px; margin-top: 8px; } } @media (max-width: 350px) { .spare-the-air-status.mobile-block .headline .status-type-headline { font-size: 0.8rem; padding-left: 0; } .spare-the-air-docked-alert.mobile-block .toggle-wrapper .status-blocks>ul li.status-block { margin-left: 1px !important; margin-right: 1px !important; } .spare-the-air-docked-alert.mobile-block.alert .toggle-wrapper .status-blocks>ul li.status-block, .spare-the-air-docked-alert.mobile-block.winter-alert .toggle-wrapper .status-blocks>ul li.status-block { margin-left: 1px !important; margin-right: 1px !important; } } @media (max-width: 300px) { .spare-the-air-status.mobile-block { margin-left: 0px; margin-right: 0px; } .no-wdburn-txt { letter-spacing: 1px; } .spare-the-air-status.mobile-block .headline .status-type-headline { font-size: 0.7rem; max-width: 50px; text-align: right; line-height: 0.9rem; padding-left: 0; padding-right: 10px; margin-top: 8px; padding-bottom: 0; } .spare-the-air-status.mobile-block .toggle-wrapper .status-blocks>ul>li.status-block { width: 100%; max-width: 100%; } } /* Alert Banners */ .spare-the-air-sitewide-bar.incident .alert-banner.icomoon.icon-SpareAirHoriz { display: none; } .spare-the-air-sitewide-bar.winter-alert .alert-banner.icomoon.icon-SpareAirHoriz { display: none; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-SpareAirHoriz { display: inline-block; } .spare-the-air-sitewide-bar { background-color: #ffe560; background-image: none; padding: 0px; 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); border-bottom: solid 1px rgba(0,0,0,0.2) !important; } .spare-the-air-sitewide-bar table { width: 100%; } .spare-the-air-sitewide-bar.alert, .spare-the-air-sitewide-bar.winter-alert { background-color: #fd7808; border-radius: 0; } .spare-the-air-sitewide-bar.incident { background-color: rgb(211,47,47); } .spare-the-air-sitewide-bar .alert-banner.icomoon.icon-SpareAirWinterHoriz, .spare-the-air-sitewide-bar .alert-banner.icomoon.icon-AlertTextHorizontal, .spare-the-air-sitewide-bar.incident .alert-banner.icomoon.icon-SpareAirWinterHoriz, .spare-the-air-sitewide-bar.incident .alert-banner.icomoon.icon-AlertTextHorizontal, .spare-the-air-sitewide-bar .no-burn-icon.icon-NoBurn, .spare-the-air-sitewide-bar.incident .no-burn-icon.icon-NoBurn { display: none; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-AlertTextHorizontal, .spare-the-air-sitewide-bar.winter-alert .alert-banner.icomoon.icon-AlertTextHorizontal { display: inline-block; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-AlertTextHorizontal { color: #fd7808; font-size: 2.9rem; } .spare-the-air-sitewide-bar .alert-banner.icomoon.icon-AQAdvisory, .spare-the-air-sitewide-bar.incident .alert-banner.icomoon.icon-AQAdvisory { display:inline-block; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-AQAdvisory, .spare-the-air-sitewide-bar.winter-alert .alert-banner.icomoon.icon-AQAdvisory { display:none; } .spare-the-air-sitewide-bar.alert .no-burn-icon.icon-NoBurn { display: none !important; } .spare-the-air-sitewide-bar.winter-alert .spare-air-summer.icon-WalkBikeLonger { display: none; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { display: inline-block; font-size: 5.5rem; line-height: 0.5rem; margin-top: 14px; color: rgba(255,255,255,0.7); } .spare-the-air-sitewide-bar.winter-alert .no-burn-icon.icon-NoBurn { display:inline-block; } .spare-the-air-sitewide-bar h5.advisory, .spare-the-air-sitewide-bar.incident h5.advisory { display: inline-block; } .spare-the-air-sitewide-bar h5.advisory.mbl-only, .spare-the-air-sitewide-bar.incident h5.advisory.mbl-only { display: none; text-transform: uppercase; letter-spacing: 5px; float: left; font-size: 1.5rem !important; line-height: 1.9rem; text-align: left; width: auto; } .spare-the-air-sitewide-bar h5.advisory, .spare-the-air-sitewide-bar.incident h5.advisory { font-size: 1.9rem !important; line-height: 1.6rem; letter-spacing: 7px; text-transform: uppercase; margin-top: 3px; } .spare-the-air-sitewide-bar a.langauge-link { float: right; } .spare-the-air-sitewide-bar.incident a.langauge-link { color: #fce260; } .spare-the-air-sitewide-bar.incident a.langauge-link:hover, .spare-the-air-sitewide-bar.incident a.langauge-link:focus { color: rgb(255, 255, 200) !important; } .spare-the-air-sitewide-bar.alert a.langauge-link, .spare-the-air-sitewide-bar.winter-alert a.langauge-link { display:none; } .spare-the-air-sitewide-bar h5 { color: #fd7808 !important; } .spare-the-air-sitewide-bar h5.advisory { color: #fd7808 !important; } .spare-the-air-sitewide-bar.incident h5.advisory { color: #ffe560 !important; } .spare-the-air-sitewide-bar h5.advisory.mbl-only { color: #fd7808 !important; } .spare-the-air-sitewide-bar.incident h5.advisory.mbl-only { color: rgb(211,47,47) !important; } .spare-the-air-sitewide-bar h5.alert, .spare-the-air-sitewide-bar.incident h5.alert { display: none; } .spare-the-air-sitewide-bar.alert h5.alert, .spare-the-air-sitewide-bar.winter-alert h5.alert { display: inline-block; } .spare-the-air-sitewide-bar.alert h5.advisory, .spare-the-air-sitewide-bar.winter-alert h5.advisory { display: none !important; } .spare-the-air-sitewide-bar .sitewide-description.advisory-desc, .spare-the-air-sitewide-bar.incident .sitewide-description.advisory-desc { display: inline-block; } .spare-the-air-sitewide-bar .sitewide-description.date-desc, .spare-the-air-sitewide-bar.incident .sitewide-description.date-desc { display: none; } .spare-the-air-sitewide-bar.alert .sitewide-description.advisory-desc, .spare-the-air-sitewide-bar.winter-alert .sitewide-description.advisory-desc { display: none; } .spare-the-air-docked-alert.mobile-block .toggle-wrapper .col-sm-3 .status-headline { padding: 10px 0px 6px 0; } .spare-the-air-sitewide-bar.alert .sitewide-description.date-desc, .spare-the-air-sitewide-bar.winter-alert .sitewide-description.date-desc { display: inline-block; } .sitewide-description h4 { color: white; font-size: 1.5rem; line-height: 1.6rem; letter-spacing: 2px; margin-right: 8px; font-family: "proxima-nova-n4","proxima-nova","Open Sans", Corbel, Helvetica, Arial; text-transform: uppercase; } .spare-the-air-sitewide-bar .spare-no-burn, .spare-the-air-sitewide-bar.incident .spare-no-burn { display: none; } .spare-the-air-sitewide-bar.alert .spare-no-burn { display: none !important; } .spare-the-air-sitewide-bar.winter-alert .spare-no-burn { display: inline-block; } .spare-the-air-sitewide-bar .center-cntnt, .spare-the-air-sitewide-bar.incident .center-cntnt { width:100%; text-align: left; } .spare-the-air-sitewide-bar.alert .center-cntnt, .spare-the-air-sitewide-bar.winter-alert .center-cntnt { width:auto; text-align: center; margin-left: auto; margin-right: auto; display: inline-block; } .spare-the-air-sitewide-bar .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5.advisory { font-weight: 600 !important; font-size: 1.9rem !important; line-height: 1.6rem; letter-spacing: 7px; text-transform: uppercase; margin-top: 3px; color: #fd7808 !important; } .spare-the-air-sitewide-bar.incident .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5.advisory { color: #ffe560 !important; } .inc-banner-left { float: left; display: inline-block; padding: 0; min-width: 80px; } .inc-banner-point { background: transparent url(../../../DotGov/includes/images/spare-the-air/sitewide-bar/arrow-point.png) left center no-repeat; background-size: 130px 256px; width: 130px; height: 100%; } .advisory .inc-banner-point { background: transparent url(../../../DotGov/includes/images/spare-the-air/sitewide-bar/arrow-point2.png) left center no-repeat; background-size: 130px 256px; } .inc-banner-right { float: right; display: inline-block; margin-right: 20px; width: 86%; padding-top:5px; min-height: 80px; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-SpareAirWinterHoriz, .spare-the-air-sitewide-bar.winter-alert .alert-banner.icomoon.icon-SpareAirWinterHoriz { display: inline-block; } .sitewide-description.advisory-desc { width: 83%; text-align: left; display: inline-block; color: rgba(0,0,0,0.6); font-weight: 500; font-size: 1.5rem; line-height: 1.7rem; float: left; margin-left: 1%; } .spare-the-air-sitewide-bar.incident .sitewide-description.advisory-desc { color: white; } .spare-the-air-sitewide-bar .container-fluid { padding-left: 0; padding-right: 0; max-width: 100%; } .spare-the-air-sitewide-bar .sitewide-link-wrapper .sitewide-wrapper { padding: 0; text-align: center; padding-left: 0; padding-top: 0; padding-bottom: 0; } .alert-banner.icomoon.icon-SpareAirHoriz, .alert-banner.icomoon.icon-SpareAirWinterHoriz { line-height: 3.7rem; float:left; } .alert-banner.icomoon.icon-SpareAirHoriz { color: #00a3d6; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { color: #fd7808; } .alert-banner.icomoon.icon-SpareAirHoriz { font-size: 4rem; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 4.8rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { color: rgb(211,47,47); font-size: 2.4rem; line-height: 3.3rem; float:left; } .winter .alert-banner.icomoon.icon-AlertTextHorizontal { color: rgb(211,47,47); } .spare-the-air-sitewide-bar h5 a { float: right; color: #fce260; text-transform: none; letter-spacing: 0; font-size: 1.4rem; line-height: 1.6rem; } .spare-the-air-sitewide-bar.advisory h5 a { color:rgb(0,142,184); } .spare-the-air-sitewide-bar h5 a:hover, .spare-the-air-sitewide-bar h5 a:focus { color: rgb(255, 255, 200) !important; } .spare-the-air-sitewide-bar.advisory h5 a:hover, .spare-the-air-sitewide-bar.advisory h5 a:focus { color: #fd7808 !important; } .spare-the-air-sitewide-bar .sitewide-headline, .spare-the-air-sitewide-bar.alert .sitewide-headline, .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { margin-top: 0; float: left; } .spare-the-air-sitewide-bar .sitewide-headline, .spare-the-air-sitewide-bar.incident .sitewide-headline { width: 98%; margin-top: 0px; margin-left:0; } .spare-the-air-sitewide-bar.alert .sitewide-headline { max-width: 55%; width: 55%; text-align: center; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { max-width: 57%; width: 57%; text-align: center; } .spare-the-air-sitewide-bar.incident h5 { float: left; } .lang-icon.icon-Location { float: left; font-size: 2rem; line-height: 1.6rem; } .spare-the-air-sitewide-bar.alert.winter .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2.9rem; margin-left: 2px; line-height: 3.45rem; } .spare-the-air-sitewide-bar.alert .sitewide-wrapper, .spare-the-air-sitewide-bar.winter-alert .sitewide-wrapper { padding: 0px; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { text-decoration: none; margin-bottom: 0; color: rgba(255,255,255,0.8) !important; letter-spacing: 6.3px; font-size: 2rem !important; margin-left: -3px; text-transform: uppercase; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { color: #ffe560 !important; } .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main:hover .spare-air-summer.icon-WalkBikeLonger, .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main:hover h5.alert { color: white !important; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline h5.alert { color: rgba(255,255,255,0.8) !important; } .spare-the-air-sitewide-bar.no-burn.winter .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 2rem !important; margin-left: -3px; } .no-burn-icon.icon-NoBurn { float: left; color: #ffe560; font-size: 7rem; line-height: 6rem; margin-top: 14px; margin-right: 15px; } .spare-no-burn { font-size: 2.8rem; line-height: 3.8rem; text-transform: uppercase; font-weight: 600; letter-spacing: 15.5px; margin-left: 8px; color: #ffe560; } .spare-the-air-sitewide-bar.alert.no-burn .sitewide-headline h5 { color: rgba(255,255,255,0.8) !important; margin-left: -4px; letter-spacing: 6.3px; } .spare-the-air-sitewide-bar .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline:hover h5.alert { color: white !important; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { display: inline-block; font-size: 5.8rem; line-height: 0.5rem; margin-top: 14px; } .spare-alert-icon.icomoon.icon-WalkBikeLonger { color: rgba(255,255,255,0.7); } .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { color: #ffe560 !important; } .spare-alert-icon.icomoon.icon-WalkBikeLonger:hover, .spare-alert-icon.icomoon.icon-WalkBikeLonger:focus { color:white !important; } .spare-alert-icon.icomoon.icon-NoBurnAlert:hover, .spare-alert-icon.icomoon.icon-NoBurnAlert:focus, .spare-alert-icon.icomoon.icon-NoBurnLockup:hover, .spare-alert-icon.icomoon.icon-NoBurnLockup:focus { color:white !important; } .spare-the-air-sitewide-bar .sitewide-logo, .spare-the-air-sitewide-bar.alert .sitewide-logo, .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { float: left; } .spare-the-air-sitewide-bar .sitewide-logo, .spare-the-air-sitewide-bar.alert .sitewide-logo, .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { padding-right: 10px; width: auto; padding-left: 35px; } .spare-the-air-sitewide-bar.alert.winter .sitewide-logo { padding-right: 0; padding-left: 25px; } .spare-the-air-sitewide-bar.alert .sitewide-logo, .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { background: white; padding: 26px 25px 26px 35px; } .spare-more-btn { background-color: #fff; border-radius: 6px; width: 120px; float: right; text-align: center; padding: 6px 0; color: #fd7808; margin-top: 0px; text-decoration: none; } .spare-more-btn:hover, .spare-more-btn:focus { background-color: #ffe560; color: #fd7808; 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); cursor: pointer; text-decoration: none; } .spare-the-air-sitewide-bar .sitewide-description.date-desc, .spare-the-air-sitewide-bar.alert .sitewide-description.date-desc, .spare-the-air-sitewide-bar.winter-alert .sitewide-description.date-desc { margin-top: 12px; padding-right: 30px; padding-top: 0; float: right; width: auto; margin-right: 0; } .spare-the-air-sitewide-bar .sitewide-headline .sitewide-main, .spare-the-air-sitewide-bar.incident .sitewide-headline .sitewide-main { float: left; margin-top: 0px; margin-left:0; width: 100%; } .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main, .spare-the-air-sitewide-bar.winter-alert .sitewide-headline .sitewide-main { float: left; margin-top: 13px; } .sitewide-point { width: 0; height: 0; border-top: 44px solid transparent; border-left: 25px solid white; border-bottom: 44px solid transparent; float: left; } .spare-the-air-sitewide-bar.incident { background-color: rgb(211,47,47); background-image: none; padding-top: 0; padding-left: 0; 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); border-bottom: solid 1px rgba(0,0,0,0.2) !important; } .spare-the-air-sitewide-bar.advisory { background-color: #d3b229; background-color: #ffe560; background-image: none; padding-top: 0; padding-left: 0; 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); border-bottom: solid 1px rgba(0,0,0,0.2) !important; } .spare-the-air-sitewide-bar.incident .container-fluid { padding: 0; max-width: 100%; } .spare-the-air-sitewide-bar.advisory .container-fluid { padding: 0; max-width: 100%; } .incident-banner.icomoon.icon-AQAdvisory { font-size: 7rem; line-height: 7.8rem; float: left; width: 80px; color: rgb(211,47,47); margin-right: 6px; } .advisory-banner.icomoon.icon-AQAdvisory { font-size: 7rem; line-height: 7.8rem; float: left; width: 80px; color: #fd7808 !important; margin-right: 6px; } .spare-the-air-sitewide-bar.incident .sitewide-wrapper, .spare-the-air-sitewide-bar .sitewide-wrapper { padding-top: 0; } .spare-the-air-sitewide-bar .sitewide-link-wrapper .container-fluid { max-width: 100% !important; } .spare-the-air-sitewide-bar.incident h5 { color: #ffe560 !important; font-size: 1.6rem !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 6px; } .spare-the-air-sitewide-bar.advisory h5 { color: #fd7808 !important; } .spare-the-air-sitewide-bar.incident .sitewide-description p a { color: #ffe560; } .spare-the-air-sitewide-bar.advisory .sitewide-description p a { color: rgb(0,142,184) !important; } .spare-the-air-sitewide-bar p { font-size: 1.4rem !important; min-height: 36px; line-height: 1.8rem; } .spare-the-air-sitewide-bar .sitewide-description.date-desc p { min-height: 31px; max-width: 170px; height: auto; margin-bottom: 5px !important; } .spare-the-air-sitewide-bar.incident p { color: #fff; } .spare-the-air-sitewide-bar.advisory p { color: rgba(0,0,0,0.6); } .spare-the-air-sitewide-bar.incident .sitewide-wrapper .sitewide-description p a:hover, .spare-the-air-sitewide-bar.incident .sitewide-wrapper .sitewide-description p a:focus { color: rgb(255, 255, 200) !important; } .spare-the-air-sitewide-bar.incident .sitewide-description, .spare-the-air-sitewide-bar .sitewide-description { margin-top: 2px; line-height: 1.5rem; width: 98%; display: inline-block; } .spare-the-air-sitewide-bar .sitewide-description { color: rgba(0,0,0,0.6); } .spare-the-air-sitewide-bar.incident .sitewide-description { color: white; } .spare-the-air-sitewide-bar.incident .sitewide-description a { color: #ffe560; } .spare-the-air-sitewide-bar.incident .sitewide-description a:hover, .spare-the-air-sitewide-bar.incident .sitewide-description a:focus { color: rgb(255, 255, 200) !important; } .spare-the-air-sitewide-bar.advisory .sitewide-wrapper .sitewide-description p a:hover, .spare-the-air-sitewide-bar.advisory .sitewide-wrapper .sitewide-description p a:focus { color: #fd7808 !important; } .spare-the-air-sitewide-bar.advisory .sitewide-description { margin-top: 3px; } @media (max-width: 1800px){ .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 4.5rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2.2rem; line-height: 3.5rem; } .spare-the-air-sitewide-bar.alert.winter .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2.2rem; } .spare-the-air-sitewide-bar p { font-size: 1.35rem !important; } .spare-the-air-sitewide-bar.alert .sitewide-headline { max-width: 54%; width: 54%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { max-width: 56%; width: 56%; } } @media (max-width: 1700px){ .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 4.25rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2.05rem; line-height: 3.55rem; } .spare-the-air-sitewide-bar.alert.winter .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2.1rem; line-height: 3.5rem; } } @media (max-width: 1600px){ .alert-banner.icomoon.icon-SpareAirHoriz { font-size: 3.5rem; line-height: 3.7rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2rem; line-height: 3.4rem; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 4.2rem; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2.6rem; line-height: 3.7rem; } .spare-the-air-sitewide-bar.alert.winter .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2.1rem; line-height: 3.45rem; } } @media (max-width: 1450px){ .alert-banner.icomoon.icon-SpareAirHoriz { font-size: 3.2rem; line-height: 3.7rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2rem; line-height: 3.4rem; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 4.1rem; } .spare-the-air-sitewide-bar.alert.winter .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2rem; line-height: 3.4rem; } .spare-the-air-sitewide-bar p { line-height: 1.7rem; } .sitewide-point { margin-left:-1px; } } @media (max-width: 1370px){ .alert-banner.icomoon.icon-SpareAirHoriz { font-size: 2.9rem; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 3.9rem; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2.2rem; line-height: 3.5rem; } .spare-the-air-sitewide-bar.alert.winter .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.9rem; line-height: 3.7rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.85rem; line-height: 3.6rem; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 5.4rem; margin-top: 16px; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { font-size: 1.8rem !important; margin-left: 0px; } .spare-the-air-sitewide-bar.no-burn.winter .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.9rem !important; margin-left: 1px; } .spare-no-burn { font-size: 2.55rem; letter-spacing: 14.9px; margin-left: 12px; } .no-burn-icon.icon-NoBurn { margin-right: 10px; } .spare-the-air-sitewide-bar.alert .sitewide-headline { max-width: 53%; width: 53%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { max-width: 55%; width: 55%; } } @media (max-width: 1245px){ .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 5.2rem; margin-top: 17px; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { font-size: 1.68rem !important; margin-left: 0px; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { font-size: 5.1rem; } .spare-the-air-sitewide-bar.no-burn.winter .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.82rem !important; margin-left: 3px; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 3.7rem; } .spare-the-air-sitewide-bar.alert.winter .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.8rem; } .spare-no-burn { font-size: 2.35rem; margin-left: 8px; } .no-burn-icon.icon-NoBurn { margin-right: 5px; } .spare-the-air-sitewide-bar.alert .sitewide-headline { max-width: 52%; width: 52%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { max-width: 54%; width: 54%; } } @media (max-width: 1160px) { .inc-banner-right { width: 85%; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 4.9rem; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { letter-spacing: 5.3px; margin-left: 2px; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { font-size: 4.8rem; margin-top: 16px; } .spare-the-air-sitewide-bar.no-burn.winter .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { letter-spacing: 5.2px; margin-left: -3px; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 3.6rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.7rem; line-height: 3.65rem; } .spare-the-air-sitewide-bar p { font-size: 1.3rem !important; } .spare-no-burn { letter-spacing: 12.8px; } .spare-the-air-sitewide-bar .sitewide-logo, .spare-the-air-sitewide-bar.alert .sitewide-logo, .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { padding-left: 20px; padding-right: 15px; } .spare-the-air-sitewide-bar.alert .sitewide-headline { max-width: 51%; width: 51%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { max-width: 53%; width: 53%; } .sitewide-description.advisory-desc { font-size: 1.4rem; line-height: 1.55rem; } } @media (max-width: 1040px) { .spare-the-air-sitewide-bar h5 a { font-size: 1.25rem; line-height: 1.4rem; } .spare-the-air-sitewide-bar.incident h5 { font-size: 1.4rem !important; letter-spacing: 5px; } .inc-banner-right { width: 84%; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 5rem; line-height: 1rem; margin-top: 12px; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { font-size: 1.6rem !important; letter-spacing: 5.5px; margin-left: 0px; margin-top: 0px; } .spare-the-air-sitewide-bar.no-burn.winter .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.63rem !important; letter-spacing: 6px; margin-left: 0px; margin-top: 2px; } .alert-banner.icomoon.icon-SpareAirHoriz { font-size: 2.6rem; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 3.3rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.6rem; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.9rem; line-height: 3.5rem; } .spare-the-air-sitewide-bar.winter-alert .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.6rem; } .spare-the-air-sitewide-bar.incident .sitewide-logo { padding-left: 20px; } .incident-banner.icomoon.icon-AQAdvisory { font-size: 6.5rem; width: 66px; margin-right: 0; } .spare-the-air-sitewide-bar p { font-size: 1.25rem !important; } .spare-no-burn { letter-spacing: 12.4px; margin-left: 8px; } .spare-the-air-sitewide-bar.alert .sitewide-headlin { max-width: 50%; width: 50%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { max-width: 52%; width: 52%; } } @media (max-width: 1000px) { .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.7rem !important; letter-spacing: 5.5px; margin-left: -2px; } .spare-the-air-sitewide-bar.winter.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.6rem !important; letter-spacing: 5px; margin-left: 1px; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { font-size: 1.46rem !important; letter-spacing: 4.3px; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { font-size: 1.6rem !important; letter-spacing: 5.8px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline h5.alert { font-size: 1.46rem !important; letter-spacing: 4.3px; } .spare-no-burn { letter-spacing: 8.6px; margin-left: 8px; } .spare-the-air-sitewide-bar .sitewide-description.date-desc p { max-width: 150px; } } @media (max-width: 980px) { .spare-the-air-sitewide-bar .sitewide-headline, .spare-the-air-sitewide-bar.incident .sitewide-headline { margin-top: 2px; } .inc-banner-right { width: 83%; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 4.7rem; margin-top: 13px; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.6rem !important; letter-spacing: 5.3px; margin-left: 0px; } .spare-the-air-sitewide-bar.no-burn.winter .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.6rem !important; margin-top: 3px; } .alert-banner.icomoon.icon-SpareAirHoriz { font-size: 2.7rem; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 3.3rem; } .spare-the-air-sitewide-bar.alert.winter .sitewide-logo { padding-left: 20px; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.6rem; line-height: 3.65rem; } .spare-the-air-sitewide-bar.alert .sitewide-headline { max-width: 49%; width: 49%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { max-width: 51%; width: 51%; } } @media (max-width: 950px) { .inc-banner-right { width: 82%; } .incident-banner.icomoon.icon-AQAdvisory { line-height: 9rem; } .spare-the-air-sitewide-bar p { line-height: 1.6rem; } .spare-no-burn { letter-spacing: 8.5px; margin-left: 0px; } .no-burn-icon.icon-NoBurn { margin-right: 8px; } .spare-the-air-sitewide-bar.no-burn.winter .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.45rem !important; margin-top: 2px; margin-left: -5px; } .spare-the-air-sitewide-bar.alert .sitewide-headline { max-width: 48%; margin-left: 25px; width: 48%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { max-width: 50%; margin-left: 8px; width: 50%; } } @media (max-width: 900px) { .inc-banner-right { width: 81%; } .alert-banner.icomoon.icon-SpareAirHoriz { font-size: 2.6rem; line-height: 3.7rem; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.9rem; line-height: 3.5rem; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 3.1rem; } .spare-the-air-sitewide-bar.alert.winter-alert .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.5rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.45rem; line-height: 3.69rem; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { font-size: 4.4rem; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { font-size: 1.5rem !important; letter-spacing: 5.2px; } .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 4.5rem; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { font-size: 1.35rem !important; letter-spacing: 3.6px; margin-left: -3px; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.5rem !important; letter-spacing: 5.3px; } .spare-the-air-sitewide-bar.no-burn.winter .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.35rem !important; letter-spacing: 4.3px; } .spare-no-burn { letter-spacing: 6px; } .spare-the-air-sitewide-bar.alert .sitewide-headline { max-width: 48%; width: 48%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { max-width: 49%; width: 49%; } .spare-the-air-sitewide-bar .sitewide-description.date-desc p { max-width: 140px; } } @media (max-width: 850px) { .spare-the-air-sitewide-bar.incident h5 { font-size: 1.35rem !important; letter-spacing: 4px; font-weight: 600 !important; } .inc-banner-right { width: 80%; margin-right: 12px; } .spare-the-air-sitewide-bar.alert .sitewide-headline { max-width: 46.5%; width: 46.5%; margin-left: 15px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { max-width: 48.5%; width: 48.5%; margin-left: 0; } .spare-the-air-sitewide-bar .sitewide-description.date-desc p { max-width: 134px; } .spare-the-air-sitewide-bar .sitewide-logo, .spare-the-air-sitewide-bar.alert .sitewide-logo, .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { padding-left: 20px; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 4.3rem; margin-top: 14px; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { font-size: 1.4rem !important; letter-spacing: 2.7px; margin-left: -2px; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.45rem !important; letter-spacing: 5px; } .spare-the-air-sitewide-bar.no-burn.winter .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.3rem !important; letter-spacing: 3.3px; margin-left: 0px; } .spare-no-burn { letter-spacing: 5.2px; font-size: 2.3rem; margin-left:2px; } .no-burn-icon.icon-NoBurn { margin-right: 4px; font-size:6.5rem; } .sitewide-description.advisory-desc { font-size: 1.3rem; line-height: 1.45rem; } } @media (max-width: 800px) { .spare-the-air-sitewide-bar .sitewide-logo, .spare-the-air-sitewide-bar.alert .sitewide-logo, .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { padding-left: 13px; padding-right: 3px; } .alert-banner.icomoon.icon-SpareAirHoriz { font-size: 2.5rem; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 3.3rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.6rem; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 4.1rem; margin-top: 15px; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { font-size: 1.34rem !important; margin-left: -2px; } .spare-no-burn { font-size: 2.2rem; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.4rem !important; letter-spacing: 7px; margin-left: 2px; } .spare-the-air-sitewide-bar.no-burn.winter .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.3rem !important; } .spare-the-air-sitewide-bar p { font-size: 1.2rem !important; } .spare-more-btn { width: 110px; } .spare-the-air-sitewide-bar.alert .sitewide-headline { max-width: 53%; width: 53%; margin-left: 5px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { max-width: 48%; width: 48%; margin-left: 5px;} .spare-the-air-sitewide-bar .sitewide-description.date-desc, .spare-the-air-sitewide-bar.alert .sitewide-description.date-desc, .spare-the-air-sitewide-bar.winter-alert .sitewide-description.date-desc { padding-right: 22px; } .spare-the-air-sitewide-bar .sitewide-description.date-desc p { max-width: 130px; } } @media (max-width: 780px) { .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { font-size: 4.2rem; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { font-size: 1.45rem !important; letter-spacing: 5px; } .spare-the-air-sitewide-bar.alert .sitewide-headline { max-width: 52%; width: 52%; margin-left: 3px; } } @media (max-width: 767px) { .spare-the-air-docked-alert.mobile-block.alert .toggle-wrapper { border-bottom-right-radius: 6px; min-height: 100px; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { margin-top: 0; font-size: 4.5rem; } .alert-banner.icomoon.icon-SpareAirHoriz { font-size: 3rem; line-height: 2.3rem; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { font-size: 1.55rem !important; letter-spacing: 5.2px; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2.2rem; line-height: 2.3rem; } .inc-banner-right { width: 83%; margin-right: 10px; } .inc-banner-point, .advisory .inc-banner-point { background-size: 100px 200px; width: 100px; } td.toggle-td { display: inline-block; width: 100%; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-AlertTextHorizontal, .spare-the-air-sitewide-bar.winter-alert .alert-banner.icomoon.icon-AlertTextHorizontal { text-align: left; width: 100%; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 4.2rem; padding-top: 0; line-height: 2.8rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2.5rem; float: none; text-align: left; line-height: 2rem; } .spare-the-air-sitewide-bar .sitewide-logo, .spare-the-air-sitewide-bar.alert .sitewide-logo, .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { padding-top: 32px; padding-bottom: 33px; } .spare-the-air-sitewide-bar.alert .sitewide-headline, .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { float: right; margin-left: 0 !important; width: 64% !important; max-width: 64%; margin-right: 17px; text-align: right; margin-top: 7px !important; margin-bottom: 0; } .spare-the-air-sitewide-bar.alert .sitewide-headline { padding-bottom: 0; } .spare-the-air-sitewide-bar .sitewide-description.date-desc p { max-width: 160px;float: left; text-align: left; } .sitewide-main { margin-top: 0px; } .spare-the-air-sitewide-bar.alert .sitewide-description.date-desc { width: 390px !important; margin-right: 64px; margin-top: 0; padding-right: 0; } .spare-the-air-sitewide-bar .sitewide-description.date-desc, .spare-the-air-sitewide-bar.winter-alert .sitewide-description.date-desc { float: right; padding-right: 0; width: 418px !important; margin-right: 25px; margin-top: 0; } .spare-the-air-sitewide-bar .sitewide-description.date-desc p { margin-bottom: 0px !important; font-size: 1.4rem !important; line-height: 1.6rem !important; margin-top: 5px; } .spare-more-btn { float: right; margin-top: 10px; } .spare-the-air-sitewide-bar .sitewide-link-wrapper .sitewide-wrapper .sitewide-description p {float:left;} .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { text-align: right; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 4.95rem; line-height: 2rem; height: 30px; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { font-size: 1.59rem !important; letter-spacing: 4px; text-align: center; } .spare-the-air-sitewide-bar.no-burn.winter .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.4rem !important; letter-spacing: 5px; } .sitewide-point { border-top: 56px solid transparent; border-bottom: 57px solid transparent; } .no-burn-icon.icon-NoBurn { margin-right: 8px; font-size: 6rem; line-height: 5rem; margin-top: 5px; } .spare-no-burn { letter-spacing: 8.3px; font-size: 2.5rem; margin-left: 4px; } .spare-the-air-sitewide-bar.alert .sitewide-logo { max-width: 170px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { max-width: 215px; } .alert-banner.icomoon.icon-AQAdvisory { font-size: 5.8rem; line-height: 4.8rem; width: 60px; margin-right: 0; } } @media (max-width: 750px) { .spare-the-air-sitewide-bar.alert .sitewide-headline { width: 440px !important; max-width: 440px; margin-bottom: 0; margin-right: 37px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { width: 63% !important; max-width: 63%; margin-bottom: 0; } } @media (max-width: 720px) { .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main { width: 440px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline .sitewide-main { width: 325px; } .spare-the-air-sitewide-bar.alert .sitewide-headline { margin-right: 26px; } .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 4.6rem; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { font-size: 1.42rem !important; letter-spacing: 3.4px; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.4rem !important; letter-spacing: 6px; margin-left: 2px; } .spare-the-air-sitewide-bar.alert .sitewide-headline { width: 420px !important; max-width: 420px; margin-right: 32px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { width: 60% !important; max-width: 60%; } .spare-no-burn { letter-spacing: 5.8px; font-size: 2.4rem; margin-left: 4px; } .spare-the-air-sitewide-bar .sitewide-description.date-desc, .spare-the-air-sitewide-bar.alert .sitewide-description.date-desc, .spare-the-air-sitewide-bar.winter-alert .sitewide-description.date-desc { width: 375px !important; margin-right: 50px; } } @media (max-width: 700px) { .inc-banner-right { width: 82%; } .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main { width: 420px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline .sitewide-main { width: 320px; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 4.4rem; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { font-size: 1.41rem !important; letter-spacing: 3.3px; margin-right: 4px; margin-left: 1px; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { font-size: 1.4rem !important; letter-spacing: 5.4px; margin-left: 1px; } .spare-the-air-sitewide-bar .sitewide-description.date-desc, .spare-the-air-sitewide-bar.alert .sitewide-description.date-desc, .spare-the-air-sitewide-bar.winter-alert .sitewide-description.date-desc { width: 385px !important; margin-right: 50px; } .spare-the-air-sitewide-bar.alert .sitewide-headline { margin-right: 29px; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 3.6rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.95rem; } } @media (max-width: 665px) { .spare-the-air-sitewide-bar.alert .sitewide-headline { margin-right: 29px; width: 380px !important; max-width: 380px; } .inc-banner-right { width: 81%; margin-right: 2px; } .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main { width: 350px; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { font-size: 1.48rem !important; letter-spacing: 4px; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { font-size: 4rem; margin-left: -4px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline .sitewide-main { width: 298px; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 4.2rem; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { letter-spacing: 2.5px; margin-left: 3px; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { letter-spacing: 5px; margin-left: 1px; } .spare-the-air-sitewide-bar .sitewide-description.date-desc, .spare-the-air-sitewide-bar.winter-alert .sitewide-description.date-desc { width: 345px !important; } .spare-the-air-sitewide-bar.alert .sitewide-description.date-desc { width: 340px !important; margin-right: 36px; } .spare-more-btn { width: 110px; } .spare-no-burn { letter-spacing: 4.8px; font-size: 2.3rem; margin-left: 4px; } .no-burn-icon.icon-NoBurn { margin-right: 6px; font-size: 5.8rem; margin-top: 5px; } .spare-the-air-sitewide-bar.alert .sitewide-logo { max-width: 165px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { max-width: 195px; } } @media (max-width: 625px) { .spare-the-air-sitewide-bar.incident h5 { font-size: 1.25rem !important; letter-spacing: 3px; } .spare-the-air-sitewide-bar.alert .sitewide-point, .spare-the-air-sitewide-bar.winter-alert .sitewide-point { display: none; } .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main, .spare-the-air-sitewide-bar.winter-alert .sitewide-headline .sitewide-main { width: 298px; } .spare-the-air-sitewide-bar .sitewide-logo, .spare-the-air-sitewide-bar.incident .sitewide-logo { padding: 47px 0; } .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { width: 100% !important; padding-top: 12px; padding-bottom: 12px; padding-left: 25%; padding-right: 0; } .spare-the-air-sitewide-bar.alert .sitewide-logo { width: 100% !important; padding-top: 12px; padding-bottom: 12px; padding-left: 32%; padding-right: 0; } .sitewide-point { border-left: 20px solid white; } .spare-the-air-sitewide-bar h5.advisory, .spare-the-air-sitewide-bar.incident h5.advisory { display: none; } .spare-the-air-sitewide-bar h5.advisory.mbl-only, .spare-the-air-sitewide-bar.incident h5.advisory.mbl-only { display: inline-block;line-height: 1.8rem !important; margin-top: 0; } .alert-banner.icomoon.icon-SpareAirHoriz { font-size: 3.3rem; line-height: 2.8rem; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 4.8rem; line-height: 2.7rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2.4rem; line-height: 2.5rem; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2.5rem; line-height: 2.7rem; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 5.4rem; margin-top: 17px; } .spare-the-air-sitewide-bar.alert .sitewide-headline, .spare-the-air-sitewide-bar.winter-alert .sitewide-headline { width: 100% !important; max-width: 100%; margin-left: 0 !important; margin-right: 0; text-align: center; display: inline-block; padding-bottom: 0; margin-bottom: 0; } .spare-the-air-sitewide-bar.winter-alert .sitewide-logo, .spare-the-air-sitewide-bar.alert .sitewide-logo { max-width: 100%; } .spare-more-btn { width: 120px; margin-right: 0px; margin-bottom: 8px; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { text-align: center; font-size: 1.65rem !important; letter-spacing: 4.8px; margin-top: 0; margin-left: 0; margin-right: 0; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { letter-spacing: 7.8px; margin-left: 1px; font-size: 1.5rem !important; } .spare-the-air-sitewide-bar .sitewide-description.date-desc, .spare-the-air-sitewide-bar.alert .sitewide-description.date-desc, .spare-the-air-sitewide-bar.winter-alert .sitewide-description.date-desc { width: 100% !important; text-align: center; margin-right: 0; margin-left: 0; margin-top: 0px; padding-top: 3px; } .mbl-center { width: 430px; margin-left: auto; margin-right: auto; display: inline-block; } .spare-the-air-sitewide-bar.incident .sitewide-description p, .spare-the-air-sitewide-bar.advisory .sitewide-description p { font-size: 1.3rem !important; } .incident-banner.icomoon.icon-AQAdvisory { width: 60px; margin-right: 0px; font-size: 5.5rem; } .spare-no-burn { letter-spacing: 11px; font-size: 2.4rem; margin-left: 8px; } .alert-banner.icomoon.icon-AQAdvisory { font-size: 4rem; width: 50px; line-height: 1.9rem; margin-left: 10px; } .spare-the-air-sitewide-bar .sitewide-description.advisory-desc, .spare-the-air-sitewide-bar.incident .sitewide-description.advisory-desc { width: 95%; margin-left: 3%; margin-top: 8px !important; margin-bottom: 8px; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-AlertTextHorizontal, .spare-the-air-sitewide-bar.winter-alert .alert-banner.icomoon.icon-AlertTextHorizontal { width: auto; float: left; } .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main { width: 440px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline .sitewide-main { width: 410px; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { font-size: 5rem; margin-left: -6px; margin-top: 5px; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { font-size: 1.7rem !important; letter-spacing: 5.8px; } .spare-the-air-sitewide-bar.incident .sitewide-description, .spare-the-air-sitewide-bar .sitewide-description { margin-top: 2px; line-height: 1.5rem; } } @media (max-width: 600px) { .spare-the-air-sitewide-bar.alert .sitewide-logo { padding-left: 30%; } .inc-banner-right { width: 80%; margin-right: 1px; } .spare-the-air-sitewide-bar.incident .sitewide-description p, .spare-the-air-sitewide-bar.advisory .sitewide-description p { font-size: 1.3rem !important; line-height: 1.55rem; } .spare-the-air-sitewide-bar h5.advisory.mbl-only, .spare-the-air-sitewide-bar.incident h5.advisory.mbl-only { font-size: 1.5rem !important; letter-spacing: 4px; line-height: 2rem; } .spare-the-air-sitewide-bar.incident .sitewide-description, .spare-the-air-sitewide-bar .sitewide-description { margin-top: 2px; } .spare-the-air-sitewide-bar.incident .sitewide-description, .spare-the-air-sitewide-bar .sitewide-description { font-size: 1.25rem; } .alert-banner.icomoon.icon-AQAdvisory { width: 42px; margin-left: 7px; } } @media (max-width: 550px) { .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { padding-left: 22%; } .spare-the-air-sitewide-bar.alert .sitewide-logo { padding-left: 28%; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 5rem; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { font-size: 1.63rem !important; letter-spacing: 3.6px; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { letter-spacing: 6.8px; margin-left: 1px; font-size: 1.5rem !important; } .mbl-center { width: 424px; } .spare-no-burn { letter-spacing: 9px; font-size: 2.35rem; margin-left: 8px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline .sitewide-main { width: 370px; } .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main { width: 420px; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { font-size: 4.7rem; margin-left: 0px; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { font-size: 1.63rem !important; letter-spacing: 5.8px; } } @media (max-width: 520px) { .spare-the-air-sitewide-bar.incident h5 { font-size: 1.25rem !important; letter-spacing: 2px; } .inc-banner-right { width: 78.5%; margin-right: 0px; } .spare-the-air-sitewide-bar.incident .sitewide-description p, .spare-the-air-sitewide-bar.advisory .sitewide-description p { font-size: 1.3rem !important; line-height: 1.4rem; margin-top: -3px; } .spare-the-air-sitewide-bar h5 a { font-size: 1.3rem; line-height: 1.5rem; } .incident-banner.icomoon.icon-AQAdvisory { font-size: 5rem; width: 47px; } .spare-the-air-sitewide-bar h5.advisory.mbl-only, .spare-the-air-sitewide-bar.incident h5.advisory.mbl-only { font-size: 1.4rem !important; letter-spacing: 3px; } } @media (max-width: 415px) { .spare-the-air-sitewide-bar.incident h5 { font-size: 1.25rem !important; margin-top: 2px; } .spare-the-air-sitewide-bar h5 a { font-size: 1.1rem; line-height: 1.1rem; } .spare-the-air-sitewide-bar .sitewide-headline, .spare-the-air-sitewide-bar.incident .sitewide-headline { margin-top: 0; margin-bottom: 2px; } .inc-banner-right { width: 74%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { padding-left: 17%; } .spare-the-air-sitewide-bar.alert .sitewide-logo { padding-left: 23%; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 4rem; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { font-size: 1.35rem !important; letter-spacing: 3px; margin-top: 5px; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { letter-spacing: 4px; margin-left: 1px; font-size: 1.48rem !important; } .mbl-center { width: 350px; } .spare-the-air-sitewide-bar.incident .sitewide-logo, .spare-the-air-sitewide-bar.advisory .sitewide-logo { padding-left: 6px; } .spare-the-air-sitewide-bar.incident .sitewide-description p, .spare-the-air-sitewide-bar.advisory .sitewide-description p { font-size: 1.2rem !important; line-height: 1.3rem; } .spare-no-burn { letter-spacing: 5.7px; font-size: 2.2rem; margin-left: 7px; line-height: 3rem; margin-top: 6px; } .no-burn-icon.icon-NoBurn { margin-right: 4px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline .sitewide-main { width: 310px; } .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main { width: 348px; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { font-size: 3.8rem; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { font-size: 1.5rem !important; letter-spacing: 3.9px; } } @media (max-width: 390px) { .spare-the-air-sitewide-bar.incident h5 { font-size: 1.2rem !important; margin-top: 0; letter-spacing: 1px; margin-bottom: 2px; } .inc-banner-right { width: 73%; } .inc-banner-point, .advisory .inc-banner-point { background-position: -5px center; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 3.8rem; } .spare-alert-icon.icomoon.icon-NoBurnAlert { margin-left:5px; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { letter-spacing: 2.4px; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { letter-spacing: 3.6px; margin-left: 3px; font-size: 1.42rem !important; } .mbl-center { width: 334px; } .spare-more-btn { margin-right: 0px; } .spare-no-burn { letter-spacing: 5.2px; font-size: 2.1rem; margin-left: 6px; } .no-burn-icon.icon-NoBurn { margin-right: 4px; } .spare-the-air-sitewide-bar.alert .sitewide-logo { padding-left: 22%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { padding-left: 14%; } .spare-the-air-sitewide-bar h5.advisory.mbl-only, .spare-the-air-sitewide-bar.incident h5.advisory.mbl-only { font-size: 1.3rem !important; letter-spacing: 2px; } .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main { width: 320px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline .sitewide-main { width: 285px; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { font-size: 3.5rem; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { font-size: 1.49rem !important; letter-spacing: 3px; } .spare-the-air-sitewide-bar .sitewide-headline, .spare-the-air-sitewide-bar.incident .sitewide-headline { margin-top: 0px; } .spare-the-air-sitewide-bar.incident .sitewide-description, .spare-the-air-sitewide-bar .sitewide-description { margin-top: 0; font-size: 1.2rem; } } @media (max-width: 380px) { .inc-banner-right { width: 72%; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 3.7rem; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { letter-spacing: 2.1px; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { letter-spacing: 3.5px; margin-left: -2px; font-size: 1.38rem !important; } .spare-the-air-sitewide-bar.alert .sitewide-logo { padding-left: 21.3%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { padding-left: 11.6%; } .incident-banner.icomoon.icon-AQAdvisory { font-size: 4rem; width: 41px; } .spare-the-air-sitewide-bar.incident .sitewide-logo, .spare-the-air-sitewide-bar.advisory .sitewide-logo { padding-left: 5px; } .mbl-center { width: 320px; } .spare-no-burn { letter-spacing: 4px; font-size: 2.2rem; margin-left: 6px; } .no-burn-icon.icon-NoBurn { margin-right: 1px; } } @media (max-width: 361px) { .spare-the-air-sitewide-bar.alert .sitewide-logo { padding-left: 20.2%; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { font-size: 3.4rem; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { font-size: 1.4rem !important; letter-spacing: 3px; } .inc-banner-right { width: 74%; } .inc-banner-point, .advisory .inc-banner-point { background-position: -10px center; background-size: 96px 200px; width: 96px; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 3.6rem; } .spare-alert-icon.icomoon.icon-NoBurnAlert { font-size: 3.6rem; margin-left: 8px; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { letter-spacing: 1.4px; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { letter-spacing: 3px; margin-left: 6px; } .spare-the-air-sitewide-bar.incident .sitewide-description p, .spare-the-air-sitewide-bar.advisory .sitewide-description p { line-height: 1.3rem; font-size: 1.1rem !important; } .mbl-center { width: 300px; } .spare-no-burn { letter-spacing: 3px; font-size: 2.1rem; margin-left: 2px; } .no-burn-icon.icon-NoBurn { margin-right: 6px; } .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main { width: 306px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline .sitewide-main { width: 250px; } .spare-the-air-sitewide-bar .sitewide-headline h5, .spare-the-air-sitewide-bar.incident .sitewide-headline h5 { font-size: 1rem !important; letter-spacing: 1px; margin-bottom: 3px; } .spare-the-air-sitewide-bar.incident .sitewide-description, .spare-the-air-sitewide-bar .sitewide-description { font-size: 1.15rem; line-height: 1.25rem; } .alert-banner.icomoon.icon-AQAdvisory { width: 32px; font-size: 3rem; } } @media (max-width: 350px) { .inc-banner-right { width: 72%; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 3.5rem; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { letter-spacing: 3.2px; } .spare-the-air-sitewide-bar h5.advisory.mbl-only, .spare-the-air-sitewide-bar.incident h5.advisory.mbl-only { font-size: 1.2rem !important; letter-spacing: 1px; } } @media (max-width: 320px) { .spare-the-air-sitewide-bar.alert .sitewide-logo { padding-left: 16%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { padding-left: 14%; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 4rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.9rem; line-height: 2.69rem; } .spare-the-air-sitewide-bar h5 a { font-size: 0.9rem; } .spare-the-air-sitewide-bar.incident .sitewide-description p, .spare-the-air-sitewide-bar.advisory .sitewide-description p { line-height: 1.2rem; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 3.3rem; margin-left: 5px; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { letter-spacing: 0.7px; } .incident-banner.icomoon.icon-AQAdvisory { font-size: 4.5rem; width: 48px; } .mbl-center { width: 280px; } .spare-no-burn { letter-spacing: 2.4px; font-size: 2rem; margin-left: 4px; } .no-burn-icon.icon-NoBurn { margin-right: 1px; } .sitewide-description.advisory-desc { font-size: 1.2rem; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { font-size: 1.4rem !important; letter-spacing: 2px; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { font-size: 3rem; } .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main { width: 280px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline .sitewide-main { width: 240px; } } @media (max-width: 241px) { .spare-the-air-sitewide-bar .sitewide-description.date-desc p { font-size: 1.1rem !important; line-height: 1.4rem !important; } .spare-the-air-sitewide-bar.alert .sitewide-headline h5.alert { font-size: 1.2rem !important; letter-spacing: 1px; } .spare-the-air-sitewide-bar.alert .spare-air-summer.icon-WalkBikeLonger { font-size: 2.4rem; margin-top: 0; padding-bottom: 10px; } .spare-the-air-sitewide-bar.alert .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 2rem; line-height: 2.6rem; } .inc-banner-left { min-width: 0px; } .inc-banner-right { width: 95%; } .inc-banner-point, .advisory .inc-banner-point { width: 0px; background: none; } .alert-banner.icomoon.icon-AQAdvisory { margin-left: 4px; } .spare-the-air-sitewide-bar.incident .sitewide-description, .spare-the-air-sitewide-bar .sitewide-description { font-size: 1.05rem; line-height: 1.15rem; } .sitewide-point { border-left: 10px solid white; } .spare-the-air-sitewide-bar h5.advisory.mbl-only, .spare-the-air-sitewide-bar.incident h5.advisory.mbl-only { font-size: 1.1rem !important; letter-spacing: 0; } .spare-the-air-sitewide-bar.alert .sitewide-logo { padding-left: 13%; } .spare-the-air-sitewide-bar.winter-alert .sitewide-logo { padding-left: 9%; } .incident-banner.icomoon.icon-AQAdvisory { font-size: 3rem; width: 30px; margin-right: 0px; } .spare-the-air-sitewide-bar h5 a { font-size: 0.8rem; } .lang-icon.icon-Location { font-size: 1.3rem; } .spare-the-air-sitewide-bar.incident .sitewide-description p, .spare-the-air-sitewide-bar.advisory .sitewide-description p { line-height: 1.1rem; font-size: 1rem !important; } .spare-alert-icon.icomoon.icon-WalkBikeLonger, .spare-alert-icon.icomoon.icon-NoBurnAlert, .spare-alert-icon.icomoon.icon-NoBurnLockup { font-size: 2.5rem; } .spare-the-air-sitewide-bar .sitewide-headline h5.alert { letter-spacing: 0px; font-size: 1.05rem !important; margin-top: 0; } .spare-the-air-sitewide-bar.no-burn .sitewide-link-wrapper .sitewide-wrapper .sitewide-headline h5 { letter-spacing: 0.8px; margin-left: 5px; font-size: 1.2rem !important; margin-top: 0; } .mbl-center { width: 210px; } .spare-more-btn { width: 80px; font-size: 1.2rem; } .alert-banner.icomoon.icon-SpareAirHoriz { font-size: 2.7rem; } .alert-banner.icomoon.icon-AlertTextHorizontal { font-size: 1.7rem; } .alert-banner.icomoon.icon-SpareAirWinterHoriz { font-size: 3.4rem; } .spare-no-burn { letter-spacing: 0.8px; font-size: 1.6rem; margin-left: 3px; } .no-burn-icon.icon-NoBurn { margin-right: 1px; font-size: 4.3rem; } .spare-the-air-sitewide-bar.alert .sitewide-headline .sitewide-main { width: 220px; } .spare-the-air-sitewide-bar.winter-alert .sitewide-headline .sitewide-main { width: 170px; } }