pasadena water and power login

. These companies are called "network advertisers." You must notify MyMeter Entities immediately of any change in your credit or debit card information, including any change to your home address. The Privacy Policy of this Website explains how such information collected via the MyMeter Entities may be collected and used by MyMeter Entities. The personal information we collect may include, but is not limited to, full name, street address, e-mail address, telephone number(s) (e.g., home, work, mobile and/or fax) and birth date. The trademarks or service marks displayed herein are the sole property of their respective entity or licensee and may be used only with permission of the entity including but not limited to the Teams, Leagues and Organizations noted herein, MyMeter, and Accelerated Innovations, LLC. Customers are now able to save time and paper by enrolling in paperless billing. MyMeter Entities may change, suspend or discontinue any aspect of this Website or the other MyMeter Entities at any time, including the availability of any product, Merchandise offering, Ticket offering, Service, feature, database or content. IN NO EVENT SHALL MYMETER ENTITIES BE LIABLE FOR ANY FAILURE, INTERRUPTION OR ERROR WITH RESPECT TO ANY ASPECT OF THIS WEBSITE OR THE OTHER MYMETER ENTITIES, INCLUDING THE AVAILABILITY OF ANY FEATURE OR FUNCTIONALITY. Account Number Hint: Include the dash in your account number EXACTLY the way it reads on your bill. Pasadena Water and Power's customers are charged an average residential electricity price of 21.02 cents per kilowatt hour. Create My Account. Please enter the House Street Number of your Service Address. Pasadena Water and Power takes pride in providing safe, reliable, environmentally responsible water and power service at competitive rates. This Privacy Policy applies only to this Website, unless you are notified otherwise upon accessing any third party website or product, in which case the terms and conditions set forth in such notification will apply. Copyright 2023 Pasadena Water and Power. By utilizing a credit or debit card for purchase of any Services or any other applicable products offered via the MyMeter Entities, you authorize MyMeter Entities or Vendor to charge such card on the periodic basis as specified (e.g., once per month for monthly Services) in the amount described on the applicable Service or Services' purchase path(s). MYMETER ENTITIES DOES NOT WARRANT THAT: (1) THIS WEBSITE, THE OTHER MYMETER ENTITIES OR ANY PRODUCTS OR SERVICES WILL BE UNINTERRUPTED OR ERROR FREE; (2) DEFECTS OR ERRORS IN THIS WEBSITE, THE OTHER MYMETER ENTITIES, THE PRODUCTS, MERCHANDISE OR SERVICES WILL BE CORRECTED; (3) THIS WEBSITE, THE OTHER MYMETER ENTITIES, THE PRODUCTS, MERCHANDISE OR SERVICES WILL BE FREE FROM VIRUSES OR OTHER HARMFUL COMPONENTS; OR (4) ANY INFORMATION CONTAINED IN THIS WEBSITE, THE OTHER MYMETER ENTITIES, THE PRODUCTS, MERCHANDISE OR SERVICES WILL BE ACCURATE OR RELIABLE. 626.744.4005 7:30 a.m. to 5:30 p.m. M-F except holidays. If you feel you may have spyware from another company installed on your machine, there are various anti-spyware/adware software applications available on the Internet to identify if this has occurred. Effective February 1, 2020, this policy on Discontinuation of Residential Water Service for Non - Payment is set forth by PWP in accordance with the City of Pasadena Municipal Code, General Fee Schedule, IN NO EVENT SHALL MYMETER ENTITIES OR ANY VENDOR BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF OR RELATING TO USE OF OR INABILITY TO USE THIS WEBSITE OR OTHER MYMETER ENTITIES INCLUDING, BUT NOT LIMITED TO, ANY TRANSACTION FOR PRODUCTS, MERCHANDISE, TICKETS OR SERVICES. You acknowledge that your Submissions are not confidential and that your Submissions may be read, intercepted by others and widely accessible on the Internet and/or via other interactive media, and that you have no expectation of privacy with regard to any such submission. Many advertisements are managed and placed on our Website by third parties. Use of the Website signifies your agreement to the Terms of Use and Privacy Policy. References to this Website and all materials contained in this Website along with otherwise accessible via Happen/MyMeter controlled Websites, other products or services will be referred to herein collectively as MyMeter Entities. Opting out of promotional emails will result in your inability to receive information from teams, MyMeter Entities and third parties regarding these activities and features, you will still receive emails for purchase confirmations and other system related messages. You acknowledge that MyMeter Entities is not responsible for, and cannot and does not guarantee, the accuracy, completeness or reliability of information in any material posted or submitted by any user of the Public Form. All Rights Reserved. MyMeter Entities is not responsible for the availability of these third party resources or their contents. The purchaser is responsible for any applicable taxes not collected by MyMeter Entities and certain states require purchasers to file a sales/use tax return annually reporting taxable purchases that were not taxed and to pay such tax. Sections 6, 7, 8, 9, 10, 11 and 12 of this Agreement will survive any termination or cancellation of this Agreement. Certain cookies that are set when some video products are accessed on our Website, called "local shared objects: or "Flash cookies," may not be managed using the settings in your web browser. The information you provided does not match our records. There are 66,546 customers of the company. The Residential Grid Access Charge is a flat fee of $4.50 per month; for customers who are billed bi-monthly, the charge will appear as $9.00 on each bill. Pasadena, CA 91101. If any term in this Agreement is declared unlawful, void or for any reason unenforceable by any court, then such term will be deemed severable from the remaining terms and will not affect the validity and enforceability of such remaining terms. Recently there has been an increase in scam attempts; if you receive a fraud call, hang up! Our registration and order forms contain a box to place your name, address, email, and or cell phone number indicating your consent to receive special offers and promotions from us. In addition, this Agreement may be immediately terminated at any time by MyMeter Entities in its sole discretion. Pasadena Water and Power's official Twitter account. Water Emergencies 626.744.4138. Terms of Use | Privacy Policy The Privacy Policy of this Website explains how such information may be collected and used. By using this Website and participating in the various activities and features including but not limited to Games, Votes, Contests, Sweepstakes, Merchandise and Service Purchases, and Submissions, you agree and opt in to receiving email or messages with confirmations, promotions, information and responses about various activities, promotions or features. /* Theme Name: PWP Prototype Description: A child theme of Prototype Version: 1.0 Author: City of Pasadena Author URI: http://www.ci.pasadena.ca.us/waterandpower/ Template: prototype */ .row.inner-padding-none [class*=col-]:not(:first-child) { padding-left: 0 } .row.inner-padding-none [class*=col-]:not(:last-child) { padding-right: 0 } .row.inner-padding-small [class*=col-]:not(:first-child) { padding-left: 4px } .row.inner-padding-small [class*=col-]:not(:last-child) { padding-right: 4px } #menu-main-menu { float: none; display: block; clear: both; background: #333 } .nf-field-element li { display: inline-block } .nf-field-element li input[type=radio] { font-size: 0 !important; margin: 0 !important; padding: 0 !important } .nf-field-element label { padding: 10px !important; font-size: 16px; background: #ccc } .nf-checked + label { color: #fff; background: #999 } .container .row .shim { display: none !important } .row.no-gutter { padding: 0; margin: 0 } .row.no-gutter > [class*=col-] { padding: 0; margin: 0 } html { font-size: 100%; -webkit-text-size-adjust: 100%; font-variant-ligatures: none; -webkit-font-variant-ligatures: none; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-shadow: rgba(0, 0, 0, .01) 0 0 1px } iframe { margin: 0 } #page { background: #fff } article { padding: 0 10px } article a, article a:hover, article a:visited { color: #aa8e4b } article h1 { font-size: 20px; font-weight: 300 } article h2 { font-size: 16px; font-weight: 700 } article h3 { font-size: 16px; font-weight: 700; line-height: 1.3; margin-bottom: 25px } article h6 { color: #6b727a } article hr { clear: both; height: 40px; top: 20px; position: relative; margin: 0 } article iframe { height: 145px; margin-top: 25px; width: 100%; min-width: 0; margin-bottom: 25px } article li { line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; margin-bottom: 20px } @media (min-width: 768px) { article li { font-size: 16px; line-height: 1.5 } } @media screen and (max-width: 767px), print and (max-width: 767px) { input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, select:focus, textarea { font-size: 16px !important } input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, select::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: 15px !important } input[type=color]:-moz-placeholder, input[type=date]:-moz-placeholder, input[type=datetime-local]:-moz-placeholder, input[type=datetime]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=month]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=time]:-moz-placeholder, input[type=url]:-moz-placeholder, input[type=week]:-moz-placeholder, select:-moz-placeholder, select:focus:-moz-placeholder, textarea:-moz-placeholder { font-size: 15px !important } input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, select::-moz-placeholder, select:focus::-moz-placeholder, textarea::-moz-placeholder { font-size: 15px !important } input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, select:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:-ms-input-placeholder { font-size: 15px !important } .row { margin-left: 0; margin-right: 0 } [class*=col-] { padding-left: 0; padding-right: 0 } header .title-container .col-title .entry-title { padding: 0 10px } article table { width: 100% } article .pwp-responsive-col table td { width: 100% !important } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0) } 100% { -webkit-transform: rotate(359deg) } } @keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .home .header-main__top-hero { display: block !important } #front-page .hero-title h1 { color: #fff; text-shadow: 2px 1px 1px rgba(0, 0, 0, .26) } #front-page .hero-title h3 { color: #fff } @media (min-width: 1200px) { .header-main .header-main__header-top .header-main__nav .header-main__megamenu .tab-content .tab-pane button.text { color: #aa8e4b } } .selectize-control * { cursor: pointer } .selectize-control .selectize-input .item { line-height: 44px } .news-item .image { width: 100%; height: 175px } @media (min-width: 600px) { .cpp_form #fbuilder .hasDatepicker { max-width: 57%; float: left } .cpp_form #fbuilder .hasDatepicker + div { float: right; max-width: 41% } } @media (min-width: 768px) { .cpp_form #fbuilder .hasDatepicker { max-width: 48%; float: left } .cpp_form #fbuilder .hasDatepicker + div { float: right; max-width: 48% } } @media (min-width: 992px) { .cpp_form #fbuilder .hasDatepicker { max-width: none; float: none } .cpp_form #fbuilder .hasDatepicker + div { float: none; max-width: none } } @media (min-width: 1200px) { .cpp_form #fbuilder .hasDatepicker { max-width: 48%; float: left } .cpp_form #fbuilder .hasDatepicker + div { float: right; max-width: 48% } } @media (min-width: 1400px) { .cpp_form #fbuilder .ui-datepicker-calendar tr td a, .cpp_form #fbuilder .ui-datepicker-calendar tr td span { height: 45px; width: 45px } } .container { padding-left: 10px; padding-right: 10px } .container.container--header { position: relative; padding: 0 } .container.container--header-pane { position: relative; padding: 0 } .container.container--header-top { position: relative; padding: 0 } .container.container--header-top-grey { position: relative; width: 100% } @media (max-width: 1199px) { .container.container--header-top { width: 100% } } @media (min-width: 768px) { .container { padding-left: 15px; padding-right: 15px } .container.container--header-pane { padding-left: 15px; padding-right: 15px } .container.container--header-top { padding-left: 15px; padding-right: 15px } } @media (min-width: 1200px) { .container.container--header-pane { width: 100%; height: 100%; min-height: 257px; display: table } } #front-page { position: relative } #front-page .front-page__blue-blocks { margin: 0 } #front-page .front-page__blue-blocks-block { padding: 0 } #front-page .front-page__blue-blocks-block:not(:last-child) { border-bottom: 1px solid #fff } #front-page .front-page__blue-blocks-block:first-child .front-page__blue-blocks-block-background { background-position: center top } #front-page .front-page__blue-blocks-block:last-child .front-page__blue-blocks-block-background { background-position: center bottom } #front-page .front-page__blue-blocks-block-background { display: none } #front-page .front-page__blue-blocks-block-icon { max-width: 30px; max-height: 30px; height: auto; left: 30px } #front-page .front-page__blue-blocks-block-link { display: block; text-shadow: 0 1px .5px rgba(0, 0, 0, .3); height: auto; min-height: 60px; text-decoration: none; position: relative } #front-page .front-page__blue-blocks-block-title { color: #fff; margin: 0; padding: 15px 10px 15px 60px; position: static; -webkit-transform: none; -ms-transform: none; transform: none } #front-page .front-page__button-box .row, #front-page .front-page__button-box [class*=col-] { margin: 0; padding: 0 } #front-page .front-page__button-box-row-buttons-col { border-bottom: 8px solid #1c4184; height: 185px; background-size: cover } #front-page .front-page__button-box-row-buttons-col-buttons { height: 100% } #front-page .front-page__button-box-row-buttons-col-buttons-row { width: 100.1%; height: 50%; border-bottom: 2px solid #484d53 } #front-page .front-page__button-box-row-buttons-col-buttons-row:last-child { border-bottom: none } #front-page .front-page__button-box-button-container { height: 100% } #front-page .front-page__button-box-button-container:last-child .front-page__button-box-button-link { border-right: none } #front-page .front-page__button-box-button-link { display: block; height: 100%; text-align: center; background-color: #1a2536; border-right: 2px solid #484d53 } #front-page .front-page__button-box-button-image { position: absolute; top: 35%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); max-width: 22px; max-height: 22px; width: auto; height: auto; margin: 0 } #front-page .front-page__button-box-button-name { color: #fff; text-transform: uppercase; font-weight: 700; position: absolute; top: 75%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 5px } #front-page .front-page__button-box-row-other-description { padding: 0 10px } #front-page .front-page__button-box-row-other-col:first-child { border-top: 1px solid #ebebeb } #front-page .front-page__button-box-row-other-link { color: #1d2129; padding: 10px; border-bottom: 1px solid #ebebeb } #front-page .front-page__button-box-row-other-row { padding-top: 10px } #front-page .front-page__button-box-row-other-title { font-weight: 700; color: #aa8e4b; text-transform: uppercase } #front-page .front-page__news-container .box-grey .pwp-latest-news h4 a, #front-page .front-page__news-container .box-grey .pwp-latest-news h4 a:hover, #front-page .front-page__news-container .box-grey .pwp-latest-news h4 a:visited { color: #1d2129; text-decoration: underline } #front-page .front-page__news-container .box-grey .pwp-latest-news img { width: 100%; height: auto } #front-page .front-page__page-title { margin: 0 } #front-page .front-page__page-title-text { margin: 0; font-weight: 300 } @media screen and (max-width: 767px), print and (max-width: 767px) { #front-page .front-page__page-title { padding: 10px } #front-page .front-page__page-title-text { line-height: 25px } } @media (min-width: 768px) { #front-page .front-page__blue-blocks-block:first-child .front-page__blue-blocks-block-background { background-position: left center } #front-page .front-page__blue-blocks-block:last-child .front-page__blue-blocks-block-background { background-position: right center } #front-page .front-page__blue-blocks-block:not(:first-child) { padding-left: 0 } #front-page .front-page__blue-blocks-block:not(:last-child) { padding-right: 2px } #front-page .front-page__blue-blocks-block-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .5; background-size: 300% auto; width: 100%; height: 100%; display: block } #front-page .front-page__blue-blocks-block-icon { max-width: 50px; max-height: 50px; left: 59px } #front-page .front-page__blue-blocks-block-link { height: 105px } #front-page .front-page__blue-blocks-block-title { padding: 0 34px 0 115px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; line-height: 18px } #front-page .front-page__button-box-row-buttons-col { height: 246px; width: 50% } #front-page .front-page__button-box-button-image { max-width: 30px; max-height: 30px } #front-page .front-page__button-box-button-name { padding: 0 31px } #front-page .front-page__button-box-row-other { border: 1px solid #ebebeb } #front-page .front-page__button-box-row-other-col:first-child { border-top: 0 } #front-page .front-page__button-box-row-other-col:not(:first-child):not(:last-child) { border-right: 2px solid #ebebeb; border-left: 2px solid #ebebeb } #front-page .front-page__button-box-row-other-description { padding: 30px 30px 0 } #front-page .front-page__button-box-row-other-link { color: #1d2129; padding: 10px 30px 30px; border: 0 } #front-page .front-page__button-box-row-other-row { padding-top: 30px } #front-page .front-page__news-container { display: block } #front-page .front-page__page-title { padding: 0 } #front-page .front-page__page-title-text { margin: 35px 0 -5px; padding-right: 350px } .home .header-main { height: 525px !important } .home .header-main .metaslider .flexslider { height: 525px !important } } .header-main { background: 0 0 } .header-main .header-main__brand { position: absolute; height: 50px; z-index: 1 } .header-main .header-main__brand-link { padding: 0 } .header-main .header-main__brand-image { height: auto; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; max-width: 260px; max-height: 25px; left: 10px; width: auto } .header-main .header-main__megamenu { display: none } .header-main .header-main__megamenu-mobile { background-color: #1a2536 } .header-main .header-main__megamenu-mobile li, .header-main .header-main__megamenu-mobile ol { margin: 0; padding: 0; list-style: none } .header-main .header-main__header-top { padding: 0; position: relative; z-index: 2; width: 100% } .header-main .header-main__nav { height: 50px; z-index: 1; width: 100% } .header-main .header-main__top-nav { height: 32px } .header-main .header-main__top-nav-home { line-height: 32px; vertical-align: middle } .header-main .header-main__top-nav-home-link { line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 500; margin: 0; font-size: 12px; font-weight: 700; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, .67); margin-top: 10px } .header-main .header-main__top-nav-grey { line-height: 30px; background-color: #2c3440; color: #fff; vertical-align: middle; border-bottom: 2px solid #6b727a } .header-main .header-main__top-nav-grey .row [class*=col-]:first-child { padding-left: 10px; text-align: center } .header-main .header-main__header-top-grey-status { visibility: hidden } .header-main .header-main__header-top-grey-status-link { display: inline-block; background: rgba(255, 255, 255, 0); padding: 0 20px; margin-left: -20px } .header-main .header-main__header-top-grey-status-label { text-transform: uppercase; padding: 0 } .header-main .header-main__header-top-grey-status-power { line-height: 20px; height: 20px; width: 150px; color: #fff; text-align: center; display: inline-block; border-radius: 28px; background-color: #0a7b3f } .header-main .header-main__header-top-grey-status-power.minor { background-color: #e7790e } .header-main .header-main__header-top-grey-status-power.major { background-color: #a32121 } .header-main .header-main__header-top-grey-social { padding: 0 } .header-main .header-main__top-hero { height: 130px !important; display: none !important } .header-main .header-main__top-hero.show .metaslider { opacity: 1 } .header-main .header-main__top-image { width: 100%; height: 100%; top: 0; left: 0; right: 0; position: absolute } .header-main .metaslider { max-width: none !important; width: 100%; top: 0; left: 0; right: 0; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s } .header-main .metaslider .flexslider { border-radius: 0 } .header-main .metaslider .flexslider .slides { height: 100% } .header-main .metaslider .flexslider .slides li { height: 100%; background-size: cover; background-position: center top } .header-main .metaslider .flexslider .slides li > a { position: absolute; display: block; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 1 } .header-main .metaslider .flexslider .slides li img { height: 100%; width: auto } .header-main .metaslider .flexslider .caption-wrap { background: 0 0; text-align: center; opacity: 1; top: 0; bottom: auto } .header-main .metaslider .flexslider .flex-next, .header-main .metaslider .flexslider .flex-prev { height: 25px; width: 25px; background-size: auto 100% } .header-main .metaslider .flexslider .flex-control-nav { bottom: 23px } .header-main .metaslider .flexslider .flex-control-nav a { background: 0 0; width: 14px; height: 14px; border: 2px solid #fff } .header-main .metaslider .flexslider .flex-control-nav a.flex-active { background-color: #fff } @media screen and (max-width: 767px), print and (max-width: 767px) { .header-main .header-main__nav { padding: 0; margin: 0; width: 100% } .header-main .header-main__top-nav.no-outage { display: none } .header-main .metaslider { height: 130px !important } .header-main .metaslider .flexslider { height: 130px !important } .header-main .metaslider .flexslider .caption-wrap .caption { padding: 0; height: 130px; position: relative } .header-main .metaslider .flexslider .caption-wrap .caption h1 { display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; left: 0; padding: 0 35px; line-height: 30px; width: 100% } .header-main .metaslider .flexslider .caption-wrap .caption p { top: 100%; position: absolute; left: 0; color: #1d2129; padding: 11px 25px; font-size: 20px; line-height: 24px; width: 100% } .header-main .metaslider .flexslider .flex-prev { left: 5px } .header-main .metaslider .flexslider .flex-next { right: 5px } } @media (min-width: 768px) { .header-main { height: 285px !important; z-index: 2 } .header-main .container.container--pwp-sign-in { display: block; bottom: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .header-main .pwp-sign-in.pwp-sign-in--gold { bottom: -63px; right: 0; position: absolute; margin: 0 15px 0 0 } .header-main .header-main__nav { padding: 0 15px; margin: 0 0 0 -15px; width: 100% } .header-main .header-main__top-nav-grey { width: 54.33333333% } .header-main .header-main__header-top-grey-phone { width: 25% } .header-main .header-main__header-top-grey-social { width: 28% } .header-main .header-main__header-top-grey-status-link { -webkit-transition: background-color .3s; transition: background-color .3s } .header-main .header-main__header-top-grey-status-link:hover { background: rgba(255, 255, 255, .1) } .header-main .header-main__top-nav-search { width: 29% } .header-main .header-main__top-hero { display: block !important } .header-main .metaslider { position: absolute !important; overflow: hidden } .header-main .metaslider .flexslider { height: 130px !important; overflow: hidden } .header-main .metaslider .flexslider .caption-wrap { background: 0 0; position: absolute; top: 150px; bottom: auto; left: auto; right: auto } .header-main .metaslider .flexslider .flex-next, .header-main .metaslider .flexslider .flex-prev { height: 50px; width: 50px } .header-main .metaslider .flexslider:hover .flex-next, .header-main .metaslider .flexslider:hover .flex-prev { left: 50px } .header-main .metaslider .flexslider:hover .flex-next { left: auto; right: 50px } } @media (min-width: 1200px) { .header-main .header-main__brand { position: relative; height: 100% } .header-main .header-main__brand-image { left: 0; width: 90%; max-width: none; max-height: none } .header-main .header-main__megamenu { display: block; vertical-align: middle } .header-main .header-main__megamenu.active .header-main__megamenu-tabs { z-index: 3; -webkit-box-shadow: -2px 17px 73px rgba(0, 0, 0, .3); box-shadow: -2px 17px 73px rgba(0, 0, 0, .3); position: relative } .header-main .header-main__megamenu-link { color: #b1b5bd; text-decoration: none } .header-main .header-main__header-top { z-index: 1; width: auto } .header-main .header-main__megamenu-tab-col { height: 100%; padding: 35px; display: table-cell; float: none; vertical-align: top } .header-main .header-main__megamenu-tab-col.header-main__megamenu-tab-col--imagery { padding: 20px 20px 20px 0; height: 1em } .header-main .header-main__megamenu-tab-content { background-color: #1a2536; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4); box-shadow: 0 2px 4px rgba(0, 0, 0, .4); z-index: 2; position: relative } .header-main .header-main__megamenu-tab-pane { min-height: 257px; width: 100%; color: #b1b5bd } .header-main .header-main__megamenu-tab-pane li, .header-main .header-main__megamenu-tab-pane ol, .header-main .header-main__megamenu-tab-pane ul { list-style: none; padding: 0; margin: 0 } .header-main .header-main__megamenu-tab-pane .selectize-input, .header-main .header-main__megamenu-tab-pane input, .header-main .header-main__megamenu-tab-pane input[type=text], .header-main .header-main__megamenu-tab-pane select { line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 500; margin: 0; font-size: 12px; font-weight: 700; height: 30px; background-color: #1a2536; color: #fff; border: 1px solid #3c4452 } } @media (min-width: 1200px) and (min-width: 768px) { .header-main .header-main__megamenu-tab-pane .selectize-input, .header-main .header-main__megamenu-tab-pane input, .header-main .header-main__megamenu-tab-pane input[type=text], .header-main .header-main__megamenu-tab-pane select { font-size: 14px } } @media (min-width: 1200px) { .header-main .header-main__megamenu-tab-pane .selectize-input::-webkit-input-placeholder, .header-main .header-main__megamenu-tab-pane input::-webkit-input-placeholder, .header-main .header-main__megamenu-tab-pane input[type=text]::-webkit-input-placeholder, .header-main .header-main__megamenu-tab-pane select::-webkit-input-placeholder { color: #fff } .header-main .header-main__megamenu-tab-pane .selectize-input:-moz-placeholder, .header-main .header-main__megamenu-tab-pane input:-moz-placeholder, .header-main .header-main__megamenu-tab-pane input[type=text]:-moz-placeholder, .header-main .header-main__megamenu-tab-pane select:-moz-placeholder { color: #fff } .header-main .header-main__megamenu-tab-pane .selectize-input::-moz-placeholder, .header-main .header-main__megamenu-tab-pane input::-moz-placeholder, .header-main .header-main__megamenu-tab-pane input[type=text]::-moz-placeholder, .header-main .header-main__megamenu-tab-pane select::-moz-placeholder { color: #fff } .header-main .header-main__megamenu-tab-pane .selectize-input:-ms-input-placeholder, .header-main .header-main__megamenu-tab-pane input:-ms-input-placeholder, .header-main .header-main__megamenu-tab-pane input[type=text]:-ms-input-placeholder, .header-main .header-main__megamenu-tab-pane select:-ms-input-placeholder { color: #fff } .header-main .header-main__megamenu-tab-pane h5 { font-size: 13px; color: #727880 } .header-main .header-main__megamenu-tab-pane .sub-header { font-size: 13px; color: #727880; font-weight: 700; margin: 0; line-height: 40px } .header-main .header-main__megamenu-tab-pane-item p { margin: 0; padding: 8px 0 } .header-main .header-main__megamenu-tab-pane-item p a, .header-main .header-main__megamenu-tab-pane-item p a:hover, .header-main .header-main__megamenu-tab-pane-item p a:visited { color: #fff } .header-main .header-main__megamenu-tab-pane-item:not(:last-child) { border-bottom: 1px solid #3c4452 } .header-main .header-main__megamenu-tabs { background-color: #00245c; width: 100%; padding: 0; display: table } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab { height: 77px; position: relative; padding: 0; float: none; margin: 0; display: table-cell } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab.active { background-color: #1a2536 } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab.active .header-main__megamenu-tab-link { background-color: transparent } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab:first-child .header-main__megamenu-tab-link { padding-left: 35px } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab:last-child .header-main__megamenu-tab-link { padding-right: 35px } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab.header-main__megamenu-tab--account-services { width: 24% } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab.header-main__megamenu-tab--ways-to-save { width: 17% } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab.header-main__megamenu-tab--news-community { width: 22% } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab.header-main__megamenu-tab--outages-safety { width: 20% } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab.header-main__megamenu-tab--about-pwp { width: 100% } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab-link { border-radius: 0; line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; font-weight: 700; color: #fff; background-color: transparent; height: 100%; display: block; position: relative; -webkit-transition: background-color .3s; transition: background-color .3s; padding: 0 20px; text-align: left; border-bottom: 1px solid #fff; border-bottom: 0; width: 100% } } @media (min-width: 1200px) and (min-width: 768px) { .header-main .header-main__megamenu-tabs .header-main__megamenu-tab-link { font-size: 16px; line-height: 1.5 } } @media (min-width: 1200px) { .header-main .header-main__megamenu-tabs .header-main__megamenu-tab-link:hover { background-color: rgba(255, 255, 255, .1) } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab-text { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url(img/icon-arrow-down-white.png); background-repeat: no-repeat; background-position: right center; padding-right: 20px } .header-main .header-main__nav { height: 77px; position: absolute } .header-main .header-main__top-nav { height: 54px } .header-main .header-main__top-nav-home { line-height: 54px } .header-main .header-main__top-nav-grey { line-height: 52px } .header-main .header-main__top-nav-grey .row [class*=col-]:first-child { padding-left: 35px; text-align: left } .header-main .header-main__header-top-grey-status-power { line-height: 28px; height: 28px; width: 158px } .header-main .row.row--header-pane { height: 100%; display: table-row; width: 100% } .flex-control-nav { bottom: 10px } } .main-nav { display: none } .metaslider #metaslider_42 .caption-wrap { text-align: left } #metaslider_42 .metaslider__top-type { font-size: 1rem; font-weight: 700; text-transform: uppercase; margin-bottom: 15px } #metaslider_42 .metaslider__top-title { font-size: 1.5rem; font-weight: 700; letter-spacing: 1px; line-height: normal } #metaslider_42 .metaslider__bottom-description { font-size: 1.25rem; line-height: 1.5rem; font-weight: 400 } #metaslider_42 .metaslider__bottom-learn-more a.pwp-button:hover { text-decoration: none } .header-main .metaslider .flexslider .slides { background-color: #1a2536 } .header-main .metaslider .flexslider .slides li > a { display: none } @media (max-width: 1199px) { .home .header-main { height: auto !important } .container.container--header-top { padding: 0 } .header-main .header-main__top-hero { display: block !important; height: auto !important } #metaslider_42 { height: auto !important; margin: 0 } .header-main .metaslider#metaslider-id-42 { height: auto !important; margin: 0 !important; position: relative !important } .header-main .metaslider #metaslider_42 .slides li { background-repeat: no-repeat; background-position: top center; background-size: cover } .header-main #metaslider_42 .metaslider .flexslider .slides li > a { display: none } .metaslider #metaslider_42 .caption-wrap { position: relative; top: 0 } .metaslider #metaslider_42 .caption { height: auto; text-align: left; padding: 0 } #metaslider_42 .metaslider__top { max-height: 525px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative } #metaslider_42 .metaslider__top-spacer { padding: 50% 0 0 0 } #metaslider_42 .metaslider__top-content { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } #metaslider_42 .metaslider__top-type { text-align: center } #metaslider_42 .metaslider__top-title { text-align: center } #metaslider_42 .metaslider__bottom { padding: 15px 25px; background-color: #1a2536 } #metaslider_42 .metaslider__bottom-description { text-align: center; padding: 10px } #metaslider_42 .metaslider__bottom-learn-more { margin: 5px auto 38px; text-align: center } #metaslider_42 .metaslider__bottom .pwp-button { width: auto; padding-top: 10px; display: block; padding-bottom: 10px; padding: 0 } #metaslider_42 .metaslider__bottom .pwp-button { padding: 10px } .header-main .header-main__nav { padding: 0; margin: 0; width: auto } } @media (min-width: 1200px) { .metaslider #metaslider_42 .caption { max-width: 1070px; margin: 0 auto } #metaslider_42 .metaslider__top-type { margin-top: 40px } #metaslider_42 .metaslider__top-title { font-size: 2.8125rem; text-align: left; max-width: 650px } #metaslider_42 .metaslider__bottom-description { font-size: 1.5rem; line-height: 2.25rem; padding: 0; max-width: 650px } #metaslider_42 .metaslider__bottom-learn-more { margin-top: 20px } } .img-fill { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100% } .img-fill img { display: none } .img-fill.img-fill--top-nav { overflow: hidden; height: 0; padding-top: 65.2%; width: 342px } .pwp-button { display: inline-block; min-width: 148px; line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 500; margin: 0; font-size: 12px; line-height: 1; -webkit-transition: opacity .3s, background-color .3s; transition: opacity .3s, background-color .3s; color: #fff; text-align: center; font-weight: 700; text-transform: uppercase; border: 0; padding: 15px 10px; position: relative; word-break: break-word } @media (min-width: 768px) { .pwp-button { font-size: 14px } } .pwp-button a, .pwp-button a:active, .pwp-button a:visited { color: #fff; font-weight: 700; text-decoration: none; cursor: pointer; display: block; padding: 0; width: 100%; height: 100%; line-height: 1.25; position: relative } .pwp-button.small { height: 30px; min-width: 120px; margin: 5px 0 } .pwp-button.block { min-width: 0; padding: 0 } .pwp-button.blue { background-color: #1c4184 } .pwp-button.blue.disabled { background-color: #92a0b9 } .pwp-button.green { background-color: #36871a } .pwp-button.green.disabled { background-color: #0a7b3f } .pwp-button.outline { background-color: rgba(255, 255, 255, 0); border: 2px solid #fff } .pwp-button.outline:hover { background-color: rgba(255, 255, 255, .1) } .pwp-button.white { background-color: #fff } .pwp-button.white:hover { background-color: #ebebeb } .pwp-button.auto-width { padding: 5px 20px; height: auto; margin: 10px 0; width: auto; max-width: none; min-width: 0 } .pwp-button.auto-width span { position: static; line-height: 1.25 } .pwp-button:active { opacity: .8 } .pwp-button.pwp-button--sidebar-contact { padding: 5px 20px } .pwp-button.pwp-button--sidebar-contact a, .pwp-button.pwp-button--sidebar-contact a:hover, .pwp-button.pwp-button--sidebar-contact a:visited { color: #fff } .pwp-button.blue a, .pwp-button.blue span { color: #fff } @media (min-width: 768px) { .pwp-button { min-width: 165px } .pwp-button:hover { opacity: .9 } } .pwp-footer { background-color: #f8f8f8; height: auto; padding: 10px 0 } #content .pwp-footer h4, .pwp-footer-container .pwp-footer h4 { font-weight: 700; margin: 10px 0 } #content .pwp-footer h5 p, .pwp-footer-container .pwp-footer h5 p { margin-bottom: 20px } #content .pwp-footer h5 a, .pwp-footer-container .pwp-footer h5 a { line-height: 2 } @media screen and (max-width: 767px), print and (max-width: 767px) { #content .pwp-footer h4, .pwp-footer-container .pwp-footer h4 { font-size: 16px } } .plus-group .plus-row { display: none } .plus-group .plus-btn { padding: 0; border: 0; background: 0 0; max-width: 33px } .plus-group.open .plus-row { display: table-row } @media screen and (max-width: 767px), print and (max-width: 767px) { header .title-container .col-title .entry-title { padding: 0 10px } } @media print { .footer-social, .header-main, .pwp-footer-container, .pwp-sign-in, .pwp-translate, .sidebar-container, .site-footer { display: none } .print-d-block { display: block !important } a[href]:after { content: " "; clear: both; display: block } #front-page .front-page__news-container .pwp-latest-news h4 { max-height: none } #front-page .front-page__news-container .col-md-8.panel .col-md-6.img-fill { display: none } article .pwp-post-list li .post-container a .image { height: auto; min-height: 150px; position: static; float: right } article .pwp-post-list li .post-container a .image .description { opacity: 1 !important; -webkit-transition: none !important; transition: none !important; display: block !important } article .pwp-post-list li .post-container a img.print-d-block { width: 100%; height: auto } article .pwp-post-list li .post-container a .top { border: none } article .pwp-post-list li .post-container a:hover .image { height: auto; position: static; float: right } .content-area { width: 100% } } /* MyMeter landing adjustments */ .welcome { font-family: Raleway, Arial, sans-serif; color: #1d2129 } .welcome * { image-rendering: -webkit-optimize-contrast; word-break: break-word } .welcome .h1, .welcome .h1 > p, .welcome h1, .welcome h1 > p { line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 700; margin: 0; font-size: 24px } @media (min-width: 768px) { .welcome .h1, .welcome .h1 > p, .welcome h1, .welcome h1 > p { font-size: 45px } } .welcome .h2, .welcome .h2 > p, .welcome h2, .welcome h2 > p { line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 400; margin: 0; font-size: 24px } @media (min-width: 768px) { .welcome .h2, .welcome .h2 > p, .welcome h2, .welcome h2 > p { font-size: 32px } } .welcome .h3, .welcome .h3 > p, .welcome h3, .welcome h3 > p { line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 400; margin: 0; font-size: 24px } .welcome .h4, .welcome .h4 > p, .welcome h4, .welcome h4 > p { line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 700; margin: 0; font-size: 14px } @media (min-width: 768px) { .welcome .h4, .welcome .h4 > p, .welcome h4, .welcome h4 > p { font-size: 20px } } .welcome .p, .welcome p, .welcome span, .welcome #signup .signupGroup label { line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 500; font-size: 14px; line-height: 20px } @media (min-width: 768px) { .welcome .p, .welcome p, .welcome span, .welcome #signup .signupGroup label { font-size: 16px; line-height: 1.5 } } .welcome .h5, .welcome .h5 > p, .welcome h5, .welcome h5 > p { line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 500; margin: 0; font-size: 12px } @media (min-width: 768px) { .welcome .h5, .welcome .h5 > p, .welcome h5, .welcome h5 > p { font-size: 14px } } .welcome .h6, .welcome .h6 > p, .welcome h6, .welcome h6 > p { line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 500; margin: 0; font-size: 12px } .welcome a, .welcome a:active, .welcome a:visited { color: #1c4184; -webkit-transition: opacity .3s; transition: opacity .3s } .welcome a.brown, .welcome a:active.brown, .welcome a:visited.brown { color: #aa8e4b } .welcome a:active:hover, .welcome a:hover, .welcome a:visited:hover { opacity: .9 } #container .welcome #fma .contentWrap > h1 { display: none; } #login { padding: 0 23px; } .loginContainer .form-group input { background: #FFFFFF; border-radius: 5px; border: 1px solid #CCCCCC; box-shadow: inset 0px 2px 3px rgb(0 0 0 / 10%); box-sizing: border-box; color: #1c4184; font-family: Raleway, Arial, sans-serif; /*font-size: 16px;*/ font-size: 1rem; font-weight: 700; height: 40px; /*line-height: 1.5;*/ /*line-height: 40px;*/ line-height: 2.5rem; margin: 0; padding: 0 20px; } .loginContainer select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(img/icon-arrow-down-brown.png); background-size: 13px auto; background-position: right 10px center; background-repeat: no-repeat; line-height: 1.5; font-family: Raleway, Arial, sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; color: #1d2129; font-weight: 500; line-height: 50px; height: 50px; padding: 0 15px; width: 100%; border: 1px solid #dbdde0; background-color: #fff; padding-right: 30px } @media (min-width: 768px) { .loginContainer select { font-size: 16px; line-height: 1.5 } } .loginContainer select::-ms-expand { display: none } .modern .modernSwitch span.slider:before { height: 24px; width: 24px; } #subHeaderContainer { margin-top: 20px; } .welcome .loginContainer { padding-bottom: 2.3rem; } .welcome .btn-default.loginBtn.btn { position: absolute; bottom: 0; } .welcome #login .loginMain .form-group { padding-bottom: 16px; } .welcome #login .loginMain .loginSub { margin: 10px 0; padding: 0; } .welcome #login .loginMain .loginSub a, .welcome #login .loginMain .loginSub a span { color: #1E4185; font-family: "RobotoMedium", Roboto, sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: .875rem; margin-top: -2px; margin-bottom: 3px; white-space: nowrap; } .welcome #login .loginMain .loginSub a.createAccount { bottom: 70px; left: 90px; margin: 0; max-width: none; padding: 0; position: absolute; } .welcome #login .loginMain .loginSub a.toggleForgotPassword { bottom: 50px; left: 90px; margin: 0; max-width: none; padding: 0; position: absolute; width: 200px; } .welcome #login .loginMain .createAccount span { display: block; width: 200px; } .welcome #login .loginMain .loginSub h6 { bottom: 10px; color: #A58E55; font-family: Roboto, sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; left: 90px; line-height: .875rem; margin: 0; max-width: none; padding: 0; position: absolute; width: 150px; } .welcome #login .loginMain .loginSub { position: absolute; bottom: 0; } .welcome #login .loginMain .loginSub label { height: 24px; width: 55px; } .welcome #login .loginMain #LoginUsernamePassword { position: relative; padding-bottom: 60px; } .welcome #fma { padding: 0; margin: 0; } .welcome #pitch { background-color: #0A275A; border-top: 8px solid white; } .welcome #pitch .contentWrap { padding: 0; } .welcome #pitch img { left: 0; margin-left: 0 !important; position: absolute; top: 0; width: 85px; } .welcome #pitch li h4, .welcome #pitch li h4 a { color: #A58E55; font-family: "RobotoMedium", Roboto, sans-serif; /*font-size: 1.8rem;*/ font-size: 1.375rem; font-weight: 400; margin: 0; } .welcome #pitch li { margin: 0 0 35px; min-height: 85px; padding-left: 110px; padding-right: 0; position: relative; } .welcome #pitch li:last-child { margin-bottom: 0; } .welcome #pitch li p { font-family: Roboto, sans-serif; /*font-size: 1.6rem;*/ font-size: 1.125rem; font-weight: normal; line-height: normal; margin: 10px 0; padding: 0; } .welcome #pitch ul { margin: 0; max-width: 960px; padding: 40px 30px 30px; } .welcomeImage { display: none; } @media (min-width: 660px) { .welcome #login .loginMain .loginSub a.createAccount { position: static; } .welcome #login .loginMain .loginSub a.toggleForgotPassword { position: static; line-height: normal; width: auto; margin-right: 15px; } .welcome #login .loginMain .loginSub a span { line-height: normal; display: inline; } .welcome #login .loginMain .loginSub h6 { position: static; line-height: normal; width: auto; } .welcome #login .loginMain .loginSub label.modernSwitch { margin-right: 15px; } .welcome .btn-default.loginBtn.btn { position: static; padding: 7px 17px; } .welcome #fma .contentWrap { max-width: none; } .welcome #login { width: auto; } .welcome #login .loginMain .form-group { padding-bottom: 0; } .welcome #login .loginMain .loginSub h6 { padding-right: 10px; } .welcome .loginContainer { margin: 0; padding: 0; } .welcome #pitch { border-top-width: 28px; } .welcome #pitch li h4 { /*font-size: 2.2rem;*/ font-size: 1.375rem; } .welcome #pitch li p { /*font-size: 1.8rem;*/ font-size: 1.125rem; } .welcome #pitch ul { margin: 20px auto; } } /* PWP adjustments */ .header-main__header-top { display: none; } .header-main__header-top .pwp-social-list ol { filter: brightness(0) saturate(0) invert(1); } #metaslider_42 .metaslider__bottom-description { /*font-size: 1.6rem;*/ font-size: 1rem; /*line-height: 2.2rem;*/ line-height: 1.375rem; } #metaslider_42 .metaslider__top { border-top: 15px solid #254180; } #metaslider_42 .metaslider__top-content { padding: 0 30px; } #metaslider_42 .metaslider__top-spacer { padding: 85.3% 0 0 0; } #metaslider_42 .metaslider__top-title { /*font-size: 2.4rem;*/ font-size: 1.5rem; } #metaslider_42 .metaslider__top-type { /*font-size: 1.6rem;*/ font-size: 1rem; } @media (min-width: 1200px) { .container.container--header-top { overflow: visible; display: flex; padding: 0; justify-content: flex-end; } .container.container--header-top .col-md-5 { padding-right: 0; } .container.container--header-top-grey { padding: 0 15px; } .container.container--header-top-grey > .row { display: flex; } .header-main__header-top { display: block; } .header-main .header-main__header-top-grey-social { display: flex; flex-direction: row-reverse; width: 58.33333333%; flex: 1; } .header-main .header-main__header-top-grey-phone { flex: none; padding-right: 0; text-align: right; width: 150px; } .header-main .header-main__megamenu-tab { flex: 1; width: auto !important; } .header-main .header-main__megamenu-tab-link { text-align: right; text-decoration: none; border: 0; } .header-main .header-main__megamenu-tab-link:hover, .header-main .header-main__megamenu-tab-link.active { border: 0; } .header-main .header-main__megamenu-tabs { display: flex; margin-top: 0; border: 0; } .header-main .header-main__megamenu-tabs .header-main__megamenu-tab-text { align-items: center; background-image: url(https://ww5.cityofpasadena.net/water-and-power/wp-content/themes/water_and_power/img/icon-arrow-down-white.png); color: #FFFFFF; display: flex; font-family: Roboto, sans-serif; font-size: 18px; font-style: normal; font-weight: 500; line-height: 21px; padding-right: 25px; text-align: right; white-space: nowrap; } .header-main .header-main__nav { padding: 0; margin: 0; max-width: 1140px; } .header-main .header-main__top-hero { position: static; } .header-main .header-main__top-nav-home { height: 54px; } .metaslider #metaslider_42 .caption { max-width: 980px; } .header-main .header-main__nav { padding-left: 106px; } #metaslider_42 .metaslider__bottom-description { /*font-size: 2rem;*/ font-size: 1.25rem; line-height: 1.8; font-family: Roboto, sans-serif; } #metaslider_42 .metaslider__top { border-top: none; } #metaslider_42 .metaslider__top-content { padding: 0; } #metaslider_42 .metaslider__top-type { /*font-size: 1.8rem;*/ font-size: 1.125rem; font-family: "RobotoBold", Roboto, sans-serif; } #metaslider_42 .metaslider__top-title { /*font-size: 4rem;*/ font-size: 2.5rem; font-family: "RobotoBold", Roboto, sans-serif; } #metaslider_42 .metaslider__top-spacer { padding: 0; } #metaslider_42 .pwp-button.blue { padding: 13px; min-width: 150px; font-family: Roboto, sans-serif; } .welcome #fma .header-main .header-main__megamenu-tab-pane-item p { margin: 0; text-align: left; width: auto; } .welcome #fma .header-main .header-main__megamenu-tab-pane-item p a { /*font-size: 1.6rem;*/ font-size: 1rem; line-height: 1.4; } .welcome #fma .welcome-title { font-family: "RobotoBold", Roboto, sans-serif; font-style: normal; font-weight: bold; /*font-size: 22px;*/ font-size: 1.375rem; /*line-height: 26px;*/ line-height: 1.675rem; color: #FFFFFF; width: auto; margin: 0; text-align: left; display: flex; height: 100%; align-items: center; } .welcome .header-main .header-main__top-nav-grey { width: auto; border: none; } } /* Fix Bootstrap styles overridden by MyMeter */ .container { margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } /* Fix MyMeter's styles on elements injected into our welcome block*/ #InboundOutageBtnLanding { vertical-align: top; } #PaySelectedAccountsModal form label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #PaySelectedAccountsModal form label span { font-size: 14px; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #publicComputer { background: #FFFEFC; border: 1px solid #A58E55; color: #313131; font-family: Roboto, sans-serif; font-size: 14px; font-style: normal; font-weight: 300; line-height: 16px; padding: 15px; margin: 20px 0 0; } .welcome #pitch li #PaySelectedAccountsModal h4.modal-title { color: white; line-height: 1.42857143; font-family: "RobotoBold", Helvetica, Arial, Sans-Serif; font-weight: normal; font-size: 20px; margin: 0; } .welcome #pitch li #PaySelectedAccountsModal h4 { line-height: 1.1; margin-bottom: 5px; font-weight: 700; font-size: 14px; color: #444; font-family: "RobotoRegular", Helvetica, Arial, Sans-Serif; } .prePayProp div, .prePayProp span, .account-list-account-number.account-info, #MakePaymentDisclaimer, #MakePaymentDisclaimer div, #PaySelectedAccountsModal form label, #PaySelectedAccountsModal span, .formatted-fee span, .formatted-balance-past-due span, .balanceBox label, .balanceBox span, #PaySelectedAccountsModal .alert { color: #222222; font-size: 14px; font-weight: normal; max-width: initial; margin-bottom: initial; } .welcome #pitch li { min-height: 90px; } @media (min-width: 741px) { #publicComputer { float: right; margin: 0 0 12px 26px; max-width: 402px; } } @media (min-width: 768px) { .welcome #pitch ul { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 930px; padding: 0; } .welcome #pitch li { flex: 1 1 40%; margin: 17px 35px; } }, For Refuse only customers, call 626.744.4005, Pay your latest bill without logging into the customer portal, Find contact information, view FAQs, report water waste, and more, Property owners with units 50,000 square feet+ to disclose energy usage (CEC).

Cheapest Way To Send Eth To Metamask, Articles P