pasadena water and power login

Back to Blog

pasadena water and power login

Water Emergencies 626.744.4138. In addition, notwithstanding any term to the contrary in this Privacy Policy, we reserve the right to use, disclose, and/or share your personal and non-personal information in order to investigate, prevent, or take action regarding illegal activities, suspected fraud, situations involving potential threats to the physical safety of any person, violations of this Website's Terms of Use or as otherwise required by law. Pasadena, CA 91101. 2016 Accelerated Innovations, LLC All rights reserved. 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. 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. 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. 626.744.4005 7:30 a.m. to 5:30 p.m. M-F except holidays. The statements in this Privacy Policy generally about our collection and use of personal information also apply to our treatment of personal information from children under the age of thirteen. NOTWITHSTANDING ANY TERM IN THIS AGREEMENT, OTHER APPLICABLE TERMS AND CONDITIONS OF THE MYMETER ENTITIES OR ANY ACT OR FAILURE TO ACT BY MYMETER ENTITIES OR ITS VENDORS, YOU ARE EXCLUSIVELY LIABLE FOR ANY AND ALL SUBMISSIONS CONTENT YOU TRANSMIT VIA THE PUBLIC FORUM FEATURES OF THIS WEBSITE. Due to technical difficulties we are not able to reset your password. Please contact Customer Service if you need immediate assistance or try again later. 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. You must pay all amounts accrued in your account, including sales tax and shipping and handling charges, when due. Therefore, no personal information is disclosed in this manner. Call customer service for help: (626) 744-4005. None of these services are available to children under the age of thirteen and any such child is prohibited from using said services. These companies are called "network advertisers." 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. 7:30 a.m. to 5:30 p.m. Mon-Fri, except holidays MyMeter Entities may offer opportunities for you to transmit messages, information, ideas, opinions, images, audio, video, creative works or other information or material (collectively, as Submissions) in connection with various features including, but not limited to, profiles, forums, bulletin boards, wiki, vanity email, auctions, contests, games, blogs, audio and/or video submissions, message boards, Q&A features and chat features (collectively, as Public Forums). ALL PURCHASES ARE SUBJECT TO PRODUCT AVAILABILITY. Create My Account. 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, Free home efficiency assessment and upgrades for residential customers. In certain areas, we use industry-standard SSL encryption to protect data transmissions. If you set your browser or Adobe Flash options not to accept cookies or local shared objects, you may not be able to take advantage of certain services on our Website. 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. For purposes of this Agreement, such payment processor will be referred to as a "Vendor.". 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. Neither these materials nor any portion thereof may be stored in a computer except for personal and non-commercial use. To use this Website you must disclose personal information about yourself. Please note that we are not responsible for the privacy practices of third party websites or products. 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. If you have questions or concerns about this Privacy Policy, you can contact us at: Or send an email to support@acceleratedinnovations.com. Recently there has been an increase in scam attempts; if you receive a fraud call, hang up! In addition and without prejudice to any other remedy available to MyMeter Entities, MyMeter Entities may immediately terminate this Agreement if you breach any term of this Agreement or other operating term set forth by MyMeter Entities in the MyMeter Entities. Pasadena Water & Power has upgraded its online account management to better serve you. 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. If the account number, expiration date or other information of any credit or debit card account associated with your subscription Service changes, MyMeter Entities recommends that you update it as soon as possible. We are committed to safeguarding your privacy online. 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. Power Emergencies 626.744.4673. Copyright 2023 City of Pasadena. Examples of the information we collect and analyze using such methods include, without limitation, the Internet protocol (IP) address used to connect your computer to the Internet; e-mail address; login name and password; operating system type, version and computer platform; purchase history, which we may aggregate with similar information from other customers; the full Uniform Resource Locator (URL) click stream to, on, and from our Website, including date and time; cookie information; and products you viewed or searched for. In addition, this Agreement may be immediately terminated at any time by MyMeter Entities in its sole discretion. MyMeter Entities may in its sole discretion decline service to or terminate any account. THE MAXIMUM LIABILITY OF MYMETER ENTITIES, OR ANY VENDOR FOR ANY CLAIM ARISING OUT OF OR IN CONNECTION WITH THIS WEBSITE, THE MERCHANDISE, THE SERVICES OR THE OTHER MYMETER ENTITIES IS $50. Please contact Customer Service to reset your PIN. Third party text, photo, graphic, audio and/or video material contained on or incorporated in the MyMeter Entities shall not be published, broadcast, rewritten for broadcast or publication or redistributed directly or indirectly in any medium. 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).

I Am Jonathan Hair Stylist Net Worth, Articles P

pasadena water and power login

pasadena water and power login

Back to Blog