ALL PURCHASES ARE SUBJECT TO PRODUCT AVAILABILITY. 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. A temporary password will be sent to your email on file. You must pay all amounts accrued in your account, including sales tax and shipping and handling charges, when due. IN NO EVENT SHALL MYMETER ENTITIES OR ANY VENDOR BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF OR RELATING TO USE OF OR INABILITY TO USE THIS WEBSITE OR OTHER MYMETER ENTITIES INCLUDING, BUT NOT LIMITED TO, ANY TRANSACTION FOR PRODUCTS, MERCHANDISE, TICKETS OR SERVICES. The Distribution Charge recovers the cost of delivering electricity from our receiving station at the edge of the City to you. Latest News Winter Storms Bring Near-Term Drought Relief to the State House Number Hint: Use ONLY the numeric portion of your address and do not include the unit number for apartments. In states or regions that impose sales or use tax, a purchase is subject to tax unless specifically exempt. Pasadena Water & Power has upgraded its online account management to better serve you. For certain purchases of Merchandise, Services or Tickets made via the MyMeter Entities and/or Vendor-operated MyMeter Entities, MyMeter Entities is required to collect sales tax. Use of the Website signifies your agreement to the Terms of Use and Privacy Policy. 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. Water Emergencies 626.744.4138. Information on managing, accepting and rejecting these cookies is available on the Adobe website. Therefore, no personal information is disclosed in this manner. We do not transfer cookies associated with our Website to any other company, nor do we authorize any other company to access the cookies we have placed on your computer's hard drive. We may also use software tools to measure and collect session information, including page response times, download errors, length of visits to certain pages, page interaction information (such as scrolling, clicks, and mouse-overs) and methods used to browse away from the page. We may allow other companies that are presenting advertisements or providing services on our pages to set and access cookies on your computer and/or web beacons or similar technologies on certain of our pages and/or certain emails sent by us. We do not have an email on file for your Account Number. MyMeter Entities may in its sole discretion decline service to or terminate any account. 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. /* 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).
Miss Honey Defended Matilda When Miss Trunchbull Accuse Matilda Of, Which Wings Of Fire Character Is Your Soulmate, Sims 2 Death By Childbirth, Articles P