MyMeter Entities will be entitled to recover its court costs and reasonable attorneys' fees and expenses incurred in successfully proving any breach of any term of this Agreement. Pasadena Water and Power takes pride in providing safe, reliable, environmentally responsible water and power service at competitive rates. "Spyware" or "adware" is any software which has been downloaded to and/or installed on an Internet user's computer, without the user's actual consent, and facilitates the distribution of any commercial message to the user. The section headings in this Agreement are for convenience only and must not be given any legal import. Follow Pasadena Water & Power on Facebook to get timely information about programs, water and energy This account number is not valid. If MyMeter Entities determines, in its sole discretion and judgment, that your Submissions violates, or may violate, any of the terms of this Agreement, MyMeter Entities reserves the right to (a) refuse to allow you to upload information or otherwise transmit material; (b) remove and delete your Submissions; (c) revoke your right to use this Website, the Public Forum; and/or (d) use any technological, legal, operational or other means available to enforce the provisions of this Agreement, including, without limitation, blocking specific IP addresses or deactivating your registration on this Website or the Public Forum. Water Emergencies 626.744.4138. Winter Storms Bring Near-Term Drought Relief to the State, Power IRP Virtual Community Meeting on April 27. You hereby waive any argument that any such court does not have jurisdiction over you or such dispute or that venue in any such court is not appropriate or convenient. If you submit any personal information to us, or to our third-party service providers acting on our behalf, you can be assured that we will not sell, lease, or share your personal information with or to anyone else, except as follows: (1) to our third-party service providers, and only so that they may help us provide services you've requested and in certain circumstances to provide you with ticket related offers; (2) to the utilities or organizations noted herein., to the extent that you've submitted information that relates specifically to such organization or entity (e.g., you've asked to receive the newsletter of one or more organizations or entities via email or you've purchased organization or entity-specific services, products or merchandise), so that they may learn more about users like you, and provide better services to you; (3) upon notice posted on an applicable location of our Website where we collect your personal information for an economic transaction and notify you that we will be sharing such information with a third party, where such third party is clearly identified; and (4) on occasion, we may offer a special promotion (such as a sweepstakes, contest, or free subscription to goods and/or services) on this Website in conjunction with a third-party service provider, sponsor, or promotional partner, and share your information with that service provider, sponsor, or promotional partner so that it can send you other special promotions it offers, but only if you give us permission to do so. 2023 Clean Power Research, L.L.C. Links to and from this Website and/or MyMeter Entities from or to Third Party Sales Locations, Third Party Social Networking Features and other websites or locations maintained by third parties, do not constitute an endorsement by MyMeter Entities of any such third party website or content. Problems should be reported to Pasadena Action Line at 713-475-5555. If you want to close your account with us and have us delete the personal information in it (except for information that we keep for record-keeping purposes), you should contact Accelerated Innovations LLC Customer Service at 651-757-4200. Water Emergencies 626.744.4138. This Agreement constitutes the entire agreement between the parties, and supersedes all prior written or oral agreements or communications with respect to the subject matter herein. All Rights Reserved. This Website and the other MyMeter Entities may contain links and pointers to other World Wide Web sites and resources, including, without limitation, Third Party Sales Locations and Third Party Social Networking Features. In consideration of your use of the MyMeter Entities, you agree (i) to provide accurate, current and complete information about yourself as may be prompted by any registration forms ("Registration Data"); (ii) to maintain the security of your password and identification; (iii) to maintain and promptly update Registration Data and any other information you provide to MyMeter Entities, and to keep it accurate, current and complete; (iv) not to sell, transfer or assign your account; and (v) to be fully responsible for all use of your account and for any actions that take place using your account. Therefore, no personal information is disclosed in this manner. If any sales tax will be collected directly by MyMeter Entities in connection with a purchase that amount will be shown either prior to the completion of any purchase or reflected in the final confirmation of that purchase. Your ability to purchase Merchandise, Tickets, Services and/or any other products offered via the MyMeter Entities is subject to limits established by your card issuer. Customers are now able to save time and paper by enrolling in paperless billing. Pasadena Water & Power has upgraded its online account management to better serve you. By purchasing any Merchandise, Tickets, Services or any other products offered via the MyMeter Entities, you acknowledge and agree that your credit or debit card is being charged by the payment processor of MyMeter Entities or its Vendor, the operator of such product or service. 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. PWP Customer Service Line 626.744.4005 7:30 a.m. to 5:30 p.m. Mon-Fri, except holidays 100 North Garfield Ave., Room N106 Pasadena, CA 91101 PWP Customer Service If you do not want information collected through the use of cookies, there is a simple procedure in most browsers that allows the user to accept or reject most cookies. The Distribution Charge recovers the cost of delivering electricity from our receiving station at the edge of the City to you. 100 North Garfield Ave., Room N106 MyMeter Entities may in its sole discretion decline service to or terminate any account. You are using a browser that may not behave correctly on this site, please update your browser. We do not transfer cookies associated with our Website to any other company, nor do we authorize any other company to access the cookies we have placed on your computer's hard drive. We may also use software tools to measure and collect session information, including page response times, download errors, length of visits to certain pages, page interaction information (such as scrolling, clicks, and mouse-overs) and methods used to browse away from the page. USE OF THIS WEBSITE, ALL OTHER MYMETER ENTITIES AND THE PRODUCTS, MERCHANDISE, TICKETS AND SERVICES, INCLUDED HEREIN AND THEREIN, ARE AT YOUR EXCLUSIVE RISK, AND THE RISK OF INJURY FROM THE FOREGOING RESTS EXCLUSIVELY WITH YOU. Please make sure to change your password the next time you log in. Ramsey County District Court, Saint Paul, Minnesota will be the exclusive jurisdiction and venue for any dispute arising out of or relating to this Agreement. You shall not use the MyMeter Entities for any illegal, inappropriate, indecent or otherwise purpose. City Values Responsiveness Honesty and integrity Accountability Excellence Open, clear and frequent communication Innovation Diversity and inclusiveness We may allow other companies that are presenting advertisements or providing services on our pages to set and access cookies on your computer and/or web beacons or similar technologies on certain of our pages and/or certain emails sent by us. The City of Pasadena is dedicated to delivering exemplary municipal services responsive to our entire community and consistent with our history, culture and unique character. As a community-owned utility, PWP's first priority is to serve our customers. Some services on our Website require the submission of a credit card number along with personal information in connection with a purchase, other services on our Website require the submission of personal information to the Website. By participating in any such event, you signify your agreement to all special terms set forth on this Website and/or the other applicable MyMeter Entities, Team, Organization or Entity applicable to the event as well as the terms of this Agreement. In order to purchase Merchandise, Tickets, Services or any other products via the MyMeter Entities or via Third Party Sales Locations, you may be required to provide complete and accurate personal information, including, without limitation, your name, address, telephone number, e-mail address, credit or debit card information and shipping address. Power Emergencies 626.744.4673. If you don't want to receive these, you may change your preferences by accessing your profile section within your Website account. 626.744.4005 If you want to review or revise the personal information you provided during registration on this Website, and whether you want to receive communications from us, you can either (1) click here to log in, and then click on the applicable menu option on the web page, or (2) call Accelerated Innovations LLC Customer Service at 651-757-4200. You hereby agree to indemnify and hold the MyMeter Entities harmless from all claims, liabilities, damages and expenses (including attorneys' fees and expenses) arising out of or relating to: (A) your use of this Website, the other MyMeter Entities, the products, Merchandise, Tickets and/or Services purchased via this Website or the other MyMeter Entities; or (B) any alleged breach of this Agreement by you. MyMeter Entities in its sole discretion may amend this Agreement, and your use of this Website or the other MyMeter Entities after such amendment is posted on this Website will constitute acceptance of it by you. In order to access it, you will need to create a new account on this system with a new log in ID and password, which takes just a few moments. 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. This Agreement will be governed by the laws of the State of Minnesota applicable to contracts entered into and performed exclusively in that State. 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. Check out PWP's emergency preparation tips to ensure you and your family are ready for a power outage. 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. In states or regions that impose sales or use tax, a purchase is subject to tax unless specifically exempt. Your consent also indicates that you consent to receive communications or solicitations, but if you later change your mind, you can revise your preferences by accessing your profile section within your Website account and removing your personal information. By using this Website or the other MyMeter Entities or by clicking a box that states you agree to this Agreement, you agree to be bound by this Agreement. 22 were here. /* 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).

Akoonah Park Covid Testing, Goldfinch Funeral Home Murrells Inlet Obituaries, Surprising Things That Float Quiz, Chuck Missler Bible Study, Articles P