Skip to Main Content . We may also use cookies to enable you to use a "shopping cart" if you want to purchase goods or services while on our Website, to store your preferences associated with video streaming or other content offered from our Website and to offer you products, programs, or services based on purchase and Website usage behavior that you and/or other customers have exhibited. With respect to Third Party Sales Locations, the privacy policy of any such Third Party Sales Location applies to the collection and use of your personal information by the operators and/or owners of such Third Party Sales Location. Water Emergencies 626.744.4138. Utility Bill Payment Assistance - City of Pasadena Water Billing | Pasadena, TX Your Website account preferences are password protected for your privacy and security. This Agreement will be governed by the laws of the State of Minnesota applicable to contracts entered into and performed exclusively in that State. MyMeter Entities may bill your credit or debit card at the time the Services, Merchandise, Tickets or any other products offered via the MyMeter Entities are ordered or shipped, and the appropriate Vendor may bill your credit or debit card at the time your Tickets are ordered or shipped. Account Number Hint: Include the dash in your account number EXACTLY the way it reads on your bill. 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. Pasadena Water and Power's customers are charged an average residential electricity price of 21.02 cents per kilowatt hour. We encourage you to be aware of this when your leave our Website and to read the privacy policies of every website and product that collects personally identifiable information from you. 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, You must pay all amounts accrued in your account, including sales tax and shipping and handling charges, when due. Latest News Winter Storms Bring Near-Term Drought Relief to the State Customers are now able to save time and paper by enrolling in paperless billing. 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 utilizing a credit or debit card for purchase of any Services or any other applicable products offered via the MyMeter Entities, you authorize MyMeter Entities or Vendor to charge such card on the periodic basis as specified (e.g., once per month for monthly Services) in the amount described on the applicable Service or Services' purchase path(s). Terms of Use | Privacy Policy City Values Responsiveness Honesty and integrity Accountability Excellence Open, clear and frequent communication Innovation Diversity and inclusiveness No third party provider will be held liable in any way to any Website user or to any third party or to any other person who may receive information in the materials or to any other person whatsoever, for any delays, inaccuracies, errors or omissions there from or in the transmission or delivery of all or any part thereof or for any damages arising from any of the foregoing or occasioned thereby. For outage information, visit https://t.co/ZxqUZvrbV2 Pasadena, CA 91101. 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. References to this Website and all materials contained in this Website along with otherwise accessible via Happen/MyMeter controlled Websites, other products or services will be referred to herein collectively as MyMeter Entities. We do not install any spyware or adware in connection with our Website, or distribute any commercial message, or authorize any third party to distribute any commercial message, by means of spyware or adware. Whether any sales tax will be collected on a given purchase and the amount of tax charged depends on a number of factors including whether the seller is subject to tax in a given jurisdiction. The Distribution Charge recovers the cost of delivering electricity from our receiving station at the edge of the City to you. If you don't want to receive these, you may change your preferences by accessing your profile section within your Website account. If you do not agree to the terms in this Agreement, you must not use this Website and/or the other MyMeter Entities. Pasadena Water & Power has upgraded its online account management to better serve you. Use of the Website signifies your agreement to the Terms of Use and Privacy Policy. Problems should be reported to Pasadena Action Line at 713-475-5555. There are 66,546 customers of the company. For purposes of this Agreement, such payment processor will be referred to as a "Vendor.". 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. Please make sure to change your password the next time you log in. With your permission, we may also send you e-mails with special offers and promotions. IN NO EVENT SHALL MYMETER ENTITIES BE LIABLE FOR ANY FAILURE, INTERRUPTION OR ERROR WITH RESPECT TO ANY ASPECT OF THIS WEBSITE OR THE OTHER MYMETER ENTITIES, INCLUDING THE AVAILABILITY OF ANY FEATURE OR FUNCTIONALITY. Water Emergencies 626.744.4138. 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. Pasadena Water and Power: Rates, Coverage Area, Emissions - Find Energy Due to technical difficulties we are not able to reset your password. In addition, this Agreement may be immediately terminated at any time by MyMeter Entities in its sole discretion. 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). The purchaser is responsible for any applicable taxes not collected by MyMeter Entities and certain states require purchasers to file a sales/use tax return annually reporting taxable purchases that were not taxed and to pay such tax. This account number is not valid. You acknowledge that your Submissions are not confidential and that your Submissions may be read, intercepted by others and widely accessible on the Internet and/or via other interactive media, and that you have no expectation of privacy with regard to any such submission. This Privacy Policy applies only to this Website, unless you are notified otherwise upon accessing any third party website or product, in which case the terms and conditions set forth in such notification will apply. Pasadena Water and Power ("PWP") , is a not-for-profit municipal utility, owned and operated by the City of Pasadena. We are committed to safeguarding your privacy online. MyMeter Entities may also impose limits on certain offerings and features or restrict your access to parts, or the entirety, of the MyMeter Entities without notice or liability at any time in MyMeter Entities' exclusive discretion, without prejudice to any legal or equitable remedies available to MyMeter Entities, for any reason or purpose, including, but not limited to, conduct that MyMeter Entities believes violates this Agreement or other policies or guidelines posted on this Website or via other MyMeter Entities or conduct which MyMeter Entities believes is harmful to other customers, to MyMeter Entities business, or to other information providers. Test | Pasadena Water and Power Call customer service for help: (626) 744-4005, Understanding Your Redesigned Residential Bill, PWP Customer Service Line /* 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).
Nfl Offensive Line Rankings 2022, Articles P