.wideContainerInner@-ms-viewport{ width: device-width; } /*BASE-------------------------------------*/ body { padding:0; margin:0; color:#666; line-height:100%; height:100%; } body, h1, h2, h3, h4, h5, p{ margin: 0; padding: 0 0 5% 0; } img { max-width: 100%; } a img { border: none;} br, hr {clear: both;} hr {margin: 30px 0;} div {position: relative;} input { padding: 10px 10px; margin: 10px 10px 10px 5px; } /** Normalize Number Input for Firefox **/ input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} input[type=number] {-moz-appearance:textfield;} .wallaby { display: inline; position: static; outline: 1px solid red; } /* BACKGROUND COLORS ---------------------------------*/ .addyPopup input, #whyDE.grayTextBox {background-color: #EEE;} #breadcrumbs{background-color: #CCC;} #stickNavigation #stickyNavTab h5, #stickNavigation ul li, #comparePlans, #rewardsSection{background-color: #666;} /*EVIL GREY*/ .mobileZebraGrey,.featureGrayBk{background-color:#efefef}/*ef'ing GREY***Mobile GREY***/ #homeGetEnergy .state_settings .load_msg,.state_settings .error_msg, #dyp #dypRewardsSection,.error_msg .market,.plan-box, .rowContainer,#power-to-go #page_content_secondary .bottomBoxesCont, #mobileHeader,div.articleOne, div.articleTwo,div.articleThree,div.articleFour{background-color: #FFF;} /*WHITE*/ #dyp #page_content_primary, .contactForm, .headTabs li, #headSubNav, .vpsTransBkg, #priceGridContainer, #ppcPriceGridContainer,#power-to-go .bkgGreen, #power-to-go #blueBox, #directRewardsSection, #nestSmallBiz,#nestDisclaimer,#nestVisaDisclaimer, #nestThermFeat,.wReady,.sideSubNav, .nRoom,.altSideCont:first-of-type,.errorBoxes:nth-of-type(odd), .blue-flat-box .plan_name, #rewardsSection h4, #whyDE, #homeQuote .testimonial-outer .testimonial{background-color: #2C5770;} /* DE BLUE*/ .headTabs .menuItem li{background-color: #376F90}/*LIGHT BLUE*/ .darkOrange {background-color: #B44518;} /*DARK ORANGE*/ #map h1, #payment-locations-texas h1, #payment-locations-texas h1+p, #pay-bill .billingHead, #customer-support .aboutHead, .homeIntro h4, #pay-bill .fullHeader, #power-to-go #orangeBox, #freepowerday #page_content_primary h1, #freepowerday #page_content_primary h1+p, #homeFallback, .nestStateText, #nestCTA, .contactHead, .altHeadCont, #rewardsTopCTA, #newsRoom h1, #newsRoom h2, #topCTA, #docsSection, #page_content_auxiliary_inner, a#nomobile, #subNavInner #busiLink, #aboutTopLink, #homeBlog, .orangeButton, #itoiCTA, #homeGetEnergy{background-color: #F05D21;} /*DE ORANGE*/ #subNavInner #resiLink{background-color: #EB8255} #airlineRewardsSection, #nestKnowledge, .sHome, .eChoice, .hsOffBox, .oCareer, .oBrands, .lowerBoxes #slider1{background-color: #F3DBB3;} /*Light Orange*/ .greenButton, .bigButton, .button, button{background-color: #8CC440;} /*LIGHT GREEN*/ #phoneNumber{background-color: #6D9C32;} /*DARK GREEN, Telephone treatments for mobile, dark of CTA buttons****/ /*{background-color: rgba(44,87,112,0.75);}DARK TRANS BG*/ .plan-box{ box-shadow: 0px 2px 9px rgba(0,0,0,.9);} #tabsMain{ box-shadow: 2px 2px 5px rgba(0,0,0,.9);} #stickNavigation #stickyNavTab h5, #stickNavigation ul li, ul.tabs li, .headTabs li, .stateSelectBox, #langSupport a, #phoneNumber{ box-shadow: inset 0px -3px 26px rgba(0,0,0,0.0);} ul.tabs li{ /*border: solid 1px #76A0B9; mezger 4-7-2016*/ border-left: none; background-color: #fff; } .stateSelectBox, .headTabs li, #headSubNav{border-bottom: solid 1px #76A0B9;} #bodyContainer {margin-top: 0;} /* FONT COLORS -----------------------------------*/ #homeGetEnergy .state_settings .load_msg, #homeGetEnergy .state_settings .error_msg, #dyp #dypRewardsSection,.error_msg .market, #breadcrumbs,#breadcrumbs a, .blue-flat-box .plan_rate .rate_units, div.articleOne,div.articleTwo, div.articleThree,div.articleFour{ color: #666; } /*EVIL GREY*/ #priceGridContainer small, #map h1, #payment-locations-texas h1, #payment-locations-texas h1+p, #pay-bill .billingHead, .contactForm, #customer-support .aboutHead, .gridHead, #priceGridContainer #disclaimer, #nav-bundles-outer h2 a, #nav-bundles-outer h2, #pay-bill .fullHeader, #power-to-go .bkgGreen, #power-to-go #blueBox, #power-to-go #orangeBox, #freepowerday #page_content_primary h1, #freepowerday #page_content_primary p, #directRewardsSection h4, #directRewardsSection, #homeFallback, .nestStateText, #nestSmallBiz, #nestDisclaimer, #nestVisaDisclaimer, #nestThermFeat, #nestSmallBiz a, #nestDisclaimer a, #nestVisaDisclaimer a, #nestCTA, .contactHead, .nRoom h2, .specBody, .specBody ul li a, .specBody ul li, .wReady a, .altSideContLc.wReady h2, .wReady, .altHeadCont, .altHeadCont a, #rewardsTopCTA, #newsRoom h1, #newsRoom h2, .sideSubNav, .sideSubNav a, .nRoom, .nRoom a, .altSideCont:first-of-type a, .altSideCont:first-of-type, .errorBoxes:nth-of-type(odd), .errorBoxes:nth-of-type(odd) a, .leftCol #topCTA a, #aboutTopLink a, #stickNavigation #stickyNavTab h5, #stickNavigation ul li a, #topCTA, .blue-flat-box .plan_name, #comparePlans #change-address-link, #comparePlans h4, #comparePlans h2, #docsSection a, #docsSection, #rewardsSection, .bundle-single-price-disc a, #page_content_auxiliary_inner, #whyDE, #priceGridTopContent, body a#nomobile, .custLogin a, .menuItem ul li a, .headTabs li.naturalGas:before, .headTabs li.learn:before, .headTabs li.about:before, .headTabs li.electricity:before, .headTabs li.homeservices:before, .headTabs li a, #langSupport a, #headSubNav, #subNavInner #busiLink a, #subNavInner #resiLink, #homeBlog a, #homeBlog, #homeQuote .testimonial-outer .testimonial, .homeIntro, .vpsTransBkg, .orangeButton em, .greenButton em, .bigButton em, .button em, button em, #dyp #page_content_primary, #phoneNumber a, #itoiCTA, #phoneNumber, .bigButton, div#login-container-wrapper a, .amazonWhatIs, .amazonWhatIsUSN {color: #FFF;} /*WHITE*/ .errorBoxes .specBody.boxDrop li, #power-to-go #page_content_secondary h2,.altSideContLc h2, .wideContentContainer h2,.wideContentContainer h4, .oInvest a,.oCareer a,.mTeam a, .errorBoxes:nth-of-type(even), .errorBoxes:nth-of-type(even) a, a, .blue-flat-box, #rewardsSection p strong,.rowContainer .info strong, #rewardsDetails, .plan-box .gridPlanLinks a,.plan-box, ul.footerLinks li a, a#nomobile, #homeQuote h3,.homeIntroSpecOff ul li h4, div.articleOne big,div.articleTwo big,div.articleThree big,div.articleFour big, #whyDE.grayTextBox, .grayTextBox h3, .contentContainerInner2 h3 {color: #2C5770;} /* DE BLUE*/ .darkOrange{color: #B44518;} /*DARK ORANGE*/ .whyPlanBullet h4, .fourColums big, .rowContainer .price h3, .plan-box .price-container, .bundleWrapper{color: #F05D21;} /*DE ORANGE*/ .lightOrange{color: #F3DBB3;} /*Light Orange*/ .lightGreen{color: #8CC440;} /*LIGHT GREEN*/ .darkGreen{color: #6D9C32;} /*DARK GREEN*/ /* FONT SIZE -----------------------------------*/ .slide-show-tbl a {font-size: 0;} #langSupport a, ul.tabs li a {font-size: 17px;} #homeGetEnergy .state_settings .error_msg .market, #homeGetEnergy .state_settings .error_msg .market select, .bundle-single-price-disc, .bundle-single-price-loc, .blue-flat-box .plan_service_fee, .blue-flat-box .plan_service_fee_variable, .blue-flat-box .plan_termination_fee, .rowContainer .price .moreInfo, .plan-box .gridPlanLinks, #footerInner span, #belowFooter em {font-size: 12px;} .whyPlanBullet h4, #aboutTopLink a, .gray-gradient-box, .gray-sm-box, .blue-flat-box .plan_rate .rate_units, .blue-flat-box, .rowContainer .price h3 em, .plan-box .price-container h4 i, #nav-bundles-outer h2, .regionText, #subNavInner #resiLink, #subNavInner #busiLink, p {font-size: 17px;} #servicesListing .serviceContact h4, #homeGetEnergy h1 {font-size: 18px;} .fourColums big, #stickNavigation ul li, #comparePlans .button, #page_content_auxiliary_inner .bundle-single-price em, #page_content_auxiliary_inner .bundle-single-price sup, .rowContainer .price sup, .plan-box .price-container sup, h2,h3,h4,h5,h6, .startForm select,.menuItem ul li a, .stateSelectBox,.stateSelectBox select, #homeBlog h4,#homeQuote h4, .slide-show .vpsTransBkg h2, .greenButton em, .orangeButton em, .bigButton em, .button em, button em, .startForm label .startForm select, .startForm input {font-size: 20px;} .wideContentContainer h2,.wideContentContainer h4, .altSideCont h2,.altSideContLc h2, .errorBoxes h2,.custLogin a, .headTabs li.naturalGas:before,.headTabs li.learn:before, .headTabs li.about:before,.headTabs li.electricity:before, .headTabs li.homeservices:before,.headTabs li.electricity:before, .headTabs li, #phoneNumber, a#nomobile, #homeBlog h3,#homeQuote h3, .homeIntroSpecOff ul li h4, div.articleOne big,div.articleTwo big, div.articleThree big,div.articleFour big{ font-size: 25px;} .rowContainer .info strong, .plan-box h3, h1, .homeIntro h3, .viewall .bundleWrapper .price-container h3 { font-size: 30px;} .blue-flat-box .plan_rate, #page_content_auxiliary_inner .bundle-single-price, .rowContainer .price h3, .plan-box .price-container h4, #homeGetEnergy h4{font-size: 35px;} /*FONT FAMILY-------------------------------------*/ body, h1, h2, h3, h4, h5,button,p{ font-family: 'Roboto', sans-serif; line-height: 135%; font-weight: 300; } .grayTextBox h3, .contentContainerInner2 h3 {font-weight: 400;} /* BUTTONS -----------------------------------------*/ .greenButton, .orangeButton, .bigButton, .button, button { margin: 10px 0; border: none; cursor: pointer; opacity: 1; display: inline-block; padding: 9px 45px 9px 10px; background-image: url(images/btnArrowDrk.png); background-repeat: no-repeat; background-position: 100% 50%; border-radius: 8px; text-transform: uppercase; font-weight: lighter; transition: background-color .25s ease; -moz-transition: background-color .25s ease; -webkit-transition: background-color .25s ease;} .bigButton { margin: 10px;} a.greenButton, a.orangeButton, a.bigButton, a.button {text-decoration: none;} .greenButton span, .orangeButton span, .button span {height: 35px;} .bottomBoxes .orangeButton em {padding: 15px 45px 15px 10px;} #login-container button {border-radius: 8px;} button::-moz-focus-inner, .button::-moz-focus-inner /*Fixes FF button bug*/ { padding: 0; border: 0; } input.submit.bigButton { padding: 10px 20px; line-height: 100%; color: #fff; font-weight: bold; } select.equifax_dob_year, select.equifax_dob_day, select.equifax_dob_month {padding: 10px;} .greenButton em, .orangeButton em, .bigButton em, .button em, button em{ font-weight: normal; font-style: normal; } /*IMAGES ----------------------------------------*/ .hsBoxPlumbing {background: url(../../images/homeServices/plumbing.png) repeat scroll 0 0 rgba(0, 0, 0, 0);} .hsBoxHVAC {background: url(../../images/homeServices/hvac.png) repeat scroll 0 0 rgba(0, 0, 0, 0);} .hsBoxElectrical {background: url(../../images/homeServices/electric.png) repeat scroll 0 0 rgba(0, 0, 0, 0);} .hsBoxProtection {background: url(../../images/homeServices/warranty.png) repeat scroll 0 0 rgba(0, 0, 0, 0);} #homeQuote .testimonial-outer.testimonialMale2 .testimonial:before {background: url(images/core/testimonialMale2.png) repeat scroll 0 0 rgba(0, 0, 0, 0);} #homeQuote .testimonial-outer.testimonialMale3 .testimonial:before {background: url(images/core/testimonialMale3.png) repeat scroll 0 0 rgba(0, 0, 0, 0);} #homeQuote .testimonial-outer.testimonialFemale .testimonial:before {background: url(images/core/testimonialFemale.png) repeat scroll 0 0 rgba(0, 0, 0, 0);} #homeQuote .testimonial-outer.testimonialFemale2 .testimonial:before {background: url(images/core/testimonialFemale2.png) repeat scroll 0 0 rgba(0, 0, 0, 0);} #homeQuote .testimonial-outer.testimonialFemale3 .testimonial:before {background: url(images/core/testimonialFemale3.png) repeat scroll 0 0 rgba(0, 0, 0, 0);} #homeQuote .testimonial-outer.testimonialFemale4 .testimonial:before {background: url(images/core/testimonialFemale4.png) repeat scroll 0 0 rgba(0, 0, 0, 0);} #compareSocialMedia_V2 span.social ul li a, #footerGray span.social ul li a {background: url(images/socialSpriteMonarch.png) no-repeat 0 0;} .slide-show-tbl a {background: url(../../images/bounceSite/slideShowTiles.png)} #rewardsSection h4, .homeIntro h4{ background-image: url(../../images/whitePlusMinus.png); background-repeat: no-repeat; background-size: 25px; background-position: 93% 27px; } .homeIntro h4.active{background-position: 93% -19px} /*ICONS------------------------------------------*/ #iconsOrange { background-color: #f05d21; } .iconsSVG_DERewards { background-position: -14px 4px; } .iconsSVG { background-image: url("../../images/icons/iconsWhy.png"); background-repeat: no-repeat; background-attachment: scroll; background-size: cover; background-position: 2px 0px; background-color: #f05d21; border-radius: 100%; display: block; height: 54px; width: 54px; } .iconsSVG_Rewards{background-position: 0;} .iconsSVG_Star {background-position: 0;} .iconsSVG_RewardTravel {background-position: -33px;} .iconsSVG_RewardShop {background-position: -89px;} .iconsSVG_RewardFamily {background-position: -112px;} .iconsSVG_CustomerService {background-position: -217px;} .iconsSVG_AutoPay {background-position: -270px;} .iconsSVG_Moving {background-position: -305px;} .iconsSVG_Restaurant {background-position: -360px;} .iconsSVG_FixedRate {background-size: cover; background-position: -433px;} .iconsSVG_VariableRate {background-position: -467px;} .iconsSVG_ChangeAddress {background-position: -520px;} .iconsSVG_GreenPlan {background-position: -594px;} .iconsSVG_MyAccount {background-position: -648px;} .iconsSVG_Paperless {background-position: -702px;} .iconsSVG_SocialMedia {background-position: -756px;} .iconsSVG_Secure {background-position: -789px;} .iconsSVG_NoContract {background-position: -845px;} .iconsSVG_NoTermination {background-position: -898px;} .iconsSVG_NoDeposit {background-position: -951px;} .iconsSVG_ReduceUse {background-position: -1026px;} .iconsSVG_Nest {background-position: -1080px;} .iconsSVG_DirecTV {background-position: -1115px;} .iconsSVG_MilitaryRates {background-position: -1169px;} .iconsSVG_PowerDays {background-position: -1223px;} .iconsSVG_Prepaid {background-position: -1277px;} .iconsSVG_DoNotCall {background-position: -1330px;} .iconsSVG_DoNotMail {background-position: -1382px;} .iconsSVG_PrepaidCards {background-position: -1438px;} .iconsSVG_PriceProtection {background-position: -1545px;} .iconsSVG_HomeServices {background-position: -1600px;} .iconsSVG_Electricity {background-position: -1654px;} .iconsSVG_Logo {background-position: -1727px;} .iconsSVG_FAQs {background-position: -1762px;} .iconsSVG_Residential {background-position: -1816px;} .iconsSVG_SmallBusiness {background-position: -1871px;} .iconsSVG_LargeBusiness {background-position: -1924px;} .iconsSVG_AeroPlan {background-position: -1978px;} .iconsSVG_LifeStyle {background-position: -2033px;} .iconsSVG_GasFlame {background-position: -2087px;} .iconsSVG_Wrench {background-position: -2141px;} .iconsSVG_Meter {background-position: -2194px;} .iconsSVG_twentyfour {background-position: -2248px;} .iconsSVG_HouseWrench {background-position: -2302px;} .iconsSVG_Shield {background-position: -2356px;} .iconsSVG_DERewards {background-position: -20px center;} .iconsSVG_DEFamily {background-position: -142px center;} .iconsSVG_DETravel {background-position: -33px center;} .iconsSVG_DEShoppers {background-position: -89px center;} .iconsSVG_DEShoppers {background-position: -195px center;} .iconsSVG_Plenti {background-position: -2429px;} .iconsSVG_ItemizedUsage {background-position: -6193px;} .iconsSVG_HistoricalUsage {background-position: -6249px;} .iconsSVG_UsageGraphs {background-position: -6303px;} .iconsSVG_UsageAlerts {background-position: -6037px;} .iconsSVG_UsageAlerts {background-position: -6355px;} .iconsSVG_HomeComparison {background-position: -6412px;} .iconsSVG_BillForecasts {background-position: -6464px;} .iconsSVG_UsageSummaryEmail {background-position: -6518px;} .iconsSVG_OnlineAccountMNG {background-position: -6572px;} .iconsSVG_ReferAFriend {background-position: -3510px center;} .iconsSVG_RAF {background-position: -3510px;} .iconsSVG_UsageGraph {background-position: -2970px center;} .iconsSVG_checkBalance {background-position: -3618px center;} /*Z-INDEX ---------------------------------------*/ .error_msg .market, #mobileHeader, #mobileMenuButton, .slide-show-links, .index1000{z-index: 10000;} #subNavInner #busiLink, .index100{z-index: 100} #subNavInner #resiLink, .index10{z-index: 10} #phoneNumber, .index1{z-index: 1} /*COMMON CLASSES--------------------------------*/ body.lockScreen{overflow: hidden;} /*NAVIGATION -----------------------------------*/ /*FIXED HEADER*/ #mobileHeader{ width: 100%; height: 70px; display: block; position: relative; border-bottom: 1px solid #F05D21; } .directLogo{ display: block; position: absolute; left: 5%; } .directLogo a{ text-indent: -10000000000px; display: block; /*transform: translateZ(0);*/ } .directLogo img { display: block; position: relative; top: -10px; height: 35px; left: 0; /*transform: translateZ(0);*/ } .mobileLoginLink { position: absolute; width: 38px; right: 60px; padding: 10px 3px; font-size: 13px; font-weight: bold; text-decoration: none; color: #2c5770; text-shadow: 0 0 0 #2c5770; } .mobileLoginLink:after { content:'LOGIN' } .mobileLoginLink #mobileLoginButton:after{content: '\1F464';display: block;width: 38px;height: 27px;margin-top: 6px;font-size: 34px;line-height: 100%;text-align: center;} .nav-trigger{display:none;} #mobileHeader label[for="nav-trigger"]{ position: absolute; right: 5px; border-radius: 9px; color: #2C5770; font-weight: bold; font-style: normal; padding: 10px 3px; font-size: 13px; width: 38px; } #mobileHeader label[for="nav-trigger"]:after{ content:'MENU'; } #mobileHeader label[for="nav-trigger"] hr { border-width: 0 0 5px; border-color: #2C5770; margin: 6px 0 6px 0; } #mobileHeader label[for="nav-trigger"] hr.bottom{ margin-bottom: 0; } #nav-trigger:checked ~ #mobileHeader label hr.top{ -ms-transform: rotate(135deg); /* IE 9 */ -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */ transform: rotate(135deg); top: 10px; position: relative; } #nav-trigger:checked ~ #mobileHeader label hr.middle{ opacity: 0; } #nav-trigger:checked ~ #mobileHeader label hr.bottom{ -ms-transform: rotate(-135deg); /* IE 9 */ -webkit-transform: rotate(-135deg); /* Chrome, Safari, Opera */ transform: rotate(-135deg); position: relative; bottom: 12px; } #nav-trigger:checked ~ #headSubNav, #nav-elec:checked ~ #headSubNav .electricity .menuItem, #nav-gas:checked ~ #headSubNav .naturalGas .menuItem, #nav-serv:checked ~ #headSubNav .homeservices .menuItem, #nav-learn:checked ~ #headSubNav .learn .menuItem, #nav-contact:checked ~ #headSubNav .contact .menuItem {max-height: 800px;opacity: 1;visibility: visible;} #nav-trigger:checked + #mobileHeader label[for="nav-trigger"] hr.top{ -ms-transform: rotate(135deg); /* IE 9 */ -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */ transform: rotate(135deg); top: 11px; position: relative; } #nav-trigger:checked + #mobileHeader label[for="nav-trigger"] hr.middle{ opacity: 0; } #nav-trigger:checked + #mobileHeader label[for="nav-trigger"] hr.bottom{ -ms-transform: rotate(-135deg); /* IE 9 */ -webkit-transform: rotate(-135deg); /* Chrome, Safari, Opera */ transform: rotate(-135deg); position: relative; bottom: 11px; } #mobilePhoneNumber .marginPhone { position: absolute; top: 8px; background-color: #2C5770; font-style: normal; text-indent: -10000px; width: 50px; height: 50px; padding: 0; background-size: 60%; right: 65px; border: solid 2px white; border-radius: 9px; background-image: url('../../images/icons/whitePhone.png'); background-repeat: no-repeat; background-position: 50% 50%; z-index: 1000; } #mobilePhoneNumber .staticPhoneDrop{padding: 0 10px;background-color: #2c5770;color: #fff;height: 0;opacity: 0;} #mobilePhoneNumber .staticPhoneDrop.open{padding:10px;height: 180px;opacity: 1;} #mobilePhoneNumber .staticPhoneDrop .phoneSpecific{display:block;font-size:150%;line-height:100%;padding-bottom: 5px;} #mobilePhoneNumber .staticPhoneDrop .phoneSpecific a{color:#ffffff} /** new mobile header **/ .nav-trigger:checked ~ #headSubNav:before{ content:''; display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(77,77,79,.8); } .nav-trigger:checked ~ #headSubNav #headContainer{ opacity: 1; z-index: 10000; min-height: 210px; max-height: 1000px; } #headContainer .orangeButton{ display: block; margin: 0; padding: 0; border-radius: 0; background-image: none; } #headContainer .orangeButton em{ font-style: normal; background-image: url(../../images/btnArrowDrk.png); background-repeat: no-repeat; background-position: 100% 50%; text-transform: uppercase; font-weight: lighter; display: block; text-align: center; color: #fff; padding: 10px; border-radius: 0; } .headTabs li{position:relative;display: block;} .headTabs li label:after{ content: '\002B'; position: absolute; right: 10px; top: 0.3em; font-size: 1.5em; } #nav-elec:checked ~ #headSubNav .electricity label:after, #nav-gas:checked ~ #headSubNav .naturalGas label:after, #nav-serv:checked ~ #headSubNav .homeservices label:after, #nav-learn:checked ~ #headSubNav .learn label:after, #nav-contact:checked ~ #headSubNav .contact label:after {content: '\2212';} .headTabs li.contact .menuItem .phoneHours, .headTabs li.contact .menuItem .contactLabel, .headTabs li.contact .menuItem .contactNumber{ font-size: 14px; } .headTabs li.contact .menuItem .phoneHours{ background-color: #2c5770; display: block; text-align: left; padding-left: 30px; padding-top: 0; } .headTabs li.contact .menuItem .contactNumber{ float: right; vertical-align: top; padding-right: 10px; } .headTabs li.contact .menuItem .contactNumber:after,.headTabs li.phone:after{content:'\1F4DE';font-size: 25px;top: 0.5em;} .headTabs li.contact .menuItem .contactNumber:after{ margin-left: 10px; } .headTabs li.about:after,.headTabs .menuItem li:after{display:none} .headTabs li.phone:after{ position: absolute; right: 10px; } .navSecondary{background-color: #acacac;color: #ffffff;} .navSecondary .navLanguage, .navSecondary .navBusiness{ min-width: calc(50% - 21px); font-size: 16px; display: inline-block; padding: 0 10px; text-align: center; } .navSecondary .navLanguage{ border-right: 1px solid; } .navSecondary .navLanguage a, .navSecondary .navBusiness a{ color: #ffffff; display: block; padding-top: 8px; padding-bottom: 8px; text-align: center; text-decoration: none; line-height: 150%; } .navSecondary .navRegion{ display: block; border-top: 1px solid; } .navRegion .regionText{ padding: 8px 0 8px 8px; display: block; } .navRegion .regionText:after{ content:''; height: 0; border: 0 solid transparent; border-left-width: 10px; border-right-width: 10px; border-top: 10px solid #fff; position: absolute; right: 10px; top: 20px; } .navRegion .regionText .navRegionSelect{ width: calc(100% - 60px); padding: 0; display: inline-block; } .navRegion .regionText .stateSelectBox{ padding: 0; display: block; width: 100%; background: none; border: none; } .navRegion .regionText .stateSelectBox .stateSelectMenu{ color: #fff; background-color: transparent; } .navRegion .regionText .stateSelectBox select{ width: 100%; background-color: transparent; color: #fff; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; } .navRegion .regionText .stateSelectBox select:focus{ color:#666 } .headTabs .menuItem ul:last-child li:last-child{ border-bottom: none; } .headTabs li.phone .signupNumber, .headTabs li.phone .signupLabel{display: inline-block;width: calc(50% - 33px);} .headTabs li.phone .signupLabel{font-size: .9em;} .headTabs li.phone .signupNumber{font-size: .65em;text-align: center;vertical-align: bottom;} /** new mobile header end **/ #mobilePhoneNumber .staticPhoneDrop.open:before{ content:''; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 15px 7.5px; border-color: transparent transparent #2c5770 transparent; position: absolute; top: -12px; right: 85px; z-index: 10000; } #mobilePhoneNumber .staticPhoneDrop.open .closeMenu{ content:'X'; height:14px; width:14px; padding:10px; color:#2c5770; background-color:#ffffff; text-align:center; border-radius:50%; position:absolute; top:10px; right:10px; line-height:100%; z-index: 10000; } #mobilePhoneNumber .staticPhoneDrop.open .closeMenu:after{content:'X';font-weight:400;} #mobilePhoneNumber .staticPhoneDrop .phoneHours{font-size:90%;} #mobilePhoneNumber .staticPhoneDrop hr{ margin: 10px 0; } /*SUB NAV*/ #mobilePhoneNumber .staticPhoneDrop, #headSubNav, #headContainer { max-height: 0; opacity: 0; } #headContainer{ width: 100%; } #headContainer .directLogo{display:none !important;} #headSubNav{ font-size: 0; } #subNavInner { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-wrap: wrap; } .topSearch{padding: 10px;} #langSupport, #aboutTopLink, #busiLink{-webkit-flex:1 0 auto; flex-grow:1;} .regionText, #phoneNumber{flex-grow:2; -webkit-flex:2 0 auto;} #subNavInner #resiLink{display: none;} #subNavInner #busiLink, #aboutTopLink{ display: inline-block; width: 33%; padding: 5px 0; position: relative; text-align: center; vertical-align: top; } .aboutTopList{display: none;} #langSupport input+span, #langSupport a+span{display: none;} #langSupport a, #subNavInner #busiLink a, #aboutTopLink a { text-decoration: none; line-height: 150%; } #busiLink, #aboutTopLink { border-right: 1px white solid; } #phoneNumber{ display: block; padding: 10px 0 10px; text-align: center; } .stateSelectBox { padding: 5px 0; text-align: center; font-style: italic; font-size: 16px; color: #000; width: 75%; padding-left: 25%; background: url(images/core/geoIconMobile.png) no-repeat 12.5%; } .stateSelectBox span{display: none;} .stateSelectBox .state_link_list h2{display: none;} .state_link_list ul, .stateSelectGo,.mobileHide{display:none;} .stateSelectMenu{margin-top: 5px} /*MAIN NAV*/ .headTabs{ margin: 0; padding: 0; text-align: center; } .headTabs li label, .headTabs li.phone a, .headTabs li.about a{ padding: 15px 0 15px 15px; text-align: left; display: block; } .headTabs li a{ display: none;} .headTabs li.electricity label:before{content: "Electricity";} .headTabs li.homeservices label:before{content: "Home Services";} .headTabs li.naturalGas label:before{content: "Natural Gas"} .headTabs li.learn label:before{content: "Learn"} .headTabs li.contact label:before{content: "Contact"} .headTabs li.phone a, .headTabs li.about a{ text-decoration: none; } .menuItem{ font-size: 20px; color: white; position: relative; max-height: 0; visibility: hidden; } #headSubNav .contact .menuItem{display:none;} #nav-contact:checked ~ #headSubNav .contact .menuItem{display:block} .menuItem h3{display: none;} .menuItem ul{ margin: 0; padding: 0; } .menuItem ul li{ display: block; padding: 15px 0 15px 15px; } .menuItem ul li a{ display: block; text-decoration: none; text-align: left; padding-left: 15px; } .menuItem .navRightCol{display: none !important;} /*FOOTER-----------------------------------------*/ #footer{ padding-top: 10px; border-top:2px solid #F05D21; transform:translateZ(0); } #footerGray{position:static;} #footerGray .social{position:absolute;width:100%;bottom:0;z-index: 10;} #footerGray .social strong{display: none;} #compareSocialMedia_V2 span.social ul, #footerGray span.social ul{ margin: 0 auto; padding: 0 0 10px 0; text-align: center; width: 250px; } #compareSocialMedia_V2 span.social ul li, #footerGray span.social ul li { display:inline-block; margin:5px 10px 5px 0; padding:0; border-radius: 8px; } #compareSocialMedia_V2 span.social ul li a, #footerGray span.social ul li a { height:45px; width:45px; overflow:hidden; display:block; text-indent:-100000px; padding:0 ; border-radius: 8px; } #compareSocialMedia_V2 span.social ul li a.facebook, #footerGray span.social ul li a.facebook {background-position:0 0} #compareSocialMedia_V2 span.social ul li a.twitter, #footerGray span.social ul li a.twitter {background-position:0 -45px;} #compareSocialMedia_V2 span.social ul li a.youtube, #footerGray span.social ul li a.youtube {background-position:0 -90px;} #compareSocialMedia_V2 span.social ul li a.blog, #footerGray span.social ul li a.blog {background-position:0 -135px;} #compareSocialMedia_V2 span.social ul li a.pinterest, #footerGray span.social ul li a.pinterest {background-position:0 -180px;} #compareSocialMedia_V2 span.social ul li a.linkedin, #footerGray span.social ul li a.linkedin {background-position:0 -225px;} #compareSocialMedia_V2 span.social ul li a.instagram, #footerGray span.social ul li a.instagram {background-position:0 -315px;} #compareSocialMedia_V2 span.social ul li a.googlePlus, #footerGray span.social ul li a.googlePlus {background-position:0 -270px;} #footerInner ul{ padding: 10px 0; margin: 0; list-style: none; } #footerInner{ font-size: 0; padding: 10px 10px 130px; } #footerInner span{ width: 33%; display: inline-block; vertical-align: top; text-align: center; } #footerInner span strong{line-height: 125%} #belowFooter{text-align: center;} #belowFooter .footerLogo, #belowFooter .nortonSecure{display: none;} #belowFooter em{line-height: 125%} #nomobile{ text-align: center; margin-bottom: 10px; display: block; } ul.footerLinks{ list-style: none; margin: 0; padding: 10px 0; text-align: center; } ul.footerLinks li{display: inline-block;} #belowFooter em{ display: block; margin-bottom: 10px } .backTop{display: none !important;} .custLogin a{ display: block !important; text-decoration: none; } /*HOME PAGE--------------------------------------*/ #homeGetEnergy h4{margin-bottom: 5px} #homeGetEnergy br{display: none;} #homeGetEnergy .state_settings .load_msg { text-align:center; } #homeGetEnergy .state_settings .load_msg img { display:block; margin: 10px auto; } #homeGetEnergy .state_settings .load_msg, #homeGetEnergy .state_settings .error_msg { border-radius:10px; position:absolute; width:90%; width:calc(100% - 30px); bottom:0; padding:15px; box-shadow:3px 3px 12px rgba(0,0,0,.5); z-index:10000000; } #homeGetEnergy .state_settings .error_msg{ padding-bottom: 100px;} #homeGetEnergy .state_settings .error_msg .market { position:relative; padding:0px; } #homeGetEnergy .state_settings .error_msg .market a {margin:0 0 10px 0;} #homeGetEnergy .state_settings .error_msg .market select {margin:10px 0;} /* carved out -MEZGER 4/6/2016 .state_settings .error_msg { padding: 10px; margin: 0 0 20px; } .state_settings .error_msg a, .state_settings .zipcodeDisclaimer {display: none;}*/ #homeGetEnergy .startForm { position: relative !important; width: auto; bottom: auto; } #homeGetEnergy .startForm .zipcodeDisclaimer {display: none;} /** Home Tab Redesign **/ #homeFallback, #homeGetEnergy { background: #fff; background-color: #fff; } #homeFallback .zipcodeDisclaimer, #homeFallback h3, #homeGetEnergy h3, #homeFallback h1, #homeGetEnergy h1 {color: #2C5770;} #homeFallback h2, #homeFallback h4, #homeGetEnergy h4 { font-size: 1.8em !important; color: #F05D21; } #homeFallback form select, #homeGetEnergy form select { width: auto; font-size: 1.2em; padding: .1em .5em; } #homeGetEnergy form select {display: none;} #homeGetEnergy .error_msg form select, #homeGetEnergy .startFormAlb form select {display: block;} #homeFallback form .zipcode button, #homeGetEnergy form .zipcode button {display: inline-block;} #homeFallback form label, #homeFallback h1, #homeGetEnergy form label, #homeGetEnergy h1 { font-size: 1em; color: #2C5770; } #homeFallback form .zipcode input, #homeGetEnergy form .zipcode input { width: 20%; padding: .1em .5em; display: inline-block; margin-right: 2%; font-size: 1.5em; } #homeFallback {padding-bottom:15px;} #homeFallback .zipcodeDisclaimer { bottom: -30px; left: 0; position: absolute; text-align: left; width: 100%; display: block; } /*FOR TABS ONLY*/ #homeGetEnergy h3 { display: block; padding: 15px 0 15px 0; margin: 15px 0 0 0; border-top:1px solid #ccc; } #homeGetEnergy .bladeWrapper { position:relative; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; color: #2C5770; padding-bottom:58px; } #homeGetEnergy .bladeWrapper label[for=homepage] {display: none;} #homeGetEnergy .bladeWrapper div.zipcode { position: absolute; bottom: -15px; left: 0; width: calc(100% - 30px); padding: 20px 15px 20px 15px; background-color: #eee; z-index: 1; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; } #homeGetEnergy form .bladeWrapper div.zipcode input { margin:0; flex-grow:1; } #homeGetEnergy .bladeWrapper div.zipcode button { margin:0 0 0 10px; } #homeGetEnergy .bladeWrapper .zipcode label, #homeGetEnergy .bladeWrapper input[type=radio] {display:none !important;} #homeGetEnergy .bladeWrapper span { display: flex; flex-direction: row; width: 100%; } #homeGetEnergy .bladeWrapper label { flex-grow: 1; padding: 0 8px; min-height:30px; background-color: #ccc; position: relative; z-index:100; display:flex; align-items:center; } #homeGetEnergy form .bladeWrapper label span, .home_test-win form .bladeWrapper label span { display: block; text-align: center; width: 100%; vertical-align: middle; line-height: 100%; padding: 15px 0; } #homeGetEnergy form .bladeWrapper.electric_grid_url label[for=electric_grid_url], #homeGetEnergy form .bladeWrapper.gas_grid_url label[for=gas_grid_url], #homeGetEnergy form .bladeWrapper.homeservice_url label[for=homeservice_url], #homeGetEnergy form .bladeWrapper input[type=radio]:checked + label { background-color: #2C5770; color: #fff; } #homeGetEnergy form .bladeWrapper.electric_grid_url label[for=electric_grid_url]::before, #homeGetEnergy form .bladeWrapper.gas_grid_url label[for=gas_grid_url]::before, #homeGetEnergy form .bladeWrapper.homeservice_url label[for=homeservice_url]::before, .bladeWrapper input[type=radio]:checked + label::before { content: ""; height: 0; width: 0; display: block; position: absolute; bottom: -19px; left: 50%; margin-left: -10px; border-width:10px; border-style:solid; border-top-color: #2C5770; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } #homeGetEnergy form .bladeWrapper span label:nth-child(1), #homeGetEnergy form .bladeWrapper span label:nth-child(2), #homeGetEnergy form .bladeWrapper input[type=radio] + label:nth-child(1) {margin-left: 0;} /*#homeGetEnergy form .bladeWrapper label:nth-child(2) {display: none;}*/ #homeGetEnergy h1::after { content:"Choose Your Service"; font-size:20px; color:#2C5770; margin:10px 0 -5px 0; display:block } #alberta #homeGetEnergy h1::after {content: "";} /*PADDING ---------------------------------------*/ .contentContainer, #dyp #dypRewardsSection, .rightCol h2, .leftCol, .noColumn, #breadcrumbs, #homeBlog, #homeQuote, .homeIntro h4, .slide-show .vpsTransBkg, .sideSubNav, .errorBoxes, .altHeadCont, #ourBrands, .altSideContLc, .leftCol #topCTA, #homeGetEnergy, #homeFallback, #pay-bill .billingHead, #pay-bill .csSubContainer{padding: 20px 10px;} /*SERVICE SELECTOR*/ #homeGetEnergy h4{line-height: 100%} #homeGetEnergy p{margin-bottom: 5px} .startForm select, .startForm label, .startForm input{ display: inline-block; margin-bottom: 10px; padding: 3% 5%; width: 90%; font-size: 20px; } .startForm select {width: 100%;} .startForm label { font-size: 20px; padding: 5px 0 0; } /*SLIDE SHOW*/ .slide-show .slide{ position: relative; top: 0; opacity: 0 !important; display: none !important; } .slide-show .slide.current-slide{ opacity: 1 !important; display: block ! important; } .slide-show .vpsSlides img{width: 100%;margin-bottom: 25%;} .slide-show .vpsTransBkg{ position: absolute; bottom: 0; } .slide-show .vpsSlides p{margin-bottom: 10px} .sliderBottom {margin-bottom: 10px;} .slide-show-links{ position: absolute; bottom: 0; width: 100%; } .slide-show-links .slide-show-tbl {margin: 0 auto;} .slide-show-links td{display: inline-block;} .slide-show-tbl a { height: 26px; width: 19px; padding: 4px 0 0 11px; display: inline-block; } /*normal*/ .slide-show-td1, .slide-show-td3 {display: none !important;} .slide-show-tbl .slide-show-td2 a {background-position: 0 -60px;} /*active*/ .slide-show-tbl .slide-show-td1 .slide-show-link-hilighted { background-position: 0 -180px;} table.slide-show-tbl .slide-show-td2 a.slide-show-link-hilighted { background-position: 0 -240px;} table.slide-show-tbl .slide-show-td3 a.slide-show-link-hilighted { background-position: 0 -210px;} /*BRAG BOX*/ .homeIntro h3{color: #333;text-align: center;line-height: 1;padding: 25px 0 10px 0;} .homeIntro h4 { margin-bottom: 0; border-bottom: 1px solid #666; } div.articleOne, div.articleTwo, div.articleThree, div.articleFour{ max-height: 0; z-index: -1; -webkit-transition: max-height 250ms ease-in-out; -moz-transition: max-height 250ms ease-in-out; -ms-transition: max-height 250ms ease-in-out; -o-transition: max-height 250ms ease-in-out; transition: max-height 250ms ease-in-out; visibility: hidden; } div.articleOne span, div.articleTwo span, div.articleThree span, div.articleFour span{display: none;} div.articleOne.active, div.articleTwo.active, div.articleThree.active, div.articleFour.active{ display: block; max-height: 500px; z-index: 100; padding: 10px; visibility: visible; } /*TROUTS*/ .homeIntroSpecOff ul{ margin: 0; padding: 0; list-style: none; } .homeIntroSpecOff ul img{width: 100%;} .homeIntroSpecOff ul li div{margin-bottom: 15px} .homeIntroSpecOff ul li h4, .homeIntroSpecOff ul li p, .homeIntroSpecOff ul li div{padding: 0 10px} .homeIntroSpecOff ul li p{margin-bottom: 10px} /*MC SLDIER*/ #slider1 input{display: none;} .lowerBoxes ul{ list-style: none; margin: 0; padding: 0; } .mcsliderContainer{} .mcsliderContainer img{width: 100%;} .mcSliderContent{padding: 25px} .mcSliderContent h2{ width: 97%; margin: 0 auto; } .mcSliderContent .orangeButton{ display: inline-block; margin-top: 10px; } .lowerBoxes .slick-prev{ left: 11px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); writing-mode: lr-tb; } .lowerBoxes .slick-next{ right: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); writing-mode: lr-tb; } .lowerBoxes .slick-prev, .lowerBoxes .slick-next { display: block; height: 15px; position: absolute; width: 15px; box-shadow: 2px -2px 1px #2C5770; top: 48%; border-radius: 0; } .lowerBoxes .slick-prev:before, .lowerBoxes .slick-next:before { content: " "; } /*TESTIMONALS*/ .testimonial h3{display: none;} #homeQuote .testimonial-outer .testimonial { border-radius: 10px; margin-left: 80px; padding: 20px; position: relative; } #homeQuote .testimonial-outer:nth-of-type(2n) .testimonial { margin-left: 0; margin-right: 80px; } #homeQuote .testimonial-outer .testimonial:before { background: url("images/core/testimonialMale.png") repeat scroll 0 0 rgba(0, 0, 0, 0); content: ""; height: 58px; left: -85px; position: absolute; top: 43%; width: 58px; } #homeQuote .testimonial-outer:nth-of-type(2n) .testimonial:before { left: 107%; } #customer-testimonials #homeQuote .testimonial-outer:nth-of-type(2n) .testimonial:before { } #homeQuote .testimonial-outer .testimonial:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(243, 219, 179, 0) #2C5770 rgba(243, 219, 179, 0) rgba(243, 219, 179, 0); border-image: none; border-style: solid; border-width: 20px; content: " "; height: 0; margin-top: -20px; pointer-events: none; position: absolute; right: 100%; top: 50%; width: 0; } #homeQuote .testimonial-outer:nth-of-type(2n) .testimonial:after { border-left-color: #2C5770; border-right: 20px none; border-width: 20px; left: 100%; margin-top: -20px; } .testimonial h3, .rss-container h3 {display: none;} .testimonial-content {line-height: 135%;} .testimonial-meta { font-style: italic; padding-top: 20px; text-align: right; } #homeQuoteLink { padding: 40px 10px 0 0; text-align: right;} /*ADDY POPUP*/ body #bodyContainer .popupContent{ width: 100%; left: inherit; margin-left: 0; text-align: left; padding: 0 0 5%; color: black; bottom: 0 !important; } body #bodyContainer .popupContent .closePopup{ display: block; position: relative; background-color: #666; box-shadow: none; top: 0; left: 0; width: 100%; width: calc(100% - 45px); text-align: left; margin: 0; padding: 5px 5px 5px 40px; color: #666; border:none; border-radius: 0; background-image: url(../../images/icons/backWhiteArrow.png); background-repeat: no-repeat; background-position: left; } body #bodyContainer .popupContent .closePopup:before{ content: "Back"; color: white; } body #bodyContainer .popupContent .headInfo{ text-align: left; padding: 10px; } body #bodyContainer .popupContent form{padding: 0 10px;} body #bodyContainer .popupContent form div.streetAddress, body #bodyContainer .popupContent form div.apartmentNumber, body #bodyContainer .popupContent form div.zipcode { padding: 0; margin:0 0 10px 0 ; display: block; } body #bodyContainer .popupContent form div.streetAddress { display: block; width: 100%; } body #bodyContainer .popupContent form div input[type=text] { border: none; border-radius: 5px; padding: 4px 8px; width:90%; width: calc(100% - 16px); } body #bodyContainer .popupContent form div.apartmentNumber, body #bodyContainer .popupContent form div.city, body #bodyContainer .popupContent form div.state, body #bodyContainer .popupContent form div.zip, body #bodyContainer .popupContent form div.zipcode { width: 45%; width: calc(50% - 10px); float: left; } body #bodyContainer .popupContent form div.apartmentNumber { margin-right: 10px; } body #bodyContainer .popupContent form div.streetAddress { } body #bodyContainer .popupContent .error_msg, body #bodyContainer .popupContent .load_msg { position: absolute; text-align: center;padding: 15px 0; vertical-align: bottom; } body #bodyContainer .popupContent .addyPopup input{ border-radius: 8px; border:none !important; } body #bodyContainer .zipOnly .popupContent form div.zipcode{background-color: white;} .contentPopup .popupContent /*fixes width on pop-ups on checkout*/ { left: 0; margin-left: 0; width: initial; } .apartmentNumber label, .zipcode label, input[type=text].service_address_2 {display: inline-block !important;} body #bodyContainer .popupContent form div input[type=text].service_address_2, body #bodyContainer .popupContent form div input[type=text].zipcode {width: 55%;} body #bodyContainer .popupContent form div.streetAddress {margin: 0;} body #bodyContainer .popupContent form div input[type=text].service_address_1 {margin-bottom: 0;} /*disclaimer---------------------------**/ #disclaimer{padding: 5px;} p.giftCardlegal { margin: 60px 5px 15px; } /*STRUCTURES--------------------------*/ .wideContainerInner { padding: 10px; } /*NOCOL----------------**-------*/ .noColumn h1, .noColumn h2, .noColumn h3, .noColumn h3{margin-bottom: 10px} .noColumn p{margin-bottom: 20px} /*66-33------**-------*/ .leftCol h1, .leftCol h2, .leftCol h3, .leftCol h3{margin-bottom: 10px} .leftCol p{margin-bottom: 20px} #sideImage{display: none;} .leftCol .sideSubNav{margin: 10px -10px 0;} .specBody{ margin: -10px; padding: 10px} /*404----***------------*/ #fourOfour{margin: -10px;} .bulb404,.errorBoxes+small{display: none;} .errorBoxes .specBody.boxDrop ul{} /*LEARNING CENTER-******------*/ .altHeadCont h1{padding: 0} /*READ YOUR METER*/ embed{width: 100% !important} #how-to-read-your-meter img{width: 100%} /*OUR BRAND---------****---*/ #ourBrands tr{font-size: 0;} #ourBrands td{ width: 40%; display: inline-block; margin:4%; } #ourBrands img{width: 100%;} #whyDE.grayTextBox {padding: 20px;} /*badar-khan----------------------------------------------*/ #badar-khan #page_content_primary{padding: 10px} #badar-khan #page_content_primary img{float: left;} /*MANAGEMENT TEAM---------------------------------------*/ #management-team img{float: left; margin-right:10px;} .headerManage ul{padding:0;} .headerManage ul li{ display: inline-block; padding-right: 8px; margin-right: 5px; border-right: 1px solid;} .headerManage ul li:last-child{ padding:0; margin:0; border:none;} /*NEWSROOM---------------------------------------------*/ #newsRoom h1, #newsRoom h2{ padding: 10px; margin: 0 -10px; } #newsRoom a{ display: inline-block; margin-bottom: 10px } #newsRoom a h4:before{ content: "•"; text-decoration: none; } .prContacts{padding: 10px;} /*HOME SERVICES------------------------------------------*/ .hsBox, .hsBoxPlumbing, .hsBoxHVAC, .hsBoxElectrical, .hsBoxProtection, .hsBoxSolar { display: inline-block; height: 200px; margin: 5px 0 0; vertical-align: top; width: 49%; background-repeat: no-repeat; background-size: 100%; } .hsBox span { background: none repeat scroll 0 0 #2c5770; bottom: 0; color: #fff; font-size: 14px; opacity: 0.85; padding: 10px 0; position: absolute; text-align: center; width: 100%; } .hsOffBox{padding: 10px;} .hsOffBox img{ float: left; padding: 0 10px 10px 0; } .hsOffBox p{margin-bottom: 20px;} /*SITE MAP*/ #sitemap h1{padding: 10px;} #sitemap .iconsSVG{display: none;} /*FAQ*/ .actionBox span{padding: 0;} .actionBox em{ margin-bottom: 20px; display: block; } ul.dropDownNav{ font-size: 0; padding: 0; margin:0; } ul.dropDownNav li{ margin-bottom: 20px; display: inline-block; width: 50%; font-size: 20px } #faqs #page_content_primary{padding: 10px;} #faqs #page_content_primary h1{padding: 0;} /*MILITARY--------------------------------------*/ #military #page_content_auxiliary{z-index: 1000} #military #page_content_primary{z-index: 1} #military #page_content_auxiliary_inner{padding: 10px} #military #page_content_auxiliary_inner .greenButton{margin: 10px 0} #military .third{padding: 10px} #military .third #iconsOrange{ float: left; margin: 0 10px 0 0; } .militaryPopup{ box-shadow: 0px 9px 13px rgba(0, 0, 0, .9); height: 98%; width: 100%; } #militaryBox, #military iframe{ width: 100%; height: 100%; } .militaryPopup, #militaryBox, #military iframe{ position: absolute; top: 0; left: 0; z-index: 100; } .closePopup{ z-index: 1000; left: 90%; } /*CUSTMR SPPRT--------------------*/ #customer-support #page_content_primary{padding: 10px} #customer-support .iconsSVG {display: none;} #customer-support .aboutHead{ margin: 0 -10px 10px; padding: 10px; } #customer-support .csSubNav3{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #2C5770; } /*ELEC AND NAT GAS FALLBACK*/ #natural-gas #priceGridTopContent img, #electricity #priceGridTopContent img{display: none;} #natural-gas ul.dropDownNav li, #natural-gas ul.dropDownNav li a, #natural-gas .actionBox .dropDownNav, #natural-gas .actionBox span, #natural-gas .actionBox, #electricity ul.dropDownNav li, #electricity ul.dropDownNav li a, #electricity .actionBox .dropDownNav, #electricity .actionBox span, #electricity .actionBox { width: 100% !important; color: white; } /*REWARDS T&C*/ #terms-conditions-travel-family-shopper-usn table, #terms-conditions-loyalty-rewards-usn table, #terms-conditions-loyalty-rewards table, #terms-conditions-travel-family-shopper table{width: 100%;} /*FREE POWER DAY*/ #freepowerday #page_content_primary{padding: 0;} #freepowerday .womanLaundry{display: none;} #freepowerday #page_content_primary h1, #freepowerday #page_content_primary h1+p{ padding: 0 10px; margin: 0; } #freepowerday #page_content_primary h1+p{ padding-bottom: 10px; margin-bottom: 10px; } #freepowerday #page_content_primary h2, #freepowerday #page_content_primary h2+p{padding: 0 10px} #freepowerday #page_content_primary h2+p{color: #204292;} /*POWER-TO-GO----------------------------------*/ #power-to-go #blueBox, #power-to-go #orangeBox{padding: 15px 10px 10px 10px;} #power-to-go #blueBox .greenButton, #power-to-go #orangeBox .greenButton{ display: inline-block; margin-top: 10px; } #power-to-go #blueBox a, #power-to-go #orangeBox a{color: white;} #power-to-go #page_content_primary .replaceBody{padding: 10px;} .replaceBody h2+p{margin-bottom: 20px} .circleNumbers { background: none repeat scroll 0 0 #f05d21; border-radius: 50%; color: white; display: inline-block; margin-right: 5px; text-align: center; vertical-align: top; width: 8%; padding: 5px; } .fourColums big{letter-spacing: -1px;} .fourColums p{margin-bottom: 20px;} #power-to-go #page_content_secondary h2, #power-to-go #page_content_secondary h3{margin-bottom: 10px; padding: 5px 10px 5px 5px;} #power-to-go #page_content_secondary p { margin-bottom: 20px; padding: 5px 15px 10px 5px; } #power-to-go .iconsSVG{display: none;} #power-to-go #page_content_secondary .bottomBoxesCont { margin: 20px 0px -15px 0px; padding: 10px 0px 10px 0px; } #power-to-go #login-container-wrapper label{margin: 10px 0 5px;display: inline-block;} #power-to-go #login-container-wrapper input{ width: 85%; font-size: 24px; margin: 0; } .prepaidBkg img{display: none;} .p2goPhoneMobile{display: block;padding: 10px 0 10px;text-align: center;font-size: 25px;background-color: #6D9C32;color: #fff;line-height: 150%;width:100%;margin: 10px 0 0;} .prepaidBkg4 {margin:10px 0 10px 0;width: 96%;padding: 15px 2%;background-color: #efefef;color: #000;} .bottomBoxes.bkgOrange { border-bottom: 2px solid #F05D21; border-top: 2px solid #F05D21; } .bottomBoxes.bkgBlue { color: #fff; background-color: #376F90; padding: 5px 10px 5px 5px; } #power-to-go #login-container-wrapper button{margin-top: 10px;} #power-to-go .bkgGreen{ padding: 10px; } .formLinks em{margin-bottom:15px;display:block;} a.blockElement.lostUsername, a.blockElement.lostPassword{display:inline-block;margin:0 10px 10px 0} a.blockElement .lostPassword a{color: #fff;} #power-to-go #login-container-wrapper .loginFormFields{ display: inline-block; width: 47%; } #power-to-go #login-container-wrapper .loginFormFields:first-child{margin-right: 4%;} #orangeBox.ptg hr{margin: 15px 0;padding:0;border-color: #ffffff;border-width: 0 0 1px;} /*MAKE A PAYMENT*/ #make-a-payment #page_content_auxiliary_inner h1, #make-a-payment #page_content_auxiliary_inner h3, #make-a-payment #page_content_auxiliary_inner p{ padding: 0 10px; line-height: 125%; } #make-a-payment #page_content_auxiliary_inner p+p{padding-bottom: 10px;} #make-a-payment #page_content_auxiliary_inner a{color: white;} #make-a-payment #page_content_secondary{display: none;} /*PRE PAID PAYMENTS*/ #prepaid-payments input, #prepaid-payments label{ width: 100%; font-size: 24px; margin-top: 10px; } #prepaid-payments .actions{margin-top: 10px;} /*PAY BILL*/ #pay-bill .csSubNav3{ border-bottom:#2C5770 solid 1px; margin-bottom: 10px; padding-bottom: 10px; } #pay-bill #page_content_auxiliary img{display: none;} #pay-bill .cardContainer, #pay-bill .fullHeader, #pay-bill #NewtoDE, #pay-bill #howReadBill{padding: 0 10px} #pay-bill hr{margin: 10px 0} /*PAYMENT LOCATION*/ #payment-locations-texas h1, #payment-locations-texas p{padding: 0 10px 10px;} #payment-locations-texas h1{margin: 0;} /*MAP*/ #map h1{ padding: 10px; margin: -10px -10px 0 -10px; } #map .map_main_top_right, #map .legend{ width: 100%; font-size: 10px; } div.legend table .map_location_pin_description {font-size: 10px !important;} #map #map-canvas{width: 100%} #map input{ width: 100%; font-size: 30px; margin-bottom: 10px; } /*ERROR MESSAGES*/ #priceGridContainer .popupContent .error_msg, #priceGridContainer .popupContent .load_msg, #priceGridContainer .contentPopup .popupContent, #priceGridContainer .errorPop .popupContent, #priceGridContainer .addyPopup .popupContent { width: 100% !important; position: relative; } #priceGridContainer .popupContent .error_msg{ padding: 0 !important; width: 95%; } #priceGridContainer .popupContent .load_msg{display: none;} .error_msg .market{ position: absolute; padding: 10px; border-radius: 8px; } /*ACCOUNT LOGIN*/ #loginTemplate #page_content_primary { background-color: #F05D21; color: #fff; padding: 20px; font-size: 16px; } #loginTemplate #page_content_primary a { color: #fff; } #loginTemplate #page_content_primary h1 { font-size: 30px; line-height: 100%; margin-bottom: 10px; } #loginTemplate #page_content_primary p { margin-bottom: 10px; } /*#loginTemplate .introLogo { position: fixed; top: 13px; left: 20px; }*/ #loginTemplate #rightCol a {color: #005776;} #loginTemplate #rightCol{padding: 5%;} #loginTemplate #rightCol h1{display: none;} #loginTemplate #rightCol input{ width: 80%; font-size: 25px; } #loginTemplate #rightCol td {padding: 0;} #loginTemplate #rightCol button{ display: inline-block; margin-top: 10px; } #loginTemplate #rightCol .bottom-links a{ font-size: 16px; } #loginTemplate hr{margin: 10px 0} #loginTemplate .langSelect span{display: none;} /*texas-history-of-deregulation*/ #texas-history-of-deregulation .leftCol img{width: 100%;} /** DYP **/ .byop_f ul.tabs{background-image:none;padding: 0;margin: 0;width: 100%;} .byop_f ul.tabs li{top:0;flex: 1 100%;text-align: center;padding: 0px 0 0;width: 20%;border: 0;} .byop_f ul.tabs li.active{background-image:none;height: 77px;background-color: transparent;} .byop_f ul.tabs li.active a{background-color:#cccccc;} .byop_f ul.tabs li a{ border: solid 1px #76A0B9; height: 60px; width: 100%; display: inline-block; padding: 15px 0 0; } /*PPC GENERAL LANDING PAGES------------------*/ /*DYP------------------*/ #dyp #viewAllGrid{margin-bottom: 30px;} #dypRewardsSectionOne{ padding: 10px 15px 10px 10px } #dypRewardsSectionOne h2 { color: #fff; } #plentiCard { padding: 10px 15px 10px 10px; } #dypCardSection { padding: 10px 5px 5px 10px; } .contentContainer p small{margin-bottom: 10px;display: block;} #ppcPriceGridContainer{padding-bottom: 5px;} #ppcPriceGridContainer .addressBox{display:none;} /*Plenti--*/ #addr_form.addr_form #plan-grid-address-street input {width: 100%;} #refer-a-friend #page_content_auxiliary { background: none; padding:0 5%; height: inherit; } .rafCodeBar { padding: 5%; background: #F05D21; color: #fff; } #refer-a-friend #topSectionContainer h1 {text-indent: none;} .rightCol #login-container {padding: 0 0 0 15px;} /*DISABLE CHAT------------------*/ .chatText {display: none;} /*ItoI------------------*/ #itoiCTA {padding: 20px 20px 30px 20px;} #itoiCTA img {display: none;} .itoiContent img {width: 100%;} #innovation-to-inspiration .noColumn {padding: 0} .itoiRightContent, .itoiLeftContent, #innovation-to-inspiration .fullContent {padding: 10px;} /*TRANSITION FROM OTHER UTITLITIES PAGES*/ #transitionHeader { margin: 0; padding: 20px; background-image: none; } /*DES API SERVICES PAGE ----------------------*/ div.serviceListingHead form { position: relative; } #servicesListing .serviceContact { padding: 0 0 5px 0 !important; background-size:35%; } #servicesListing .serviceContact h4 { display: block; padding-left: 40%; min-height:60px; } .serviceInfoSet.servicePhoneEmail { border-bottom:none !important; padding-bottom: 0; } /* Amazon Dot TX Home */ .homeDotBanner { font-size: 12px; line-height: 1.25; padding: 0 5%; text-align: center; } #ohio-grid-banner {padding: 3% 5% 0;} /*TIER PRICING EXPLAINATION BLOCKS---------------------------------------------*/ .tierPriceWrap { display: flex; flex-wrap: nowrap; } .tierPriceDiv { width: 50%; border: 1px #aaa solid; padding: 3%; } .tierPriceDiv:first-of-type { border-right: none; } .tierPriceMain { display: block; } .tierTable-head strong { text-align: center; display: block; padding: 0 0 10px 0; font-size: 18px; } .tierTable{ display: table; width:99%; border-collapse:collapse; margin: 20px 0 0 0; } .tierTable-row{ display: table-row; } .tierTable-cell, .tierTable-head { display: table-cell; padding: 3%; border: #aaa 1px solid; width: 50%; } .tierTableThree .tierTable-cell, .tierTableThree .tierTable-head {width: 27%;} .tierTable-head {padding-bottom: 0; border-right: none;} .tierTableThree .tierTable-head {border: #aaa 1px solid;} .tierTable-cell {border-left: none; vertical-align: middle;} /*HIVE DETAILS PAGES-----------------------------------*/ #smart-bright-24 #page_content_auxiliary { padding: 0; height: inherit; width: 100%; background-image:none; } /*DE CONTENT BLOCKS UNDER GRID-----------------------------------*/ .contentContainerInner2 {padding: 20px;} .contentContainerInner2 span.social { display: block; padding: 15px 0 0 0; } /*AmzEcho LP*/ .planAmazonFourSquare {text-align: left; padding: 10px 0 0 0;} .planAmazonFourSquare p {padding: 0 0 0 10px;} .planAmazonFourSquare p, .planAmazonFourSquare .iconsSVG{display: inline-block; vertical-align: middle;} .amazonGetControl, .echoEmpowering, .amazonWhatIs, .amazonWhatIsUSN, .amazonLearnMore, .amazonFAQ {padding: 5%;} .echoEmpowering { background: #cccccc; color: #ffffff; } .echoEmpowering img {padding: 0 0 5% 0;} .amazonWhatIs, .amazonWhatIsUSN {background: #005776;} .amazonLearnMore {text-align: center;} .amazonLearnMore img {display: block; margin: 0 auto;} .amazonLearnMore div {display: block; width: 100%; padding-bottom: 10px;} .amazonLM-arrow {display: none;} .amazonSkillsSect { padding: 5%; text-align: center; background-color: #005776; color: #ffffff; } .amazon33 { width: 100%; padding: 0 0 30px 0; } .amazonSkillBubble { color: #666; position: relative; display: block; text-align: center; border-radius: 8px; background-color: #f4f6f6; border: 1px solid #f4f6f6; padding: 20px; font-family: times-roman, serif; font-style: italic; } .amazonSkillBubble:before { content: " "; position: absolute; bottom: -14px; right: 10%; border-width: 0 0 13px 26px; border-style: solid; display: block; border-color: transparent #f4f6f6; width: 0; } .blueBoxWrapper { background: #2C5770; color: #ffffff; padding: 5%; } .blueBoxWrapper a {color: #ffffff;} .blueBoxWrapper h2 {font-size: 24px;} /* ACCORDION TABS */ .faqAccordion { background-color: #fff; cursor: pointer; padding: .75rem 0; width: 100%; border-top: 1px #005776 solid; transition: 0.4s; } .faqAccordion:last-of-type {border-bottom: 1px #005776 solid;} .faqAccordion.active, .faqAccordion:hover { background-color: #eee; } .faqAccordion:before { content: '\0271A'; font-size: 13px; color: #777; padding: 0px 10px 0 0; vertical-align: middle; } .faqAccordion.active:before { content: "\2796"; } div.faqPanel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: 0.6s ease-in-out; opacity: 0; } div.faqPanel.show { opacity: 1; max-height: 800px; padding: 0 18px 20px 18px; } div.faqPanel p { padding: .75rem 0 0; } /* END ACCORDION TABS */ /** UNIVERSAL HOMEPAGE **/ #left-hero{ background-color: #2C5770; padding: 30px 5%; text-align: center; background-image: url(../../images/home/homePage_bg_blue.jpg); } #left-hero, #left-hero a{color: #fff;} .hero-container h2{font-size: 200%;margin-bottom: 10px;} .hero-container h3{font-size: 150%;margin-bottom:10px} .hero-container .collapsed, .hero-container .initial, .left-hero-tilt .serviceSelect select, .hero-container .bladeWrapper label[for=homepage]{display:none;} .twin-hero .hero-container .side-container .hero-twin-items .hero-twin-item { width: 28%; margin-left: 2%; margin-right: 2%; display: inline-block; vertical-align: top; margin-bottom: 15px; } .twin-hero .hero-container .side-container .hero-twin-items .hero-twin-item:before{ content:''; display:block; background-image: url('../../images/home/home_rollover-icon.png'); background-size: cover; background-repeat: no-repeat; height: 80px; max-width: 125px; margin: auto; } .twin-hero .hero-container .side-container .hero-twin-items .hero-twin-item:nth-child(1):before{ background-position: 10px 50%; } .hero-twin-items{margin: 15px 0 0;} .twin-hero .hero-container .side-container .hero-twin-items .hero-twin-item:nth-child(2):before{ background-position: -134px 50%; } .twin-hero .hero-container .side-container .hero-twin-items .hero-twin-item:nth-child(3):before{ background-position: -303px 50%; } .twin-hero .right-hero{ background-image: url(../../images/home/homePage_bg_white.jpg); background-size: cover; color: #005776; text-align: center; padding: 30px 5%; } .hero-container .bladeWrapper span { display: flex; flex-direction: row; width: 100%; text-align: center; } .hero-container .bladeWrapper label span {display:block;} .hero-container .bladeWrapper label { flex-grow: 1; padding: 8px 8px; min-height: 30px; background-color: #ffffff; margin: 0; position: relative; z-index: 100; display: flex; align-items: center; border-right: 1px #eeeeee solid; color: #2c5770; } .hero-container .bladeWrapper label:last-of-type{border:none;} .hero-container .bladeWrapper:before{ content: "Choose Your Service"; font-size: 20px; color: #ffffff; margin: 15px 0 15px; display: block; } .es .hero-container .bladeWrapper:before{content: "Elija su Servicio";} .hero-container form .bladeWrapper.electric_grid_url label[for=electric_grid_url], .hero-container form .bladeWrapper.gas_grid_url label[for=gas_grid_url], .hero-container form .bladeWrapper.homeservice_url label[for=homeservice_url], .hero-container form .bladeWrapper input[type=radio]:checked + label{ background-color: #f15d22; color: #fff; } .hero-container form .bladeWrapper.electric_grid_url label[for=electric_grid_url]:before, .hero-container form .bladeWrapper.gas_grid_url label[for=gas_grid_url]:before, .hero-container form .bladeWrapper.homeservice_url label[for=homeservice_url]:before, .hero-container form .bladeWrapper input[type=radio]:checked + label:before{ content: ""; height: 0; width: 0; display: block; position: absolute; bottom: -19px; left: 50%; margin-left: -10px; border-width: 10px; border-style: solid; border-top-color: #f15d22; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .hero-container .bladeWrapper div.zipcode{ margin-top: 15px; } .hero-container .bladeWrapper input.zipcode{ width: calc(100% - 185px); text-align: left; } /*Consumer Affairs Social Proof*/ .wf-social-proof-banner-desktop { position: absolute; background-color: #6694a6; padding: 1% 5%; margin-top: 10px; margin-bottom: 50px; width: 900px; } .wf-accredited-desktop { position: relative; left: 84%; top: -30px; height: 146px; } .wf-social-proof-banner-desktop .wf-social-proof-text-desktop { display: inline-block; width: 57%; color: #fff; font-size: 12px; line-height: 17px; letter-spacing: 1px; padding-bottom: 5px; font-family: Roboto,sans-serif; font-size: 15px; line-height: 24px; margin-right: 8%; } .wf-social-proof-banner-desktop .wf-strong-proof { font-weight: 400; } .wf-social-proof-banner-desktop .wf-stars-container { display: inline-block; top: 4px; } .wf-social-proof-banner-desktop .wf-stars-container .wf-stars:before { content: ""; display: inline-block; vertical-align: middle; background: url(../../images/gridPageBgs/consumerAffairsStars.png) no-repeat; width: 175px; height: 30px; background-position: -12px -12px; background-size: 195px; } .wf-social-proof-banner-desktop .wf-stars-container .wf-stars-text { display: block; font-size: 12px; letter-spacing: .25px; font-family: Roboto,sans-serif; line-height: 24px; text-align: center; margin-top: 5px; width: 100%; color: #fff; } /**/ .wf-social-proof-banner-desktop { width: 90%; position: relative; padding: 5%; margin-top: 0; margin-bottom: 25px; background: #6694a6 url(../../images/gridPageBgs/consumerAffairs.png) no-repeat top 25% right 10%; background-size: 100px; } .wf-social-proof-banner-desktop .wf-social-proof-text-desktop {line-height: 120%; margin-right: 5%; width: 60%;} .wf-accredited-desktop {display: none;} @media screen and (max-width: 320px) { #homeGetEnergy form .zipcode input.zipcode { font-size: 1.2em; } } #mobilePhoneNumber .staticPhoneDrop, #headSubNav, #headContainer { -moz-transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } /*DE REFER-A-FRIEND-----------------------------------*/ #topSectionContainerBG h1{ font-size: 24px; color: #F05D21; } .sideSubNav{ padding:0 0; } #topSectionContainerBG h2, #topSectionContainerBG p{ font-size:16px; } .myaccount_login_simple .password{ padding:0 0 0 10px; } /*DE TEXAS HOMEPAGE ----------------------------------*/ /***** TOP BLOCK SECTION ****/ .blockContainer { background-color: #fff; } /***** TOP BLOCK HEADER ****/ #homeGetEnergy, #orangeBox { width: 90%; background-color: #fff; margin: 0px 5%; padding: 2% 6px; } /*directMobileV2*/ #homeGetEnergy h4 { margin-bottom: 5%; font-size: 2.5em!important; } /***** TOP BLOCK FORM ****/ .startForm, .singleButton { margin-top: 0%; } /*directMobileV2*/ #homeGetEnergy h1::after { display: none; } input.zipcode[type=text] { width: 40%; padding: 6px; text-align: center; color: #000; } .zipcode button { margin: 0 auto; } .width33, .width66{width: 100%;position: relative;} .width33{position: relative;top: 130px;} .width66{position: relative;bottom: 345px;} #promoFeatureContainer { width: 100%; display: inline-block; margin-top: 5%; position: relative; top: 0px; text-align:left; } .promoFeature{ width: 100%; margin: 10px 0px; font-size: 14px; } .promoFeature img {width: 6%; border:none;} .specialPromo {background-color:#fff;} .announcements { width: 100%;} .blogImg { display: none; width: 100; } .blogImg img {width: 100%;display: inline-block;} .blogBody { display: inline-block; width: 95%; } .blogSubTitle{font-size: 11px;} .cities{ width: 100%; } .sectionAnnouncement {border-top: 1px solid #ccc;background-color: #fff;} .sectionFeatures {text-align: center;background-color: #005977;color:#fff} .containerFeature {width: 100%;margin: 0 auto;} .feature {width: 85%;padding-bottom: 5%;border-bottom: 1px dotted #fff;margin: 7% auto 1% auto;} .cityList {margin: 2% auto;width: 90%;} .cityList ul{margin: 3% 5%;padding: 0px;} .featureLast{border-bottom:none;} div#promoCTA { background-color: #fff; width: 80%; margin: 20px auto; text-align: center; -moz-box-shadow: -6px 6px 24px 3px rgba(50, 50, 50, 0.75); border-radius: 5px; border: 1px solid #a1a1a1; } div#promoCTA .bundle-single-price { font-size: 18px; } div#promoCTA .bundle-single-price span { font-size: 400%; line-height: 100%; display: inline-block; } div#promoCTA .bundle-single-price sup { position: absolute; font-size: 150%; line-height: 100%; } div#promoCTA .bundle-single-price span, div#promoCTA .bundle-single-price sup { color: #f05d21; } div#promoCTA .bundle-single-price-loc, div#promoCTA .bundle-single-price-disc { font-size: 12px; margin: 5px; } div#promoCTA .bundle-single-price-disc a {color: #005776;} .specialPromo { padding: 30px 15px; margin: 30px 0 0 0; background: #eee; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } div#promoCTA .bundle-single-price-wrapper a { /* width: 90%; */ margin: 10px auto; max-width: 215px; } div#promoCTA .bundle-single-price-wrapper { border-radius: 5px; padding: 10px; } .hideSelect span.serviceSelect { display: none; } div#homeGetEnergy { padding: 15px 0 0 0; } #homeGetEnergy h1::after { content:"Choose Your Service"; font-size:20px; color:#2C5770; margin:30px 0 -5px 0; display:block; } div#newSlide { display: block; width: 100%; text-align: center; background: #f05d21; /* Old browsers */ background: -moz-linear-gradient(left, #f05d21 46%, #de7e39 55%, #f26b2a 66%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #f05d21 46%,#de7e39 55%,#f26b2a 66%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #f05d21 46%,#de7e39 55%,#f26b2a 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05d21', endColorstr='#f26b2a',GradientType=1 ); /* IE6-9 */ } div#newSlide img { width: 100%; } #imgLarge{ display:none;} div#page_content_primary { margin-bottom: 0px; } .specialPromo .width33 { width: 100%; position: relative; top: 0; } div#promoText h3 {font-size: 32px;} .specialPromo .width66 { width: 100%; position: relative; bottom: 0; } div#promoFeatureContainer { width: 100%; text-align: center; position: relative; top: 0; } div#promoText { text-align: center; } div#promoText h4 { display: none; } .stateAnnouncement ul { text-align: left; width: 100%; } .stateAnnouncement ul li {display: block;margin: 8px 0px;} .sectionAnnouncement { padding: 4%; } .sectionCities { padding: 4%; color: #fff; background-color: #aaa; } .cityAnnouncement { text-align: center; } .cityAnnouncement ul { width: 41%; display: inline-block; padding: 0px; } .feature { width: 85%; padding: 10px 0px 15px 0px; margin: 0px auto; } .feature h3 { font-size: 28px; margin-bottom: 10px; } .sectionFeatures { padding: 0px; } .feature.lastFeature { border-bottom: none; } .feature p { width: 90%; margin: 0 auto; } .stateAnnouncement ul { padding: 0px; } .cityAnnouncement ul { list-style-type: none; font-size: 14px; text-align: left; margin: 0; } .cityAnnouncement ul .last { width: 100%; } .feature.last { border-bottom: none; } div#page_content_secondary { padding: 0px; background-color: #fff; } .cityAnnouncement p { text-align: left; } .stateAnnouncement h2 { text-align: center; margin: 10px; } ul.lastUl { width: 84%; margin: 0 0 20px 0; } .zipcode label { display: none!important; } .insert{ margin: 10px; padding:10px; background-color: #fff;} .insert p{ font-size: 12px; margin: 6px; } div#copyZip { text-align: center; } div#copyZip button { font-style: normal; padding: 6px; text-transform: uppercase; font-weight: normal; color: #fff; font-size: 20px; width: 170px; } #promoCTA .gridPlanLinks{ font-size: 12px; padding-bottom: 10px } div#promoText h3 { color: #005776; } .sectionCitites h2 { /* color: #005776 !important; */ } .stateAnnouncement h2 { color: #005776; font-size: 24px; } .cityAnnouncement h2 { padding: 0 0 15px 0; font-size: 28px; } @media screen and (min-width: 481px){ .cityAnnouncement ul{ width: 19%; display: inline-block; padding: 0px; font-size: 10px; } .cityAnnouncement p, .zipcode{ text-align: center; } } @media screen and (max-width: 641px){ .twin-hero .hero-container .side-container .hero-twin-items .hero-twin-item{ width: calc(100% - 30px); margin-bottom: 15px; background-color: #2c5770; color: #ffffff; padding: 10px; border-radius: 8px; } .twin-hero .hero-container .side-container .hero-twin-items .hero-twin-item:before{display:none;} } @media screen and (min-width: 641px){ #texas #page_content_primary{padding-bottom: 480px;} .cityAnnouncement ul{ width: 19%; display: inline-block; padding: 0px; font-size: 13px; } .specialPromo .width33{ width: 48%; display: inline-block; } .stateAnnouncement h2, .cityAnnouncement h2 { font-size: 28px; } .sectionFeatures{ background-color: #fff; } .feature{ width: 28%; display: table-cell; background-color: #005977; border-right: 1px solid #fff; border-bottom: none; } .feature h1{margin: 10px 0px;} .feature p{margin: 30px auto;height: 150px;} .feature button{position: relative;bottom: 0px;/* right: 10px; */} .specialPromo .width66{ width: 51%; display: inline-block; vertical-align: top; top: 50px; } div#promoText h3{ font-size: 36px; } } /*---------texas free power 100 promo-------*/ #newSlide #texas-100-promo-img, #newSlide #echo-dot-promo-img {display: none;} #newSlide #texas-100-promo-img-true {display: none;} img.echoDotState { display: block; margin: 0 auto; padding: 5% 0 0 0; max-width: 100%; } .noDisplay {display: none;} @media screen and (min-width: 768px){ .cityAnnouncement ul{ width: 19%; display: inline-block; padding: 0px; font-size: 16px; } div#promoText h3{ font-size: 48px; } .specialPromo .width33{ width: 41%; display: inline-block; } .specialPromo .width66{ width: 50%; display: inline-block; vertical-align: top; top: 25px; } } /*flip the wrap order of the price card and plan Name on mobile for both the houston & texas page - Revised CJo*/ #texas .specialPromo .width33, #houston .specialPromo .width33{ /*top: 14em;*/ order: 2; -webkit-order: 2;} #texas .specialPromo .width66, #houston .specialPromo .width66{/*bottom: 18em;*/ order: 1; -webkit-order: 1;} [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_component_container{ display: none!important; } #promoCTA [data-bv-show="rating_summary"] { text-align: center!important; } #promoCTA [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex{ margin: 0 auto!important; } #promoCTA [data-bv-show=rating_summary] .bv_main_container_CTA_row .bv_main_container_row_flex { margin: 0 !important; padding: 0!important;} #promoCTA [data-bv-show=rating_summary] .bv_main_container_CTA_row{ width: 90%!important; border: 0px solid!important; margin: 0 auto!important; } #promoCTA [data-bv-show=rating_summary] .bv_main_container_CTA_row, #promoCTA [data-bv-show=rating_summary] .bv_main_container .bv_main_container_line_break,[data-bv-show=rating_summary] .bv_main_container .bv_percentRecommend_component_container { display: none!important; } /** Animation SPEED ALL **/ #mobileHeader label hr, .menuItem{ -moz-transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } /** mobile chat zindex issue **/ div.velaro-mobile-inline {z-index: 10000!important;} /* Renew Account Screen mobile styles */ #one-click-renewal .contentArea.oneClick .topCTA br {display: none;} #one-click-renewal .oneClick .contentContainer { padding: 0; background: rgba(0, 87, 118, .2); padding-bottom: 1em; } #one-click-renewal .oneClick .contentContainer .card {padding: 1em;} #one-click-renewal .oneClick .contentContainer .card h3 { color: #005776; text-align: center; } #one-click-renewal .oneClick .contentContainer .card .price-container h4 { text-align: center; padding: 0; } #one-click-renewal .oneClick .contentContainer .card .price-container h4 span { font-size: 60px; color: #f05d21; } #one-click-renewal .oneClick .contentContainer .card .price-container h4 sup { font-size: 25px; color: #f05d21; position: relative; top: -18px; } #one-click-renewal .oneClick .contentContainer .card ul { margin-bottom: 0; border-bottom: 1px solid #aaa; padding-bottom: 1em; } #one-click-renewal .oneClick .contentContainer .card ul li { list-style-image: url(https://www.directenergy.com/images/lp/dmImages/bullet-checkmark.png)!important; padding: 10px 0 0 10px; line-height: 175%; } #one-click-renewal .oneClick .contentContainer .card .gridPlanLinks { text-align: center; padding-bottom: 1em; } #one-click-renewal .oneClick .contentContainer .card .gridPlanLinks a {display: block;} #one-click-renewal .oneClick .contentContainer .contentBox { background: #fff; margin: .5em; padding: 1em; margin-top: -1em; } #one-click-renewal .oneClick .contentContainer .contentBox .half.right {margin-bottom: 1em;} #one-click-renewal .oneClick .contentContainer .contentBox #oneclick_agree_toc, #one-click-renewal .oneClick .contentContainer .contentBox label small {display: inline;} #one-click-renewal .oneClick .otherPlans {margin-top: 1em;} /** BOX QUOTE **/ .box-quote{ position: relative; padding: 50px 30px; color: #005776; font-size: 180%; line-height: 125%; font-weight: 400; } .box-quote span{ z-index: 1; position: relative; } .box-quote:before{ content:''; background-image: url(../../images/quote_mark.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; height: 75px; width: 75px; display: block; position: absolute; top: 5px; left: 10px; z-index: 0; } /** #end BOX QUOTE **/ /*Landing page callouts*/ .lcPromo{ margin: 0 -5%x; padding: 5%; background-color: #005776; color: #ffffff; margin-bottom:20px; } .lcPromo a{color:#ffffff;} /*END Landing page callouts*/ /*dual fuel, all plans*/ .alberta .viewall .rightColumnItem{ display: none; } .alberta .bundleWrapper .plusSymbol{ font-size: 37px; }