PKk¯šXecondevstyles-v2.css€ÿ/* Global */ /** * COLORS VARIABLES * */ /* Primary Colors */ /* Grays */ /* Status color*/ /* FPL colors for existing components */ /* 35 Mules */ .econdev:not(.nee-campaign) { font-size: 10px; font-family: Arial; font-weight: normal; font-style: normal; /* Headlines */ /* 1.06em = 16px 1em = 15px 0.95em = 14px 0.9em = 13px 0.8em = 12px 0.75 = 11px */ /* Anchor Link */ } .econdev:not(.nee-campaign) h1, .econdev:not(.nee-campaign) h2, .econdev:not(.nee-campaign) h3, .econdev:not(.nee-campaign) h4, .econdev:not(.nee-campaign) h5 { font-family: Arial; font-weight: normal; font-style: normal; color: #404040; } .econdev:not(.nee-campaign) h1 { font-size: 3.6em; } .econdev:not(.nee-campaign) h2 { font-size: 2.7em; } .econdev:not(.nee-campaign) h3 { font-size: 2.1em; } .econdev:not(.nee-campaign) h4 { font-size: 2em; } .econdev:not(.nee-campaign) h5 { font-size: 1.7em; } .econdev:not(.nee-campaign) a { font-weight: bold; text-decoration: none; color: #0073a8; } .econdev:not(.nee-campaign) a:focus { outline: none !important; } .econdev:not(.nee-campaign) .cta-link { font-weight: bold; text-decoration: none; color: #0073a8; text-transform: uppercase; } .econdev:not(.nee-campaign) .bold { font-weight: bold; } .econdev:not(.nee-campaign) .text p { font-size: 1.5em; } .econdev:not(.nee-campaign) .text p a { font-size: 1em; } .econdev:not(.nee-campaign) .text p { font-size: 1.5em; } .econdev:not(.nee-campaign) .text p a { font-size: 1em; } .econdev:not(.nee-campaign) .text .cmp-text ul, .econdev:not(.nee-campaign) .text .cmp-text ol { font-size: 1.5em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } .econdev:not(.nee-campaign) .text .cmp-text ul { list-style-type: initial; } .econdev:not(.nee-campaign) .text .cmp-text ol { list-style-type: decimal; } .econdev:not(.nee-campaign) p a { font-size: 1em; } .econdev:not(.nee-campaign) a { font-size: 1.5em; } .econdev:not(.nee-campaign) label { font-size: 1.5em; } .econdev:not(.nee-campaign) input { font-size: 1.5em; } .econdev:not(.nee-campaign) .lnk-black { color: #000000; } .econdev:not(.nee-campaign) ul { list-style-type: none; margin: 0; padding: 0; } .font-PF { font-family: Arial; font-weight: normal; font-style: normal; } .font-mule { font-family: Arial; font-weight: normal; font-style: normal; } /* Arial */ /* Phone */ /* Tablet */ /* Laptop */ /* Desktop */ /* Lg displays */ .econdev:not(.nee-campaign) { /* Overwrite existing btn styles */ /* NEE */ /* FPL */ } .econdev .btn { border-radius: 4px; width: 100%; max-width: 248px; padding: 13px 0; font-size: 1.5em; font-weight: bold; text-align: center; text-transform: uppercase; box-sizing: border-box; line-height: 1; cursor: pointer; display: inline-block; outline: 0; max-height: 42px; } .econdev .btn.primary { background-color: #0073a8; color: #ffffff; border: 1px solid #0073a8; } .econdev .btn.secondary { background-color: transparent; color: #0073a8; border: 1px solid #0073a8; } .econdev .btn.outline-white { background-color: transparent; color: #ffffff; border: 1px solid #ffffff; } .econdev .btn.disabled, .econdev .btn:disabled { opacity: 0.7; cursor: not-allowed; pointer-events: none; } .econdev .btn.inactive { background-color: #f7f8f9; border: 1px solid #c4c7c8; color: #666666; cursor: not-allowed; pointer-events: none; } .econdev .btn.active, .econdev .btn:active { background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .econdev .btn.btn-md { width: 142px; } .econdev .btn.btn-sm { width: 120px; } .econdev .btn.btn-center { display: block; margin: auto; } .econdev .btn.btn-right { display: block; margin-left: auto; } .econdev .btn:focus, .econdev .btn:active:focus, .econdev .btn.active:focus { outline: none; outline-offset: none; } .econdev { /* Existing FPL classes*/ /* Background Classes */ } .econdev .img-responsive { max-width: 100%; height: auto; } .econdev .img-responsive-stretch { width: 100%; height: auto; } .econdev .center-block { margin-left: auto; margin-right: auto; } .econdev .right-align { text-align: right; } .econdev .left-align { text-align: left!important; } .econdev .center-align { text-align: center; } .econdev .hide { display: none !important; } .econdev .hidepipe { display: none; } .econdev .show { display: block !important; } .econdev .hidden { display: none !important; visibility: hidden !important; } .econdev .visible-xs, .econdev .visible-sm, .econdev .visible-md, .econdev .visible-lg { display: none !important; } @media (max-width: 767px) { .econdev .visible-xs { display: block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .econdev .visible-sm { display: block !important; } } @media (min-width: 1024px) and (max-width: 1279px) { .econdev .visible-md { display: block !important; } } @media (min-width: 1280px) { .econdev .visible-lg { display: block !important; } } @media (max-width: 767px) { .econdev .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .econdev .hidden-sm { display: none !important; } } @media (min-width: 1024px) and (max-width: 1279px) { .econdev .hidden-md { display: none !important; } } @media (min-width: 1280px) { .econdev .hidden-lg { display: none !important; } } .econdev .bg-light-gray { background-color: #f7f8f9; } .econdev .bg-white { background-color: #ffffff; } .econdev .bg-blue { background-color: #0073a8 !important; } .econdev .bg-dark-blue { background-color: #0c2739; } .econdev .txt-white { color: #ffffff; } .econdev .txt-blue { color: #0073a8; } /* IMPORTED FPL CLASSES USED BY EXISTING COMPONENTS */ .econdev { /* COLOR CLASSES start*/ /*Text*/ /*Background*/ /*.cmp-bg-drkblue-tr{background-color: rgba(12,39,57, 0.5);}*/ /*.cmp-bg-blue-tr{background-color: rgba(0, 115, 168, 0.75);}*/ /*.cmp-bg-white-tr{background-color: rgba(255, 255, 255, 0.75);}*/ } .econdev .cmp-txt-white { color: #ffffff !important; } .econdev .cmp-txt-black { color: #000000; } .econdev .cmp-bg-gray { background-color: #f7f8f9; } .econdev .cmp-bg-blue { background-color: #0073a8; } .econdev .cmp-bg-drkblue { background-color: #0c2739; } .econdev .cmp-bg-green { background-color: #447B2D; } .econdev .cmp-bg-drkblue-tr { background-color: rgba(12, 39, 57, 0.5); } .econdev .cmp-bg-blue-tr { background-color: rgba(0, 115, 168, 0.75); } .econdev .cmp-bg-white-tr { background-color: rgba(255, 255, 255, 0.75); } .econdev .cmp-bg-drkblue-tr-full { background-color: rgba(12, 39, 57, 0.5); display: flex; height: 100%; align-items: center; justify-content: center; } .econdev .cmp-bg-black-tr-full { background-color: rgba(0, 0, 0, 0.5); display: flex; height: 100%; align-items: center; justify-content: center; } .econdev .cmp-bg-drkblue-grd { background-image: linear-gradient(268.86deg, rgba(12, 39, 57, 0.3) 0%, #0c2739 100%); display: flex; height: 100%; align-items: center; justify-content: center; } @media (max-width: 1023px) { .econdev .cmp-bg-drkblue-grd { background-image: linear-gradient(180deg, #0c2739 0%, rgba(12, 39, 57, 0.3) 100%); } } .econdev .cmp-bg-drkblue-grd-from-btm { background-image: linear-gradient(180deg, rgba(12, 39, 57, 0.3) 0%, #0c2739 100%); display: flex; height: 100%; align-items: center; justify-content: center; } @media (max-width: 1023px) { .econdev .cmp-bg-drkblue-grd-from-btm { background-image: linear-gradient(180deg, #0c2739 0%, rgba(12, 39, 57, 0.3) 100%); } } .econdev .fifty50 p { font-size: 15px; } .econdev .fifty50 p .lnk-more { text-transform: capitalize; } .econdev .fifty50 p .lnk-more:after { font-size: 1.3em; } .cmp-teaser-fh { display: flex; height: 100%; align-items: center; justify-content: center; } /* COLOR CLASSES end*/ .econdev { margin-top: 82px; /* Stack table's cell on mobile view */ } .econdev .cmp-container { width: 100%; max-width: 1280px; margin: auto; } .econdev .econdev { margin-top: 0; } @media (max-width: 767px) { .econdev .text table.stack-by-cell { margin: auto; } .econdev .text table.stack-by-cell tr td { display: block; } .econdev .text table.stack-by-cell tr td img { vertical-align: middle; margin: auto; max-width: 100%; } } /* Components */ .econdev .answers { /* Card With Line Horizontal Right text & Left Image */ /* Card With Line Component Styles End */ /* StackInfoblock Component Style Start */ /* Background color blue */ /* Links Styles */ /* StackInfoblock Component Style End */ /* HeroBanner Component Style Start */ /* HeroBanner Component Style End */ /* Carousel With Overlay Component Style Start */ /* Carousel With Overlay Component Style End */ /* Info card Component Style Start */ /* HeroBanner Component Style End */ /*event*/ } .econdev .answers .bb-cards-section { padding: 0 30px; } .econdev .answers .bb-cards-section .fpl-section { display: flex; } .econdev .answers .bb-cards-section .bb-card { margin-bottom: 30px; } .econdev .answers .bb-cards-section .bb-card .bb-text-wrap[class$='blue'] { border: 2px solid #0096bd; border-bottom: none; text-align: center; padding: 40px 0 20px 0; } .econdev .answers .bb-cards-section .bb-card .bb-text-wrap[class$='cmp-bg-drkblue-tr'] { background-color: #0c2739; border-bottom: none; text-align: center; padding: 40px 0 20px 0; } .econdev .answers .bb-cards-section .bb-card .bb-text-wrap[class$='cmp-bg-drkblue-tr'] a { color: #ffffff; } .econdev .answers .bb-cards-section .bb-card .bb-text-wrap[class$='cmp-bg-blue-tr'] { background-color: #0073a8; border-bottom: none; text-align: center; padding: 40px 0 20px 0; } .econdev .answers .bb-cards-section .bb-card .bb-text-wrap[class$='cmp-bg-blue-tr'] a { color: #ffffff; } .econdev .answers .bb-cards-section .bb-card .bb-text-wrap[class$='green'] { border: 2px solid #447B2D; border-bottom: none; text-align: center; padding: 40px 0 20px 0; } .econdev .answers .bb-cards-section .bb-card .bb-text-wrap[class$='navy'] { border: 2px solid #1684ba; border-bottom: none; text-align: center; padding: 40px 0 20px 0; } .econdev .answers .bb-cards-section .bb-card .bb-text-wrap h1, .econdev .answers .bb-cards-section .bb-card .bb-text-wrap h2 { max-width: 500px; margin: auto; font-weight: bold; padding: 0 16px; } .econdev .answers .bb-cards-section .bb-card .bb-text-wrap p { max-width: 500px; padding: 0 16px; margin: 18px auto; color: #ffffff; margin: 23px auto 0px; } .econdev .answers .bb-cards-section .bb-card .bb-text-wrap h1, .econdev .answers .bb-cards-section .bb-card .bb-text-wrap h2, .econdev .answers .bb-cards-section .bb-card .bb-text-wrap p { color: #ffffff; } .econdev .answers .bb-cards-section .bb-card .bb-text-wrap h1.black, .econdev .answers .bb-cards-section .bb-card .bb-text-wrap h2.black, .econdev .answers .bb-cards-section .bb-card .bb-text-wrap p.black { color: #404040; } .econdev .answers .bb-cards-section .bb-card .bb-image-wrap { width: 100%; padding: 0 40px; position: relative; box-sizing: border-box; } .econdev .answers .bb-cards-section .bb-card .bb-image-wrap .bb-image img { width: 100%; height: auto; } .econdev .answers .bb-cards-section .bb-card .bb-image-wrap .bottom-border { width: 100%; height: 100%; left: 0; z-index: -1; position: absolute; display: flex; flex-direction: column; background-color: transparent; } .econdev .answers .bb-cards-section .bb-card .bb-image-wrap .bottom-border div { flex: 1; } .econdev .answers .bb-cards-section .bb-card .bb-image-wrap .bottom-border div[class$='blue']:first-child { border: 2px solid #0096bd; border-top: none; } .econdev .answers .bb-cards-section .bb-card .bb-image-wrap .bottom-border div[class$='cmp-bg-blue-tr']:first-child { background-color: #0073a8; } .econdev .answers .bb-cards-section .bb-card .bb-image-wrap .bottom-border div[class$='cmp-bg-drkblue-tr']:first-child { background-color: #0c2739; } .econdev .answers .bb-cards-section .bb-card .bb-image-wrap .bottom-border div[class$='green']:first-child { border: 2px solid #447B2D; border-top: none; } .econdev .answers .bb-cards-section .bb-card .bb-image-wrap .bottom-border div[class$='navy']:first-child { border: 2px solid #1684ba; border-top: none; } .econdev .answers .rate-cards { margin: 50px 0; display: flex; justify-content: space-between; } .econdev .answers .rate-cards .rate-card { background-color: #ffffff; flex: 1; display: flex; flex-direction: column; justify-content: space-between; max-width: 412px; width: 100%; } .econdev .answers .rate-cards .rate-card .card-footer { font-size: 15px; display: flex; justify-content: space-between; padding: 15px 28px 28px; } .econdev .answers .rate-cards .rate-card h3 { color: #000000; margin-top: 0; } .econdev .answers .video-section { width: 100%; padding: 0 30px; box-sizing: border-box; /* Card With Line Horizontal Left text & Right Image */ } .econdev .answers .video-section .video-card { display: flex; margin-bottom: 30px; } .econdev .answers .video-section .video-card .video-text-wrap[class$='blue'] { border: 2px solid #0096bd; border-left: none; } .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-blue-tr'] { background-color: #0073a8; } .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-drkblue-tr'] { background-color: #0c2739; } .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-blue-tr'] h1, .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-drkblue-tr'] h1, .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-blue-tr'] h2, .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-drkblue-tr'] h2, .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-blue-tr'] p, .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-drkblue-tr'] p { color: #ffffff; } .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-blue-tr'] h1.black, .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-drkblue-tr'] h1.black, .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-blue-tr'] h2.black, .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-drkblue-tr'] h2.black, .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-blue-tr'] p.black, .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-drkblue-tr'] p.black { color: #404040; } .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-blue-tr'] a, .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-drkblue-tr'] a { color: #ffffff; } .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-blue-tr'] a.black, .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-drkblue-tr'] a.black { color: #0073a8; } .econdev .answers .video-section .video-card .video-text-wrap[class$='green'] { border: 2px solid #447B2D; border-left: none; } .econdev .answers .video-section .video-card .video-text-wrap[class$='navy'] { border: 2px solid #1684ba; border-left: none; } .econdev .answers .video-section .video-card .video-text-wrap { display: flex; flex-direction: column; justify-content: center; flex: 1; padding: 20px 0; } .econdev .answers .video-section .video-card .video-text-wrap h1, .econdev .answers .video-section .video-card .video-text-wrap h2 { margin-top: 0; padding-left: 50px; max-width: 500px; font-weight: bold; } .econdev .answers .video-section .video-card .video-text-wrap p { padding-left: 50px; max-width: 500px; padding-top: 15px; } .econdev .answers .video-section .video-card .video-text-wrap p.descr-text { margin-bottom: 25px; } .econdev .answers .video-section .video-card .video-text-wrap .learn-how { padding-left: 50px; } .econdev .answers .video-section .video-card .video-image-wrap { width: 100%; padding: 40px 0; flex: 1; position: relative; box-sizing: border-box; } .econdev .answers .video-section .video-card .video-image-wrap .right-border { width: 100%; height: 100%; top: 0; z-index: -1; position: absolute; display: flex; } .econdev .answers .video-section .video-card .video-image-wrap .right-border div { flex: 1; } .econdev .answers .video-section .video-card .video-image-wrap .right-border div[class$='blue']:last-child { border: 2px solid #0096bd; border-right: none; } .econdev .answers .video-section .video-card .video-image-wrap .right-border div[class$='cmp-bg-drkblue-tr']:last-child { background-color: #0c2739; } .econdev .answers .video-section .video-card .video-image-wrap .right-border div[class$='cmp-bg-blue-tr']:last-child { background-color: #0073a8; } .econdev .answers .video-section .video-card .video-image-wrap .right-border div[class$='green']:last-child { border: 2px solid #447B2D; border-right: none; } .econdev .answers .video-section .video-card .video-image-wrap .right-border div[class$='navy']:last-child { border: 2px solid #1684ba; border-right: none; } .econdev .answers .video-section .video-card .video-image-wrap .video-image .image-video { width: 100%; height: auto; margin: 0px; padding-bottom: 0px; margin-bottom: 0px; } .econdev .answers .video-section .video-card .video-image-wrap .video-image .image-video iframe { width: 100% !important; } .econdev .answers .video-section .sv-player-icon { content: ""; position: absolute; background-image: url(/content/dam/poweringflorida/us/en/images/icons/tile-video-icon.png); background-size: contain; margin: 0; font-size: 6em; display: block; height: 60px; width: 60px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; cursor: pointer; } @media (max-width: 1023px) and (min-width: 768px) { .econdev .answers .video-section .sv-player-icon { width: 40px; height: 40px; } } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap { order: 2; } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div[class$='blue']:first-child { border: 2px solid #0096bd; border-left: none; } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div[class$='cmp-bg-blue-tr']:first-child { background-color: #0073a8; border-left: none; } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div[class$='cmp-bg-drkblue-tr']:first-child { background-color: #0c2739; border-left: none; } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div[class$='green']:first-child { border: 2px solid #447B2D; border-left: none; } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div[class$='navy']:first-child { border: 2px solid #1684ba; border-left: none; } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div:last-child { border: none; } .econdev .answers .video-section .video-card.image-on-right .video-text-wrap[class$='blue'] { order: 1; border: 2px solid #0096bd; border-right: none; } .econdev .answers .video-section .video-card.image-on-right .video-text-wrap[class$='cmp-bg-blue-tr'] { order: 1; } .econdev .answers .video-section .video-card.image-on-right .video-text-wrap[class$='cmp-bg-drkblue-tr'] { order: 1; } .econdev .answers .video-section .video-card.image-on-right .video-text-wrap[class$='green'] { order: 1; border: 2px solid #447B2D; border-right: none; } .econdev .answers .video-section .video-card.image-on-right .video-text-wrap[class$='navy'] { order: 1; border: 2px solid #1684ba; border-right: none; } .econdev .answers .btns-group a:empty { display: none!important; } .econdev .answers .btns-group a:last-child { margin-left: 30px; } .econdev .answers .btns-group span { margin-left: 30px; } @media (max-width: 767px) { .econdev .answers .btns-group span { margin-left: 15px; } .econdev .answers .btns-group a:last-child { margin-left: 15px; } } .econdev .answers .feature-section { padding: 0 30px; position: relative; } .econdev .answers .feature-section .feature-banner .feature-card { width: 260px; margin: 0 auto; text-align: center; flex: 1; } .econdev .answers .feature-section .feature-banner .feature-card[class$='blue'], .econdev .answers .feature-section .feature-banner .feature-card[class$='bg-blue'], .econdev .answers .feature-section .feature-banner .feature-card[class$='bg-green'], .econdev .answers .feature-section .feature-banner .feature-card[class$='bg-black'] { color: #ffffff; } .econdev .answers .feature-section .feature-banner .feature-card[class$='white'], .econdev .answers .feature-section .feature-banner .feature-card[class$='bg-gray'] { color: #666666; } .econdev .answers .feature-section .feature-banner .feature-card.nopipe:not(:last-child)[class$='blue'], .econdev .answers .feature-section .feature-banner .feature-card.nopipe:not(:last-child)[class$='bg-blue'], .econdev .answers .feature-section .feature-banner .feature-card.nopipe:not(:last-child)[class$='white'], .econdev .answers .feature-section .feature-banner .feature-card.nopipe:not(:last-child)[class$='bg-drkblue'], .econdev .answers .feature-section .feature-banner .feature-card.nopipe:not(:last-child)[class$='bg-green'], .econdev .answers .feature-section .feature-banner .feature-card.nopipe:not(:last-child)[class$='bg-black'], .econdev .answers .feature-section .feature-banner .feature-card.nopipe:not(:last-child)[class$='bg-gray'] { border: none; } .econdev .answers .feature-section .feature-banner .feature-card .feature-img { display: inline-block; } .econdev .answers .feature-section .feature-banner .feature-card .feature-img img { height: 72px; margin: auto; } .econdev .answers .feature-section .feature-banner .feature-card h3[class$='blue'], .econdev .answers .feature-section .feature-banner .feature-card h3[class$='bg-blue'], .econdev .answers .feature-section .feature-banner .feature-card h3[class$='bg-green'], .econdev .answers .feature-section .feature-banner .feature-card h3[class$='bg-black'] { margin: 16px auto; color: #ffffff; } .econdev .answers .feature-section .feature-banner .feature-card h3[class$='white'] { margin: 16px auto; color: #000000; } .econdev .answers .feature-section .feature-banner .feature-card .feature-text { font-size: 15px; padding-bottom: 8px; width: 263px; margin: 0 auto; } @media (min-width: 768px) { .econdev .answers .feature-section .feature-banner .feature-card:not(:last-child)[class$='blue'], .econdev .answers .feature-section .feature-banner .feature-card:not(:last-child)[class$='bg-blue'], .econdev .answers .feature-section .feature-banner .feature-card:not(:last-child)[class$='bg-green'], .econdev .answers .feature-section .feature-banner .feature-card:not(:last-child)[class$='bg-black'] { border-right: 1px solid white; } .econdev .answers .feature-section .feature-banner .feature-card:not(:last-child)[class$='white'] { border-right: 1px solid #666666; } .econdev .answers .feature-section .feature-banner .feature-card:not(:last-child)[class$='bg-gray'] { border-right: 1px solid #c4c7c8; } } .econdev .answers .feature-section > div { width: 100%; } .econdev .answers .feature-banner { width: 100%; height: 275px; margin-left: 0; padding: 16px 0; display: flex; max-width: 1280px; } .econdev .answers .feature-banner[class$='blue'], .econdev .answers .feature-banner[class$='bg-blue'] { background-color: #0073a8; } .econdev .answers .feature-banner[class$='white'] { background-color: #ffffff; } .econdev .answers a { text-decoration: none; font-weight: bold; } .econdev .answers a[class$='white'] { color: #0073a8; } .econdev .answers a[class$='blue'], .econdev .answers a[class$='bg-black'], .econdev .answers a[class$='bg-blue'], .econdev .answers a[class$='bg-drkblue'], .econdev .answers a[class$='bg-green'] { color: #ffffff; } .econdev .answers .teaser .cmp-teaser__content-container.shrink .cmp-teaser__content-wrapper .cmp-teaser__description .rateCaseTeaserPressReleaseButton { margin-top: 25px; } .econdev .answers .teaser .cmp-teaser__content-container.shrink .cmp-teaser__content-wrapper .plus-between-logos { padding: 25px; } .econdev .answers .teaser .cmp-teaser__content-container.shrink .cmp-teaser__content-wrapper .plus-between-logos::before { font-family: fontawesome; content: "+"; font-size: 2.5em; color: #ffffff; } .econdev .answers .teaser a[href='#rateCaseTeaserSectionWithCarousel'] { position: relative; cursor: pointer; display: block; text-decoration: none; } .econdev .answers .teaser a[href='#rateCaseTeaserSectionWithCarousel']:focus { outline: none !important; } .econdev .answers .teaser a[href='#rateCaseTeaserSectionWithCarousel']:hover { text-decoration: none !important; } .econdev .answers .teaser a[href='#rateCaseTeaserSectionWithCarousel']::before { font-family: fontawesome; content: "\f107"; font-size: 2.2em; color: #ffffff; top: 70px; position: absolute; left: 50%; margin-left: -16px; background-color: #0073a8; width: 33px; height: 33px; border-radius: 50%; opacity: .8; padding-top: 2px; padding-left: 1px; } .econdev .answers .teaser .componentId { position: relative; cursor: pointer; display: block; text-decoration: none; } .econdev .answers .teaser .componentId:focus { outline: none !important; } .econdev .answers .teaser .componentId:hover { text-decoration: none !important; } .econdev .answers .teaser .componentId::before { font-family: fontawesome; content: "\f107"; font-size: 2.2em; color: #ffffff; top: 70px; position: absolute; left: 50%; margin-left: -16px; background-color: #0073a8; width: 33px; height: 33px; border-radius: 50%; opacity: .8; padding-top: 2px; padding-left: 1px; } .econdev .answers .rate-case-teaser-logos { margin-bottom: 20px; } .econdev .answers .rate-case-teaser-logos .rateCaseFplLogo { vertical-align: top; width: 65px; height: 65px; } .econdev .answers .rate-case-teaser-logos .rateCaseGulPowerLogo { width: 93px; margin-top: 3px; margin-right: -28px; height: 74px; } .econdev .answers .teaser-scroll-down { position: relative; cursor: pointer; } .econdev .answers .teaser-scroll-down::before { font-family: fontawesome; content: "\f107"; font-size: 2.2em; color: #ffffff; top: 70px; position: absolute; left: 50%; margin-left: -16px; background-color: #0073a8; width: 33px; height: 33px; border-radius: 50%; opacity: .8; padding-top: 2px; padding-left: 1px; } .econdev .answers .teaser-section { display: flex; } .econdev .answers .teaser-section .propose-banner { width: 714px; margin: 194px auto auto auto; padding: 50px 85px 70px; height: 300px; } .econdev .answers .teaser-section .propose-banner h1, .econdev .answers .teaser-section .propose-banner h2 { color: #ffffff; text-align: center; } .econdev .answers .teaser-section .propose-banner h1.black, .econdev .answers .teaser-section .propose-banner h2.black { color: #000000; } .econdev .answers .teaser-section .propose-banner .propose-heading { color: #ffffff; font-size: 3.6em; letter-spacing: 0; line-height: 44px; text-align: center; } .econdev .answers .teaser-section .propose-banner .propose-text { color: #ffffff; font-size: 15px; letter-spacing: 0; text-align: center; padding-bottom: 7px; } .econdev .answers .teaser-section .propose-banner .propose-text.black { color: #000000; } .econdev .answers .teaser-section .propose-banner .propose-btn .btn { margin: 20px auto 0 auto; width: 260px; } .econdev .answers .rateCaseCarouselItem { background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; display: flex; height: 100%; } .econdev .answers .rate-case-carousel { width: 100%; } .econdev .answers .rate-case-carousel .carousel-indicators-wrap { width: 714px; margin-top: 194px; margin-left: -357px; height: 300px; position: absolute; left: 50%; } .econdev .answers .rate-case-carousel .carousel-item-number { margin: 0 auto 16px; font-size: 2.5em; color: #ffffff; border: 1px solid #ffffff; border-radius: 50%; width: 54px; height: 54px; display: flex; justify-content: center; align-items: center; } .econdev .answers .rate-case-carousel .carousel-indicators { margin: 0 0 0 -30%; bottom: 30px; } .econdev .answers .rate-case-carousel .carousel-indicators li { width: 8px; height: 8px; margin: 0px 4px; background-color: #ffffff; } .econdev .answers .rate-case-carousel .carousel-indicators li.cmp-bg-white-tr { background-color: #0073a8; } .econdev .answers .rate-case-carousel .carousel-indicators .active { width: 8px; height: 8px; margin: 0px 4px; background-color: #0073a8; } .econdev .answers .rate-case-carousel .carousel-indicators .active.cmp-bg-white-tr { background-color: #ffffff; border: 2px solid #0073a8; } .econdev .answers .rate-case-carousel .carousel-inner { height: 90vh; } @media (min-width: 1024px) { .econdev .answers .rate-case-carousel .carousel-inner { min-height: 700px; } } .econdev .answers .rate-case-carousel .carousel-inner .item { height: 100%; } .econdev .answers .rate-case-carousel .carousel-control-prev { margin-left: -55px; width: auto; } .econdev .answers .rate-case-carousel .carousel-control-prev .rc-carousel-control span { border-radius: 0; border-bottom: none; border-left: none; transform: rotate(225deg); } .econdev .answers .rate-case-carousel .carousel-control-next { margin-left: 46px; width: auto; } .econdev .answers .rate-case-carousel .carousel-control-next .rc-carousel-control span { border-radius: 0; border-bottom: none; border-left: none; transform: rotate(45deg); } .econdev .answers .rate-case-carousel .rc-carousel-control { outline: none !important; box-shadow: none !important; } .econdev .answers .rate-case-carousel .rc-carousel-control span { border: 2px solid #ffffff; width: 8px; height: 8px; background-color: transparent !important; display: inline-block; } .econdev .answers .rate-case-carousel .rc-carousel-control span.cmp-bg-white-tr { border: 2px solid #0073a8; border-bottom: none; border-left: none; } .econdev .answers .rate-case-carousel.five-controls .carousel-control-next { margin-left: 60px; } .econdev .answers .rate-case-carousel.five-controls .carousel-control-prev { margin-left: -69px; } @media (min-width: 320px) and (max-width: 1023px) { .econdev .answers .rate-case-carousel.five-controls .carousel-control-next { margin-left: 58px; } .econdev .answers .rate-case-carousel.five-controls .carousel-control-prev { margin-left: -79px; } } .econdev .answers .overlay-color { display: none; } .€ÿecondev .answers .bg-img { display: none; } .econdev .answers .linkBelow { display: grid; } .econdev .answers .rate-resource-container { background-repeat: no-repeat; background-size: cover; background-position: center center; } .econdev .answers .resources-section { padding: 60px 30px; } .econdev .answers .resources-section h1, .econdev .answers .resources-section h2 { text-align: center; } .econdev .answers .resources-section .rate-card .card-header { position: relative; min-height: 50px; } .econdev .answers .resources-section .rate-card .card-header img { width: 100%; max-height: 225px; } .econdev .answers .resources-section .rate-card .card-header a.btn.secondary { font-weight: normal !important; font-size: 1.4em; position: absolute; padding: 4px; top: 23px; width: 120px !important; height: 25px; right: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0px; text-transform: none; } @media (min-width: 320px) and (max-width: 767px) { .econdev .answers .resources-section .rate-card .card-header a.btn.secondary { top: 5px; } } .econdev .answers .resources-section .rate-card .card-header .image-video { width: 100%; height: auto; margin: 0px; padding-bottom: 0px; margin-bottom: 0px; } .econdev .answers .resources-section .rate-card .card-body { padding: 28px 28px 0; flex-grow: 1; } .econdev .answers .resources-section .rate-card.document .card-header { height: 30px; } .econdev .answers .resources-section .rate-card.document .card-header .pdf-icon { content: ""; position: absolute; background-image: url(/content/dam/poweringflorida/us/en/images/icons/pdf_icon.png); height: 44px; width: 38px; right: 36px; top: 36px; } .econdev .answers .resources-section .rate-card.document h3 { margin-bottom: 30px; } .econdev .answers .resources-section .rate-card.document .card-footer a { position: relative; } .econdev .answers .resources-section .rate-card.document .card-footer a:after { content: ""; position: absolute; right: -33px; top: -1px; background-image: url(/content/dam/poweringflorida/us/en/images/icons/download_icon_blue.png); height: 21px; width: 26px; } .econdev .answers .resources-section .nav-tabs-di { margin: 0; text-align: center; } .econdev .answers .resources-section .nav-tabs-di li { display: inline-block; position: relative; text-transform: uppercase; } .econdev .answers .resources-section .nav-tabs-di li:nth-child(odd) { width: 115px; } .econdev .answers .resources-section .nav-tabs-di li:nth-child(even) { border-right: 1px solid #666666; border-bottom: none; padding: 17px 1px; margin-right: 24px; margin-left: 24px; margin-bottom: -16px; } .econdev .answers .resources-section .nav-tabs-di li a { border-bottom: 1px solid #666666; color: #666666; position: relative; font-size: 15px; font-weight: bold; } .econdev .answers .resources-section .nav-tabs-di li a:focus { background: none; box-shadow: none !important; } .econdev .answers .resources-section .nav-tabs-di li a:hover { border-bottom: 1px solid #0073a8; } .econdev .answers .resources-section .nav-tabs-di li.active a { border-bottom: 1px solid #0073a8; color: #0073a8 !important; } .econdev .answers .rate-card .sv-player-icon { top: 50%; left: 50%; transform: translate(-50%, -50%); } .econdev .answers .aem-tabs .tabs-indicators { padding-left: 0; list-style: none; text-align: center; margin-top: 27px; margin-bottom: 58px; } .econdev .answers .aem-tabs .tabs-indicators li { display: inline-block; position: relative; text-transform: uppercase; text-indent: 0; width: auto; height: 35px; border: none; background-color: transparent; color: #ffffff; border-radius: 0; margin: 0; } .econdev .answers .aem-tabs .tabs-indicators li:not(:last-child) { border-right: 1px solid #666666; margin-right: 23px; padding-right: 27px; } .econdev .answers .aem-tabs .tabs-indicators li a { width: 115px; display: inline-block; padding: 10px 15px 7px; border-bottom: 1px solid #666666; border-radius: 0; text-transform: uppercase; font-size: 15px; font-weight: bold; color: #666666; margin-top: -8px; text-align: center; } .econdev .answers .aem-tabs .tabs-indicators li a:hover { text-decoration: none; background-color: #eef1f2; border-bottom: 1px solid #0073a8; } .econdev .answers .aem-tabs .tabs-indicators li a:focus { text-decoration: none; outline: none !important; box-shadow: none !important; } .econdev .answers .aem-tabs .tabs-indicators li.active { background-color: transparent; } .econdev .answers .aem-tabs .tabs-indicators li.active a { cursor: default; border-bottom: 1px solid #0073a8; color: #0073a8 !important; } .econdev .answers .aem-tabs .tabs-indicators li.active a:hover { background-color: transparent; } .econdev .answers .aem-tabs .tabs-item { display: none; line-height: inherit; } .econdev .answers .aem-tabs .tabs-item.active { display: block; } .econdev .answers .stay-connected-container { background-color: #0073a8; } .econdev .answers .stay-connected-section { padding: 50px 30px 60px 30px; } .econdev .answers .stay-connected-section h1, .econdev .answers .stay-connected-section h2 { text-align: center; color: #ffffff; } .econdev .answers .stay-connected-section .rate-cards .rate-card .card-header { padding: 28px 28px 20px; } .econdev .answers .stay-connected-section .rate-cards .rate-card .card-body { padding: 0 28px; display: flex; margin-bottom: 14px; } .econdev .answers .stay-connected-section .rate-cards .rate-card .card-body p { margin: 2px 0; } .econdev .answers .stay-connected-section .rate-cards .rate-card .card-body .date { text-align: center; color: #666666; } .econdev .answers .stay-connected-section .rate-cards .rate-card .card-body .date div { font-size: 4.8em; line-height: 44px; } .econdev .answers .stay-connected-section .rate-cards .rate-card .card-body .time-type { border-left: 1px solid #c4c7c8; padding: 11px 0 11px 37px; margin-left: 37px; } .econdev .answers .stay-connected-section .rate-cards .rate-card .card-footer { display: flex; justify-content: space-between; padding: 15px 28px 28px; } .econdev .answers .stay-connected-section .rate-cards .rate-card h3 { color: #000000; margin-top: 0; } .econdev .answers .stay-connected-section .rate-cards .rate-card.document .card-header { height: 30px; } .econdev .answers .stay-connected-section .rate-cards .rate-card.document h3 { margin-bottom: 30px; } .econdev .answers .stay-connected-section .btn { display: block; margin: 20px auto; width: 400px; } .econdev .answers .infoCard .rate-resource-container[class$='blue'], .econdev .answers .infoCard .rate-resource-container[class$='bg-blue'] { background: #0073a8; } .econdev .answers .infoCard .rate-resource-container[class$='green'] { background: #447B2D; } .econdev .answers .infoCard .rate-resource-container[class$='navy'] { background: #1684ba; } .econdev .answers .infoCard .btn.standard, .econdev .answers .infoCard .btn.white { display: block; margin: 0px auto; width: 400px; position: relative; top: -28px; } @media (min-width: 320px) and (max-width: 767px) { .econdev .answers .infoCard .btn.standard, .econdev .answers .infoCard .btn.white { width: 100%; margin: 45px auto; } } @media (min-width: 320px) and (max-width: 1023px) { .econdev .answers .bb-cards-section { padding: 0 16px; } .econdev .answers .bb-cards-section .fpl-section { flex-wrap: wrap; justify-content: center; } .econdev .answers .bb-cards-section .bb-card .bb-text-wrap { padding: 30px 0 10px; } .econdev .answers .bb-cards-section .bb-card .bb-image-wrap { padding: 0 16px; } .econdev .answers .video-section { padding: 0 16px; } .econdev .answers .rate-case-carousel .rc-carousel-control { padding: 6px; } .econdev .answers .rate-case-carousel .carousel-control-prev { margin-left: -67px; width: auto; } .econdev .answers .stay-connected-section { padding-top: 30px; padding-bottom: 30px; } } @media (min-width: 768px) { .econdev .answers .bb-cards-section .bb-card { flex: 1; display: flex; flex-direction: column; } .econdev .answers .bb-cards-section .bb-card:first-child { margin-right: 12px; } .econdev .answers .bb-cards-section .bb-card:last-child { margin-left: 12px; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-text-wrap[class$='blue'], .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-text-wrap[class$='bg-blue'] { border: 2px solid #0096bd; border-top: none; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-text-wrap[class$='cmp-bg-blue-tr'] { background-color: #0073a8; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-text-wrap[class$='cmp-bg-drkblue-tr'] { background-color: #0c2739; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-text-wrap[class$='green'] { border: 2px solid #447B2D; border-top: none; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-text-wrap[class$='navy'] { border: 2px solid #1684ba; border-top: none; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-text-wrap { flex-grow: 1; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-image-wrap .bottom-border { background-color: transparent; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-image-wrap .bottom-border div { flex: 1; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-image-wrap .bottom-border div:first-child { border: none; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-image-wrap .bottom-border div[class$='blue']:last-child, .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-image-wrap .bottom-border div[class$='bg-blue']:last-child { border: 2px solid #0096bd; border-bottom: none; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-image-wrap .bottom-border div[class$='cmp-bg-drkblue-tr']:last-child { background-color: #0c2739; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-image-wrap .bottom-border div[class$='cmp-bg-blue-tr']:last-child { background-color: #0073a8; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-image-wrap .bottom-border div[class$='green']:last-child { border: 2px solid #447B2D; border-bottom: none; } .econdev .answers .bb-cards-section .bb-card.image-on-top .bb-image-wrap .bottom-border div[class$='navy']:last-child { border: 2px solid #1684ba; border-bottom: none; } .econdev .answers .rate-cards .rate-card:not(:last-child) { margin-right: 23px; } } @media (min-width: 320px) and (max-width: 767px) { .econdev .answers .bb-cards-section .bb-card.image-on-top { margin-bottom: 10px; } .econdev .answers .rate-cards { flex-direction: column; flex-wrap: wrap; justify-content: center; margin-bottom: 0; margin-top: 40px; } .econdev .answers .rate-cards .rate-card { margin-left: auto; } .econdev .answers .rate-cards .rate-card:not(:last-child) { margin-bottom: 30px; } .econdev .answers .video-section { margin-top: 10px; } .econdev .answers .video-section .video-card { flex-direction: column; margin-bottom: 25px; } .econdev .answers .video-section .video-card .video-text-wrap[class$='blue'], .econdev .answers .video-section .video-card .video-text-wrap[class$='bg-blue'] { border: 2px solid #0096bd; border-top: none; padding: 35px 16px 25px; } .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-drkblue-tr'] { background-color: #0c2739; border-top: none; padding: 35px 16px 25px; } .econdev .answers .video-section .video-card .video-text-wrap[class$='cmp-bg-blue-tr'] { background-color: #0073a8; border-top: none; padding: 35px 16px 25px; } .econdev .answers .video-section .video-card .video-text-wrap[class$='green'] { border: 2px solid #447B2D; border-top: none; padding: 35px 16px 25px; } .econdev .answers .video-section .video-card .video-text-wrap[class$='navy'] { border: 2px solid #1684ba; border-top: none; padding: 35px 16px 25px; } .econdev .answers .video-section .video-card .video-text-wrap h1, .econdev .answers .video-section .video-card .video-text-wrap h2 { padding-left: 0; text-align: center; font-weight: bold; } .econdev .answers .video-section .video-card .video-text-wrap p { padding-left: 0; } .econdev .answers .video-section .video-card .video-text-wrap .learn-how { padding-left: 0; } .econdev .answers .video-section .video-card .video-image-wrap { padding: 0 16px; flex-direction: column; } .econdev .answers .video-section .video-card .video-image-wrap .right-border { flex-direction: column; left: 0; } .econdev .answers .video-section .video-card .video-image-wrap .right-border div[class$='blue']:last-child, .econdev .answers .video-section .video-card .video-image-wrap .right-border div[class$='bg-blue']:last-child { border: 2px solid #0096bd; border-bottom: none; } .econdev .answers .video-section .video-card .video-image-wrap .right-border div[class$='cmp-bg-drkblue-tr']:last-child { background-color: #0c2739; border-bottom: none; } .econdev .answers .video-section .video-card .video-image-wrap .right-border div[class$='cmp-bg-blue-tr']:last-child { background-color: #0073a8; border-bottom: none; } .econdev .answers .video-section .video-card .video-image-wrap .right-border div[class$='green']:last-child { border: 2px solid #447B2D; border-bottom: none; } .econdev .answers .video-section .video-card .video-image-wrap .right-border div[class$='navy']:last-child { border: 2px solid #1684ba; border-bottom: none; } .econdev .answers .video-section .sv-player-icon { top: 50%; left: 50%; transform: translate(-50%, -50%); } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap { order: 1; } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div:first-child { border: none; } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div[class$='blue']:last-child, .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div[class$='bg-blue']:last-child { border: 2px solid #0096bd; border-bottom: none; } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div[class$='cmp-bg-drkblue-tr']:last-child { background-color: #0c2739; border-bottom: none; } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div[class$='cmp-bg-blue-tr']:last-child { background-color: #0073a8; border-bottom: none; } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div[class$='green']:last-child { border: 2px solid #447B2D; border-bottom: none; } .econdev .answers .video-section .video-card.image-on-right .video-image-wrap .right-border > div[class$='navy']:last-child { border: 2px solid #1684ba; border-bottom: none; } .econdev .answers .video-section .video-card.image-on-right .video-text-wrap[class$='blue'], .econdev .answers .video-section .video-card.image-on-right .video-text-wrap[class$='bg-blue'] { order: 2; border-top: none; border-right: 2px solid #0096bd; } .econdev .answers .video-section .video-card.image-on-right .video-text-wrap[class$='cmp-bg-drkblue-tr'] { order: 2; border-top: none; background-color: #0c2739; } .econdev .answers .video-section .video-card.image-on-right .video-text-wrap[class$='cmp-bg-blue-tr'] { order: 2; border-top: none; background-color: #0073a8; } .econdev .answers .video-section .video-card.image-on-right .video-text-wrap[class$='green'] { order: 2; border-top: none; border-right: 2px solid #447B2D; } .econdev .answers .video-section .video-card.image-on-right .video-text-wrap[class$='navy'] { order: 2; border-top: none; border-right: 2px solid #1684ba; } .econdev .answers .feature-section { margin-top: 0px; padding: 0 30px; margin-bottom: 10px; position: relative; } .econdev .answers .feature-section .feature-banner { height: initial; } .econdev .answers .feature-section .feature-banner .feature-card h3 { font-size: 2em; font-weight: 600; } .econdev .answers .rate-case-teaser-logos .rateCaseGulPowerLogo { height: initial; } .econdev .answers .teaser-scroll-down::before { top: 50px; } .econdev .answers .rateCaseCarouselItem { padding: 0 30px; } .econdev .answers .teaser-section .propose-banner { margin: 110px 0 0px 0; width: 100%; padding: 40px 20px 70px; height: 355px; } .econdev .answers .teaser-section .propose-banner .propose-heading { font-size: 2.8em; line-height: 34px; } .econdev .answers .teaser-section .propose-banner .propose-text { font-size: 15px; padding-bottom: 7px; } .econdev .answers .teaser-section .carousel-indicators-wrap { width: 100%; margin-left: -50%; margin-top: 110px; height: 355px; } .econdev .answers .resources-section { padding: 30px 30px; } .econdev .answers .resources-section .rate-card { min-height: 360px; } .econdev .answers .resources-section .nav-tabs-di { margin-top: 30px; margin-bottom: 0; } .econdev .answers .rate-card .sv-player-icon { transform: translate(-50%, -50%); } .econdev .answers .stay-connected-section .rate-cards .rate-card .card-body .time-type { padding: 11px 0 11px 20px; margin-left: 20px; } .econdev .answers .stay-connected-section .btn { width: 100%; margin: 45px auto; } } @media (min-width: 768px) and (max-width: 1023px) { .econdev .answers .video-section .video-card .video-text-wrap h1, .econdev .answers .video-section .video-card .video-text-wrap h2 { padding-left: 20px; font-weight: bold; } .econdev .answers .video-section .video-card .video-text-wrap p { padding: 0 20px; } .econdev .answers .video-section .video-card .video-text-wrap .learn-how { padding-left: 20px; } .econdev .answers .video-section .video-card .video-image-wrap { display: flex; align-items: center; } .econdev .answers .feature-section { padding: 0 16px; } .econdev .answers .feature-section .feature-banner { flex-wrap: nowrap; } .econdev .answers .feature-section .feature-banner .feature-card .feature-text { width: 220px; padding: 0 5px; } .econdev .answers .teaser-section .propose-banner { width: 80%; padding: 50px 30px; } .econdev .answers .teaser-section .carousel-indicators-wrap { width: 80%; margin-left: -40%; } .econdev .answers .resources-section { padding: 30px 16px; } .econdev .answers .stay-connected-section .rate-cards { flex-direction: column; justify-content: center; align-items: center; } .econdev .answers .stay-connected-section .rate-cards .rate-card { padding-left: 40px; width: 500px; max-width: 500px; } .econdev .answers .stay-connected-section .rate-cards .rate-card:not(:last-child) { margin-bottom: 30px; margin-right: 0; } } @media (min-width: 320px) and (max-width: 767px) and (orientation: portrait) { .econdev .answers .feature-section .feature-banner { flex-wrap: wrap; } .econdev .answers .feature-section .feature-banner .feature-card:not(:last-child) { border: none; } .econdev .answers .feature-section .feature-banner .feature-card:not(:first-child) .feature-img { padding-top: 15px; margin: 0 auto; margin-top: 11px; } .econdev .answers .feature-section .feature-banner .feature-card:not(:first-child) .feature-img[class$='blue'], .econdev .answers .feature-section .feature-banner .feature-card:not(:first-child) .feature-img[class$='bg-blue'], .econdev .answers .feature-section .feature-banner .feature-card:not(:first-child) .feature-img[class$='bg-green'], .econdev .answers .feature-section .feature-banner .feature-card:not(:first-child) .feature-img[class$='bg-drkblue'], .econdev .answers .feature-section .feature-banner .feature-card:not(:first-child) .feature-img[class$='bg-black'] { border-top: 1px solid #ffffff; } .econdev .answers .feature-section .feature-banner .feature-card:not(:first-child) .feature-img[class$='bg-gray'] { border-top: 1px solid #c4c7c8; } .econdev .answers .feature-section .feature-banner .feature-card:not(:first-child) .feature-img[class$='white'] { border-top: 1px solid #666666; } .econdev .answers .feature-section .feature-banner .feature-card.nopipe:not(:first-child) .feature-img { border: 0px; } } @media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { .econdev .answers .feature-section .feature-banner .feature-card .feature-text { width: 170px; } .econdev .answers .teaser-section .carousel-indicators-wrap { height: 300px; } .econdev .answers .teaser-section .propose-banner { height: 300px; } .econdev .answers .rate-case-carousel .carousel-inner { height: 600px; } } @media (max-width: 767px) { .econdev .answers .rate-case-teaser-logos img { display: inline-block; } .econdev .answers .rate-case-teaser-logos .rateCaseFplLogo { width: 51px; } .econdev .answers .rate-case-teaser-logos .rateCaseGulPowerLogo { width: 74px; } } @media (min-width: 480px) and (max-width: 767px) { .econdev .answers .resources-section .nav-tabs-di li:nth-child(even) { padding: 17px 0px; } .econdev .answers .resources-section .nav-tabs-di li a { padding: 10px 20px; } } .econdev .answers .singlevideo .img-responsive { width: 100%; } .econdev .answers .sv-player { display: flex; justify-content: center; align-items: center; width: 100%; margin: 0; } .econdev .answers p, .econdev .answers a { font-size: 15px; } .econdev .answers p a { font-size: inherit; } /* --- Forms Submit Spinner--- */ .aem-form-spinner { overflow: hidden; } .aem-form-spinner::before { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(/fplcommon/images/bx_loader.gif) center no-repeat #FFF; content: "Just a moment..."; color: #0073a8; font-weight: bold; opacity: 0.9; display: flex; align-items: center; justify-content: center; padding-bottom: 4%; } @media (min-width: 768px) and (max-width: 1023px) { .aem-form-spinner::before { padding-bottom: 15%; } } @media (max-width: 767px) { .aem-form-spinner::before { padding-bottom: 20%; } } /* --- Forms Submit Spinner --- */ /* Reusing FPL form classes. Renamed the fpl__ to aem__*/ .econdev .formelement { margin: 16px 0; } .econdev .aem__form-container { line-height: 18px; } .econdev .aem__form-container .aem-form-row { margin: 0; } .econdev .aem__form-container .aem-form-row .aem-form-field { position: relative; } .econdev .aem__form-container .aem-form-row .aem-form-field input[type=text], .econdev .aem__form-container .aem-form-row .aem-form-field textarea { border: 1px solid #C4C8C7; border-radius: 4px; font-size: 15px; width: 100%; color: #666666; } .econdev .aem__form-container .aem-form-row .aem-form-field input[type=text] { height: 43px; padding-left: 24px; box-sizing: border-box; caret-color: #0073a8; } .econdev .aem__form-container .aem-form-row .aem-form-field textarea { padding: 10px 20px; display: block; } .econdev .aem__form-container .aem-form-row .aem-form-field input:focus-visible, .econdev .aem__form-container .aem-form-row .aem-form-field textarea:focus-visible { border-color: #0073a8; outline: none; } .econdev .aem__form-container .aem-form-row .aem-form-field input:-webkit-autofill, .econdev .aem__form-container .aem-form-row .aem-form-field input:-webkit-autofill:hover, .econdev .aem__form-container .aem-form-row .aem-form-field input:-webkit-autofill:focus, .econdev .aem__form-container .aem-form-row .aem-form-field textarea:-webkit-autofill, .econdev .aem__form-container .aem-form-row .aem-form-field textarea:-webkit-autofill:hover, .econdev .aem__form-container .aem-form-row .aem-form-field textarea:-webkit-autofill:focus, .econdev .aem__form-container .aem-form-row .aem-form-field select:-webkit-autofill, .econdev .aem__form-container .aem-form-row .aem-form-field select:-webkit-autofill:hover, .econdev .aem__form-container .aem-form-row .aem-form-field select:-webkit-autofill:focus { box-shadow: 0 0 0px 1000px #ffffff inset; -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; color: #666666 !important; -webkit-text-fill-color: #666666; } .econdev .aem__form-container .aem-form-row .aem-form-field.field-error input[type=text], .econdev .aem__form-container .aem-form-row .aem-form-field.field-error textarea { border-color: red; } .econdev .aem__form-container .aem-form-row .aem-form-field.field-error::after { content: ''; background-size: contain; position: absolute; background-image: url('/content/dam/poweringflorida/us/en/images/icons/exclamation-danger.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; top: 50%; transform: translateY(-50%); background-size: 16px 16px; width: 16px; height: 16px; right: 15px; } .econdev .aem__form-container .aem-form-row .aem-form-field.field-error .clear-field { display: none; } .econdev .aem__form-container .aem-form-row .aem-form-field .clear-field { content: ''; background-size: contain; position: absolute; background-image: url('/content/dam/poweringflorida/us/en/images/icons/close-circle-gray.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; margin-top: 14px; margin-right: 15px; right: 0px; width: 16px; height: 16px; background-size: 16px 16px; cursor: pointer; } .econdev .aem__form-container .aem-form-row .aem-form-field .clear-field.disp-none { display: none !important; } .econdev .aem__form-container .aem-form-row label { font-weight: normal; font-size: 15px; margin-bottom: 0; } .econdev .aem__form-container .aem-form-row.group-title { font-size: 1.7em; font-weight: bold; color: #404040; margin-bottom: 0px; padding-bottom: 15px; } .econdev .aem__form-container .aem__form-label { position: absolute; z-index: 10; top: 13px; left: 24px; font-size: 15px; font-weight: normal; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #ffffff 50%); cursor: auto; transition: 0.2s; transition-timing-function: ease; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .econdev .aem__form-container .aem__form-label.active { transform: translateY(0%); left: 16px !important; top: -6px !important; padding: 0 10px; color: #666666; font-size: 1.1em; line-height: 11px; } .econdev .aem__form-container .aem-checkbox-group.aem__form-checkbox .aem-form-row.horizontal-checkbox { display: flex; } @media (max-width: 767px) { .econdev .aem__form-container .aem-checkbox-group.aem__form-checkbox .aem-form-row.horizontal-checkbox { display: block; } .econdev .aem__form-container .aem-checkbox-group.aem__form-checkbox .aem-form-row.horizontal-checkbox .aem-form-field { margin-top: 32px; } .econdev .aem__form-container .aem-checkbox-group.aem__form-checkbox .aem-form-row.horizontal-checkbox .aem-form-field:first-child { margin-top: 0; } } .econdev .aem__form-container .aem-checkbox-group.aem__form-checkbox .aem-form-row.horizontal-checkbox .aem-form-field { flex: 1; width: 100%; } .econdev .aem__form-container .aem-checkbox-group.aem__form-checkbox .aem-form-row .aem-form-field .custom-checkbox.aem-custom-option input[type=checkbox] { display: none; } .econdev .aem__form-container .aem-checkbox-group.aem__form-checkbox .aem-form-row .aem-form-field .custom-checkbox.aem-custom-option input[type=checkbox] + label::before { content: ""; display: inline-block; width: 24px; height: 24px; border: 2px solid #c4c8c7; border-radius: 4px; cursor: pointer; margin-right: 20px; margin-bottom: -5px; } .econdev .aem__form-container .aem-checkbox-group.aem__form-checkbox .aem-form-row .aem-form-field .custom-checkbox.aem-custom-option input[type=checkbox]:checked + label::before { border-color: #0073a8; background-image: url('/content/dam/poweringflorida/us/en/images/icons/check-blue.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; background-size: 17px 17px; } .econdev .aem__form-container .aem-custom-select-container { position: relative; } .econdev .aem__form-container .aem-custom-select-container .input-wrap .aem-custom-select-arrow { content: ''; background-size: contain; position: absolute; background-image: url('/content/dam/poweringflorida/us/en/images/icons/arrow-down-gray.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; right: 15px; background-size: 17px 17px; } .econdev .aem__form-container .aem-custom-select-container .input-wrap select { display: none !important; } .econdev .aem__form-container .aem-custom-select-container .input-wrap.field-error::after { display: none; } .econdev .aem__form-container .aem-custom-select-container.aem-select-dropdown-open .aem-custom-select-arrow { transform: rotate(180deg) translateY(50%); } .econdev .aem__form-container .aem-custom-select-container.aem-select-dropdown-open .aem-custom-select { border-color: #0073a8 !important; } .econdev .aem__form-container .aem-custom-select-container.aem-select-dropdown-open .aem-option-list { display: block; } .econdev .aem__form-container .aem-custom-select-container .aem-option-list { display: none; border: 1px solid #C4C8C7; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16); padding: 7px 4px; position: absolute; top: 45px; left: 0; right: 0; z-index: 100; border-radius: 4px; background-color: #ffffff; box-sizing: unset !important; } .econdev .aem__form-container .aem-custom-select-container .aem-option-list ul { list-style-type: none; margin: 0; padding: 0; } .econdev .aem__form-container .aem-custom-select-container .aem-option-list ul li { padding: 8px 20px; font-size: 15px; color: #666666; margin: 0; line-height: 17px; } .econdev .aem__form-container .aem-custom-select-container .aem-option-list ul li:hover { background: #0073a8; color: #ffffff; } .econdev .aem__form-container .aem-custom-select-container .scroll { max-height: 166px; overflow: auto; /* Handle */ } .econdev .aem__form-container .aem-custom-select-container .scroll ::-webkit-scrollbar { width: 4px; } .econdev .aem__form-container .aem-custom-select-container .scroll ::-webkit-scrollbar-thumb { background: #C4C8C7; border-radius: 2px; } .econdev .aem__form-container .aem__form-radio .aem-customized-option { display: flex; align-items: center; } .econdev .aem__form-container .aem__form-radio .aem-customized-option .aem-custom-radio { display: inline-block; cursor: pointer; border-radius: 50%; width: 24px; height€ÿ: 24px; background-color: #f7f8f9; border: 2px solid #c4c8c7; } .econdev .aem__form-container .aem__form-radio .aem-customized-option .aem-custom-radio.custom-option-selected { border-color: #0073a8; } .econdev .aem__form-container .aem__form-radio .aem-customized-option .aem-custom-radio .radio-fill { display: none; height: 12px; width: 12px; background-color: #0073a8; margin: 4px; border-radius: 50%; } .econdev .aem__form-container .aem__form-radio .aem-customized-option .aem-custom-radio .radio-fill.custom-option-selected { display: block; } .econdev .aem__form-container .aem__form-radio .aem-customized-option .ui-radio { display: none; } .econdev .aem__form-container .aem__form-radio .aem-customized-option label { margin-bottom: 0; margin-left: 20px; font-weight: normal; } .econdev .aem__form-container .aem__form-radio.aem-form-field { margin-top: 32px; } .econdev .aem__form-container .aem__form-radio.aem-form-field:first-child { margin-top: 0; } @media (min-width: 768px) { .econdev .aem__form-container .horizontalradio .aem-form-row { display: flex; } .econdev .aem__form-container .horizontalradio .aem-form-row .aem__form-radio.aem-form-field { flex: 1 1 0; width: 0; margin: 0; } } .econdev .aem__form-container .form-alert, .econdev .aem__form-container .aem-form-note { font-size: 15px; padding-left: 24px; margin-top: 8px; } .econdev input[type=text]::-ms-clear { display: none; width: 0; height: 0; } .econdev input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } /* New ECONDEV component reusing ANSWER.LESS styles*/ .econdev .answers .teaser-section .carousel-indicators-wrap { height: 375px; } @media (min-width: 768px) { .econdev .answers .teaser-section .carousel-indicators { bottom: 40px; } } .econdev .answers .teaser-section .propose-banner { padding-top: 55px; height: 375px; } @media (min-width: 320px) and (max-width: 767px) { .econdev .answers .teaser-section .propose-banner { padding-top: 30px; margin-top: 80px; height: 400px; } } .econdev .answers .teaser-section .propose-banner .propose-text { padding-top: 10px; padding-bottom: 32px; margin: auto; } .econdev .header-navigation { position: fixed; top: 0; left: 0; right: 0; background-color: #ffffff; z-index: 9999; } .econdev .header-navigation .navigation-bar { height: 82px; display: flex; justify-content: space-between; max-width: 1280px; margin: auto; padding: 0 30px; position: relative; } @media (max-width: 767px) { .econdev .header-navigation .navigation-bar { height: 60px; padding: 0 16px; } } .econdev .header-navigation .navigation-bar .navbar-logo { display: flex; align-items: center; } .econdev .header-navigation .navigation-bar .navbar-logo a { display: flex; align-items: center; } @media (max-width: 767px) { .econdev .header-navigation .navigation-bar .navbar-logo a img { max-width: 190px; } } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu { display: flex; background-color: #ffffff; margin-left: auto; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-label { cursor: pointer; color: #0c2739; font-weight: bold; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-label:hover { color: #0073a8; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown { background-color: #ffffff; padding: 10px 0px; } @media (min-width: 1024px) { .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown { box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.12); } } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown li { padding: 10px 30px; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown li .subnav-link { color: #666666; text-decoration: none; width: 100%; display: inline-block; font-size: 15px; line-height: 21px; font-weight: normal !important; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown li .subnav-link:hover { color: #0073a8; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown.contact-us { padding: 18px 0; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown.contact-us li { text-align: center; padding: 5px; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown.contact-us li.or { font-weight: bold; font-size: 1.1em; } @media (max-width: 1023px) { .econdev .header-navigation .navigation-bar .navigation-horizontal-menu { position: fixed; display: none; top: 60px; left: 0; right: 0; bottom: 0; overflow: auto; padding: 25px; border-top: 2px solid #0073a8; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu.show { left: 0; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-label { position: relative; font-size: 15px; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item { background-color: #ffffff; margin: 24px 0; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown { padding: 10px 0px 0px; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown li { padding: 10px 30px; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown li a { font-weight: normal; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item.callus-btn { margin-top: 0px; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu.main-menu .navigation-item.search-btn .navigation-label { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .econdev .header-navigation .navigation-bar .navigation-horizontal-menu.show { top: 82px; } } @media (min-width: 1024px) { .econdev .header-navigation .navigation-bar .navigation-horizontal-menu { height: 100%; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item { height: 100%; position: relative; margin: 0 25px; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-label { height: 100%; display: flex; align-items: center; font-size: 15px; line-height: 21px; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-label:hover { color: #0073a8; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown { display: none; position: absolute; min-width: 210px; border-top: 3px solid #0073a8; top: 76px; left: -20px; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-dropdown:hover { display: block; } .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item .navigation-label:hover + .navigation-dropdown { display: block; } } @media (min-width: 1024px) and (max-width: 1023px) { .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item { margin: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .econdev .header-navigation .navigation-bar .navigation-horizontal-menu .navigation-item.no-events { pointer-events: none; } } .econdev .header-navigation .navigation-bar .search-btn .navigation-label .magn-glass-icon { width: 21px; height: 22px; background-size: 21px 22px; } @media (min-width: 1024px) { .econdev .header-navigation .navigation-bar .search-btn .navigation-label { width: 30px; } } .econdev .header-navigation .navigation-bar .mobile-menu .navigation-label .menu-icon { padding: 5px; } .econdev .header-navigation .navigation-bar .mobile-navigation-horizontal-menu { display: flex; background-color: #ffffff; height: 100%; margin-left: auto; } @media (min-width: 1024px) { .econdev .header-navigation .navigation-bar .mobile-navigation-horizontal-menu { display: none; } } .econdev .header-navigation .navigation-bar .mobile-navigation-horizontal-menu .navigation-item { height: 100%; position: relative; margin: 0 5px; } .econdev .header-navigation .navigation-bar .mobile-navigation-horizontal-menu .navigation-item .navigation-label { height: 100%; display: flex; align-items: center; width: 30px; } .econdev .header-navigation .navigation-bar .search-bar { height: 100%; background-color: #ffffff; position: absolute; transition: all 0.3s ease-in-out; align-items: center; padding-right: 50px; right: 0; width: 60%; top: 76px; border-top: 3px solid #0073a8; padding-left: 30px; display: none; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.12); } @media (max-width: 1023px) { .econdev .header-navigation .navigation-bar .search-bar { box-sizing: border-box; padding-left: 40px; padding-right: 40px; width: 100%; top: 60px; height: 80px; } } @media (min-width: 768px) and (max-width: 1023px) { .econdev .header-navigation .navigation-bar .search-bar { top: 82px; } } .econdev .header-navigation .navigation-bar .search-bar.expanded { display: flex; } @media (max-width: 1023px) { .econdev .header-navigation .navigation-bar .search-bar.expanded { width: 100%; } .econdev .header-navigation .navigation-bar .search-bar.expanded .close-icon { right: 10px; background-size: 26px 26px; } .econdev .header-navigation .navigation-bar .search-bar.expanded .magn-glass-icon { left: 10px; display: block; } } .econdev .header-navigation .navigation-bar .search-bar.expanded .close-icon, .econdev .header-navigation .navigation-bar .search-bar.expanded .search-input-container, .econdev .header-navigation .navigation-bar .search-bar.expanded .btn { display: block; } .econdev .header-navigation .navigation-bar .search-bar .search-input-container, .econdev .header-navigation .navigation-bar .search-bar .btn, .econdev .header-navigation .navigation-bar .search-bar .magn-glass-icon { display: none; } .econdev .header-navigation .navigation-bar .search-bar .search-input-container { flex-grow: 1; padding-right: 20px; } @media (max-width: 1023px) { .econdev .header-navigation .navigation-bar .search-bar .search-input-container { padding-right: 0; } } .econdev .header-navigation .navigation-bar .search-bar .search-input-container .aem-input + .clear-field { display: none; } .econdev .header-navigation .navigation-bar .search-bar .search-input-container .aem-input:valid + .clear-field { display: inline-block; } .econdev .header-navigation .navigation-bar .search-bar .close-icon, .econdev .header-navigation .navigation-bar .search-bar .magn-glass-icon { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); display: none; } .econdev .header-navigation .navigation-bar .search-bar .close-icon { right: 9px; } @media (min-width: 1024px) { .econdev .header-navigation .navigation-bar .search-bar .close-icon { top: 20px; } } .econdev .header-navigation .navigation-bar .search-bar .aem__form-container .aem-form-row .aem-form-field .clear-field { top: 0; } .econdev .header-navigation ul { list-style-type: none; padding: 0; margin: 0; } .econdev .header-navigation .close-icon { background-image: url('/content/dam/poweringflorida/us/en/images/icons/close-icon-gray.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; width: 20px; height: 20px; background-size: 16px 16px; cursor: pointer; } .econdev .header-navigation .magn-glass-icon { background-image: url('/content/dam/poweringflorida/us/en/images/icons/magn-glass.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; width: 20px; height: 20px; background-size: 20px 20px; cursor: pointer; } .econdev .header-navigation .menu-icon { background-image: url('/content/dam/poweringflorida/us/en/images/icons/menu-dark.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; width: 20px; height: 20px; background-size: 20px 20px; cursor: pointer; } .econdev .header-navigation .menu-icon.active { background-image: url('/content/dam/poweringflorida/us/en/images/icons/close-gray-lg.svg'); width: 31px; height: 31px; background-size: 31px 31px; margin-left: -4px; margin-top: -2px; } .econdev.mules .header-navigation { background-color: #009de0; } .econdev .scroll-sub-nav { padding: 100px 0; background-color: #f3f3f3; /* Scrollable carousel on moblie view */ } .econdev .scroll-sub-nav > h1, .econdev .scroll-sub-nav > p { text-align: center; padding: 0 15px; } .econdev .scroll-sub-nav > p { max-width: 560px; margin: 0 auto 30px; line-height: 21px; font-size: 15px; } .econdev .scroll-sub-nav .scroll-nav-container { justify-content: center; margin: auto; /* Hiding scroll bar for ie and mobile view */ } @media (max-width: 1023px) { .econdev .scroll-sub-nav .scroll-nav-container { overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .econdev .scroll-sub-nav .scroll-nav-container::-webkit-scrollbar { display: none; /* Safari and Chrome */ } } .econdev .scroll-sub-nav .scroll-nav-container > div { display: flex; height: 260px; align-items: center; justify-content: center; margin: auto; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box { flex: 0 0 230px; height: 140px; margin: 0 3px; box-sizing: border-box; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content { background-color: #ffffff; height: 100%; transition: 0.2s; transition-timing-function: ease; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); display: flex; flex-direction: column; justify-content: center; align-items: center; /* Blue box coonatiner on hover */ } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content .nav-icon-label { font-weight: bold; display: flex; padding-left: 30px; width: 100%; box-sizing: border-box; align-items: center; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content .nav-icon-label .nav-icon { display: flex; justify-content: center; align-items: center; height: 60px; width: 60px; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content .nav-icon-label .nav-icon .hover-icon { display: none; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content .nav-icon-label .nav-label { display: flex; justify-content: flex-start; align-items: center; padding-left: 10px; line-height: 24px; font-weight: bold; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content .nav-icon-label .nav-label p { text-align: left; margin-bottom: 0; font-size: 15px; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content .descr-link { display: none; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content .descr-link .nav-description { font-size: 15px; } @media (min-width: 1024px) { .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content:hover { flex: 0 0 260px; height: 280px; background-color: #0073a8; margin-top: -70px; margin-left: -15px; margin-right: -15px; z-index: 10; position: relative; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; color: #ffffff; justify-content: flex-start; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content:hover .nav-icon-label { justify-content: center; padding: 0; margin-top: 24px; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content:hover .nav-icon-label .nav-icon .initial-icon { display: none; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content:hover .nav-icon-label .nav-icon .hover-icon { display: block; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content:hover .nav-icon-label .nav-icon img { max-width: 60px; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content:hover .descr-link { display: block; text-align: center; padding: 15px; line-height: 20px; display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content:hover .descr-link .nav-description { max-width: 230px; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content:hover .descr-link .nav-link { margin-top: 15px; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content:hover .descr-link .nav-link a { height: 33px; width: 33px; background-color: #ffffff; border-radius: 50%; display: inline-block; position: relative; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content:hover .descr-link .nav-link a::after { content: ''; background-size: contain; position: absolute; background-image: url('/content/dam/poweringflorida/us/en/images/icons/arrow-right-blue.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; height: 15px; width: 15px; left: 11px; top: 50%; transform: translateY(-50%); } } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content.hovered { flex: 0 0 260px; height: 280px; background-color: #0073a8; margin-top: -70px; margin-left: -15px; margin-right: -15px; z-index: 10; position: relative; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; color: #ffffff; justify-content: flex-start; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content.hovered .nav-icon-label { justify-content: center; padding: 0; margin-top: 24px; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content.hovered .nav-icon-label .nav-icon .initial-icon { display: none; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content.hovered .nav-icon-label .nav-icon .hover-icon { display: block; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content.hovered .nav-icon-label .nav-icon img { max-width: 60px; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content.hovered .descr-link { display: block; text-align: center; padding: 15px; line-height: 20px; display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content.hovered .descr-link .nav-description { max-width: 230px; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content.hovered .descr-link .nav-link { margin-top: 15px; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content.hovered .descr-link .nav-link a { height: 33px; width: 33px; background-color: #ffffff; border-radius: 50%; display: inline-block; position: relative; } .econdev .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content.hovered .descr-link .nav-link a::after { content: ''; background-size: contain; position: absolute; background-image: url('/content/dam/poweringflorida/us/en/images/icons/arrow-right-blue.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; height: 15px; width: 15px; left: 11px; top: 50%; transform: translateY(-50%); } /* New ECONDEV component reusing ANSWER.LESS styles*/ .econdev .fpl-section, .econdev .econ-container { margin: 0 auto; } .econdev .fpl-section.fluid, .econdev .econ-container.fluid { width: 100%; } .econdev .answers .feature-section { background-color: #0073a8; display: flex; flex-direction: column; align-items: center; padding-top: 42px; } @media (min-width: 320px) and (max-width: 767px) { .econdev .answers .feature-section { padding: 42px 16px 0; } } .econdev .answers .feature-section.bg-white { background-color: #ffffff; } .econdev .answers .feature-section.bg-white h2 { color: #404040; font-size: 3.6em; } .econdev .answers .feature-section.bg-white .description { color: #666666; } @media (min-width: 320px) and (max-width: 767px) { .econdev .answers .feature-section.bg-white { padding: 42px 0 0; } } .econdev .answers .feature-section.bg-gray { background-color: #f7f8f9 !important; color: #666666; padding-bottom: 60px; } .econdev .answers .feature-section.bg-gray h2 { color: #404040; font-size: 3.6em; font-weight: normal; } .econdev .answers .feature-section.bg-gray .description { color: #666666; } .econdev .answers .feature-section.bg-gray .feature-banner { width: 100%; margin-left: 0; display: flex; max-width: 1280px; } .econdev .answers .feature-section.bg-gray .feature-banner .feature-card { width: 260px; margin: 0 auto; text-align: center; background-color: #f7f8f9 !important; } .econdev .answers .feature-section.bg-white { background-color: #ffffff; } .econdev .answers .feature-section.bg-white h2 { color: #404040; font-weight: normal; } .econdev .answers .feature-section .bg-gray { background-color: #f7f8f9 !important; } .econdev .answers .feature-section h2 { color: #ffffff; margin: 10px auto 0; font-weight: bold; line-height: 40px; text-align: center; } .econdev .answers .feature-section .description { color: #ffffff; font-size: 15px; line-height: 21px; max-width: 750px; text-align: center; margin: 0px auto; padding: 20px 0; } .econdev .answers .feature-section .description:empty { display: none; } @media (min-width: 768px) and (max-width: 1023px) { .econdev .answers .feature-section .description { max-width: 550px; } } @media (max-width: 767px) { .econdev .answers .feature-section .description { padding: 20px; } } .econdev .answers .feature-section .feature-banner { height: auto; padding: 24px 0; } @media (min-width: 320px) and (max-width: 767px) { } @media (max-width: 767px) { .econdev .answers .feature-section .feature-banner .feature-card:not(:first-child) .feature-img { padding-top: 15px; } } .econdev .answers .feature-section .feature-banner .feature-card .feature-img { margin-top: 0; width: initial; } .econdev .answers .feature-section .feature-banner .feature-card h3 { font-weight: normal; max-width: 228px; line-height: 25px; margin: 19px auto; text-align: center; } @media (min-width: 320px) and (max-width: 1023px) { .econdev .answers .feature-section .feature-banner .feature-card h3 { margin: 10px 0; max-width: initial; } } .econdev .answers .feature-section .feature-banner .feature-card h3.bg-white { color: #404040; font-size: 1.5em; font-weight: bold; line-height: 21px; max-width: 160px; margin: 20px auto; } @media (min-width: 320px) and (max-width: 767px) { .econdev .answers .feature-section .feature-banner .feature-card h3.bg-white { font-size: 1.3em; } } .econdev .answers .feature-section .feature-banner .feature-card .feature-text { font-size: 15px; max-width: 220px; line-height: 21px; width: 100%; text-align: center; margin-bottom: 11px; } @media (min-width: 768px) and (max-width: 1023px) { } @media (min-width: 768px) and (max-width: 1023px) { .econdev .answers .feature-section .feature-banner .feature-card { width: 360px; } } @media (min-width: 768px) and (max-width: 1023px) { .econdev .answers .feature-section .feature-banner .feature-card { flex: 0; flex-basis: 45%; } } @media (max-width: 1023px) { .econdev .answers .feature-section .feature-banner .feature-card.bg-white { flex: 0; flex-basis: 45%; } .econdev .answers .feature-section .feature-banner .feature-card.bg-white .feature-img { padding-top: 15px; margin-top: 11px; } } @media (max-width: 767px) { .econdev .answers .feature-section .feature-banner { flex-direction: column; } } @media (min-width: 768px) and (max-width: 1023px) { .econdev .answers .feature-section .feature-banner { justify-content: center; } } @media (max-width: 767px) { .econdev .answers .feature-section .feature-banner.wrap { flex-direction: row; flex-wrap: wrap; } .econdev .answers .feature-section .feature-banner.wrap .feature-card { width: 50%; flex: initial; padding: 0 10px; } .econdev .answers .feature-section .feature-banner.wrap .feature-card .feature-text { margin-bottom: 0; } .econdev .answers .feature-section .feature-banner.wrap .feature-card .feature-img { border: none!important; padding-top: 0px; margin-top: 0px; } .econdev .answers .feature-section .feature-banner.wrap .feature-card:nth-child(3), .econdev .answers .feature-section .feature-banner.wrap .feature-card:nth-child(4) { margin-top: 30px; } } .econdev .answers .feature-section .btn { margin-bottom: 60px; margin-top: 20px; } .econdev .answers .feature-section .btn:empty { display: none; } /* EXISTING FPL COMPONENT */ /* --- Big Title HERO BANNER START --- */ .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title { display: flex; height: 100%; align-items: center; } .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title.text-center { justify-content: center; } .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title.text-center .cmp-teaser__content-wrapper { padding-left: 0; } .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title .cmp-teaser__content-wrapper h1, .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title .cmp-teaser__content-wrapper h2, .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title .cmp-teaser__content-wrapper h3, .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title .cmp-teaser__content-wrapper h4, .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title .cmp-teaser__content-wrapper h5, .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title .cmp-teaser__content-wrapper h6 { margin-bottom: 10px; margin-top: 10px; } .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title .cmp-teaser__content-wrapper .cmp-teaser__description p { font-family: Arial; font-weight: bold; font-style: normal; font-size: 8em; line-height: 80px; margin-bottom: 20px; } @media (max-width: 1023px) { .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title .cmp-teaser__content-wrapper .cmp-teaser__description p { font-size: 4em; line-height: 45px; } } @media (max-width: 767px) { .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title .cmp-teaser__content-wrapper .cmp-teaser__description p { margin: 10px 0 0 0; } } @media (max-width: 767px) { .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title { align-items: flex-start; padding-top: 30%; } .econdev .teaser .cmp-teaser__content-container.cmp-hero_banner__big-title.cmp-teaser__content-left { padding-top: 30%; } } .econdev .teaser .cmp-teaser__content-container.cmp-teaser-content-btm { align-items: flex-end !important; padding-bottom: 5%!important; display: flex; height: 100%; align-items: center; justify-content: center; } @media (max-width: 767px) { .econdev .teaser .cmp-teaser__content-container.cmp-teaser-content-btm { align-items: flex-start !important; padding-top: 0; } } .econdev .teaser .cmp-teaser__content-container.cmp-teaser__content-left { text-align: left; justify-content: flex-start; } @media (max-width: 767px) { .econdev .teaser .cmp-teaser__content-container.cmp-teaser__content-left { align-items: flex-start; padding-top: 0; } } @media (min-width: 1024px) { .econdev .teaser .cmp-teaser__content-container.cmp-teaser__content-left .cmp-teaser__content-wrapper { margin-left: 8.33333333%; } } .econdev .teaser .cmp-txt-shadow { text-shadow: 1px 1px 2px #000000; } .econdev .teaser .cmp-txt-shadow .btn { text-shadow: none; } @media (min-width: 1024px) { .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__image, .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__content { padding-right: 5%; padding-left: 5%; } } .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__content { justify-content: flex-start; } @media (max-width: 1023px) { .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__content { justify-content: center; align-items: flex-end; } } .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__content-container { background-color: #f7f8f9; width: auto; width: 450px; bottom: 4%; padding: 30px 30px 50px; } @media (max-width: 1023px) { .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__content-container { max-width: 450px; width: 100%; padding: 0px 30px 10px; margin: 0 18px 18px; bottom: 0; } } .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__content-container .cmp-teaser__content-wrapper { margin-left: 0; } @media (max-width: 1023px) { .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__content-container .cmp-teaser__content-wrapper { text-align: center; } } @media (max-width: 1023px) { .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__content-container .cmp-teaser__content-wrapper h1 { margin: 20px auto 10px; } } .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__content-container .cmp-teaser__content-wrapper .cmp-txt-black, .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__content-container .cmp-teaser__content-wrapper .cmp-txt-white, .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__content-container .cmp-teaser__content-wrapper a { color: #0c2739; } .econdev .teaser .image-banner.cmp-teaser__hero-frame .cmp-teaser__content-container .cmp-teaser__content-wrapper a { cursor: pointer; } .econdev .teaser .lnk-white a { color: #ffffff; } .econdev .caption-container p { font-size: 15px; } /* --- Big Title HERO BANNER END --- */ @media (min-width: 768px) and (max-width: 1023px) { .econdev .textbanner { margin-bottom: 60px; } /*.econdev .textbanner h1.links-title { font-size: 2.7em; }*/ } @media (max-width: 767px) { .econdev .textbanner { margin-bottom: 50px; } .econdev .textbanner h1 { font-size: 2.7e€ÿm; } } .econdev .textbanner h3:empty { display: none; } .econdev .textbanner .text-banner-header { max-width: 1280px; width: 100%; margin: 30px auto -40px; padding: 0 30px; } @media (max-width: 1023px) { .econdev .textbanner .text-banner-header { margin: 20px auto -30px; } } .econdev .textbanner .text-banner-header a { position: relative; padding-left: 15px; } .econdev .textbanner .text-banner-header a:not(:empty)::before { content: ''; background-size: contain; position: absolute; background-image: url('/content/dam/poweringflorida/us/en/images//icons/arrow-left-blue.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; width: 10px; height: 10px; cursor: pointer; left: 0px; top: 2px; } .econdev .textbanner .text-banner-header a:empty { display: none; } .econdev .textbanner .text-banner-header .text-banner-title { text-align: center; } .econdev .textbanner .text-banner-header .text-banner-title:empty { display: none; } .econdev .textbanner > div { background-color: #eef1f2; display: flex; align-items: center; position: relative; flex-wrap: wrap; width: 100%; } .econdev .textbanner .textbanner-container { display: flex; justify-content: center; align-items: stretch; margin: auto; width: 100%; padding: 75px 0; } @media (min-width: 768px) and (max-width: 1023px) { .econdev .textbanner .textbanner-container { padding: 60px 0; } } @media (max-width: 767px) { .econdev .textbanner .textbanner-container { flex-direction: column; padding: 30px 0; } } .econdev .textbanner .textbanner-container p { font-size: 15px; } .econdev .textbanner .textbanner-container .textbanner-separator { width: 1px !important; background-color: #c4c7c8; padding: 0px !important; box-sizing: border-box; display: none; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container .textbanner-separator { width: auto !important; height: 1px; margin: 20px 30px; } } .econdev .textbanner .textbanner-container > div { width: 50%; max-width: 600px; box-sizing: border-box; flex-wrap: wrap; position: relative; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container > div:last-child { padding-top: 0; } } .econdev .textbanner .textbanner-container > div h1 { margin-top: 10px; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container > div { width: 100%; max-width: initial; } } .econdev .textbanner .textbanner-container > div .video-image-banner { min-height: 180px; align-self: flex-start; padding: 0; position: relative; width: 100%; z-index: 10; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container > div .video-image-banner { padding: 0px; min-height: 110px; position: relative; margin-top: 20px; } } .econdev .textbanner .textbanner-container > div .video-image-banner .tb-image-container, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt { position: absolute; max-width: 600px; top: -10px; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container > div .video-image-banner .tb-image-container, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt { top: 10px; right: 0px; left: 0px; text-align: center; padding: 0 30px; } } @media (min-width: 768px) and (max-width: 1023px) { .econdev .textbanner .textbanner-container > div .video-image-banner .tb-image-container, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt { position: relative; top: 0; } } .econdev .textbanner .textbanner-container > div .video-image-banner .tb-image-container img, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container img, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt img, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-image-container video, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container video, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt video { max-height: 360px; max-width: 600px; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container > div .video-image-banner .tb-image-container img, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container img, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt img, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-image-container video, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container video, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt video { max-width: 100%; position: relative; } } @media (min-width: 768px) and (max-width: 1023px) { .econdev .textbanner .textbanner-container > div .video-image-banner .tb-image-container img, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container img, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt img, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-image-container video, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container video, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt video { max-width: 350px; position: relative; } } .econdev .textbanner .textbanner-container > div .video-image-banner .tb-image-container .btn-round, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container .btn-round, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt .btn-round { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; } .econdev .textbanner .textbanner-container > div .video-image-banner .tb-image-container .btn-round.fa-pause, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container .btn-round.fa-pause, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt .btn-round.fa-pause { display: none; } .econdev .textbanner .textbanner-container > div .video-image-banner .tb-image-container:hover .btn-round.fa-pause, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container:hover .btn-round.fa-pause, .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt:hover .btn-round.fa-pause { display: block; } .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt { width: 100%; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt { width: auto; } } .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt .video-foreground { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } @media (min-width: 768px) and (max-width: 1023px) { .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt .video-foreground { margin-right: 35px; } } .econdev .textbanner .textbanner-container > div .video-image-banner .tb-video-container-yt .video-foreground iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .econdev .textbanner .textbanner-container > div:first-child .video-image-banner .tb-image-container, .econdev .textbanner .textbanner-container > div:first-child .video-image-banner .tb-video-container, .econdev .textbanner .textbanner-container > div:first-child .video-image-banner .tb-video-container-yt { right: 0; text-align: right; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container > div:first-child .video-image-banner .tb-image-container, .econdev .textbanner .textbanner-container > div:first-child .video-image-banner .tb-video-container, .econdev .textbanner .textbanner-container > div:first-child .video-image-banner .tb-video-container-yt { right: initial; top: 0; position: relative; } } @media (min-width: 768px) and (max-width: 1023px) { .econdev .textbanner .textbanner-container > div:first-child .video-image-banner .tb-video-container-yt .video-foreground { margin-right: 0px; margin-left: 35px; } } .econdev .textbanner .textbanner-container > div .profile-banner { border: none; flex-wrap: nowrap; display: flex; align-items: center; padding: 0 60px; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container > div .profile-banner { flex-direction: column; margin: auto; margin-top: 20px; } } @media (max-width: 1023px) { .econdev .textbanner .textbanner-container > div .profile-banner { padding: 0 20px; width: 100%; } } .econdev .textbanner .textbanner-container > div .profile-banner .profile-circle { position: relative; max-width: 196px; max-height: 196px; margin-right: 25px; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container > div .profile-banner .profile-circle { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .econdev .textbanner .textbanner-container > div .profile-banner .profile-circle { margin-right: 15px; } } .econdev .textbanner .textbanner-container > div .profile-banner .profile-circle .profile-image img { width: 100%; } .econdev .textbanner .textbanner-container > div .profile-banner .profile-info { flex-grow: 1; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container > div .profile-banner .profile-info { text-align: center; } } .econdev .textbanner .textbanner-container > div .profile-banner .profile-info > div:first-child { margin-bottom: 25px; } @media (min-width: 768px) and (max-width: 1023px) { .econdev .textbanner .textbanner-container > div .profile-banner .profile-info > div:first-child { padding-right: 10px; } } .econdev .textbanner .textbanner-container > div .profile-banner .profile-info p { font-size: 15px; } .econdev .textbanner .textbanner-container > div .profile-banner .profile-info .btn:empty { display: none; } .econdev .textbanner .textbanner-container > div .profile-banner .profile-info .profile-contacts { display: flex; align-items: center; font-size: 0; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container > div .profile-banner .profile-info .profile-contacts { justify-content: center; } } .econdev .textbanner .textbanner-container > div .profile-banner .profile-info .profile-contacts a { font-size: 0; padding: 0 22px; border-left: 1px solid #c4c7c8; } .econdev .textbanner .textbanner-container > div .profile-banner .profile-info .profile-contacts a:first-child { padding-left: 0; border-left: none; } .econdev .textbanner .textbanner-container > div .profile-banner .profile-info .profile-contacts a:last-child { padding-right: 0; } @media (min-width: 768px) and (max-width: 1023px) { .econdev .textbanner .textbanner-container > div .profile-banner .profile-info .profile-contacts a { padding: 0 10px; } } .econdev .textbanner .textbanner-container > div .profile-banner .profile-info .profile-contacts.hide-pipes a { display: none; } .econdev .textbanner .textbanner-container > div .links-banner > div { flex-wrap: wrap; display: flex; width: 100%; /* .links-title { width: 100%; margin-top: 0px; color: @primary-gray; } */ } @media (min-width: 768px) and (max-width: 1023px) { .econdev .textbanner .textbanner-container > div .links-banner > div { width: 310px; } } .econdev .textbanner .textbanner-container > div .links-banner > div a { width: 50%; margin: 9px 0; } @media (max-width: 767px) { .econdev .textbanner .textbanner-container > div .links-banner > div a { width: 100%; } } .econdev .textbanner .textbanner-container > div .left-section, .econdev .textbanner .textbanner-container > div .links-title, .econdev .textbanner .textbanner-container > div .links-banner { padding: 0 60px; width: 100%; } @media (max-width: 1023px) { .econdev .textbanner .textbanner-container > div .left-section, .econdev .textbanner .textbanner-container > div .links-title, .econdev .textbanner .textbanner-container > div .links-banner { padding: 0 30px; } } .econdev .textbanner .textbanner-container > div > a { padding-left: 60px; } @media (max-width: 1023px) { .econdev .textbanner .textbanner-container > div > a { padding: 7px 30px; width: 100%; } } .econdev .textbanner .textbanner-container ul, .econdev .textbanner .textbanner-container ol { font-size: 15px; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } .econdev .textbanner .textbanner-container ul { list-style-type: initial; } .econdev .textbanner .textbanner-container ol { list-style-type: decimal; } .econdev .textbanner a { font-size: 15px; } .econdev .textbanner a:empty { display: none; } .econdev .textbanner .blue-line { width: 100%; max-width: 400px; height: 2px; background-color: #0096bd; margin: 16px auto; } @media (max-width: 767px) { .econdev .textbanner .blue-line { max-width: 1024px; } } @media (max-width: 767px) { .econdev .textbanner .blue-line .blue-line.short { margin: 16px 30px; width: 30px; } } .econdev footer { width: 100%; max-width: 1280px; margin: auto; background: #ffffff; padding: 30px 30px 0; } .econdev footer .links-container { display: flex; } .econdev footer .links-container ul { padding-top: 22px; padding-bottom: 22px; } .econdev footer .links-container ul h3 { margin-top: 0; margin-bottom: 17px; line-height: initial; } .econdev footer .links-container ul li { margin: 0; padding-right: 0; } @media (max-width: 1023px) { .econdev footer .links-container ul { padding-top: 10px; padding-bottom: 10px; } } .econdev footer .links-container ul:first-child { display: flex; flex-wrap: wrap; min-width: 53%; flex: 1 1; } .econdev footer .links-container ul:first-child li { padding-right: 40px; } @media (min-width: 768px) and (max-width: 1919px) { .econdev footer .links-container ul:first-child { min-width: initial; flex: initial; } } @media (min-width: 768px) and (max-width: 1023px) { .econdev footer .links-container ul:first-child { flex-direction: column; flex-grow: 1; } .econdev footer .links-container ul:first-child li { padding-right: 10px; } } .econdev footer .links-container ul:nth-child(2) { flex-grow: 1; box-sizing: border-box; padding-right: 40px; padding-left: 40px; border-left: 1px solid #c4c7c8; display: flex; align-items: center; } @media (min-width: 768px) and (max-width: 1023px) { .econdev footer .links-container ul:nth-child(2) { flex-grow: 0; padding-right: 30px; padding-left: 30px; } } .econdev footer .links-container ul:last-child { padding: 10px 0 10px 50px; display: flex; flex-direction: column; justify-content: space-between; border-left: 1px solid #c4c7c8; } @media (min-width: 768px) and (max-width: 1023px) { .econdev footer .links-container ul:last-child { padding-left: 30px; justify-content: space-around; } } .econdev footer .links-container .aem-form-field { display: flex; justify-content: space-between; align-items: center; } .econdev footer .links-container .aem-form-field input[type=text] { flex-grow: 1; width: auto; margin-right: 15px; } @media (max-width: 767px) { .econdev footer .links-container { flex-wrap: wrap; } .econdev footer .links-container ul:first-child { order: 2; flex-direction: column; } .econdev footer .links-container ul:first-child li { padding: 8px 0; } .econdev footer .links-container ul:nth-child(2) { order: 1; justify-content: center; border: none; padding: 0 10px 32px; border-bottom: 1px solid #c4c7c8; } .econdev footer .links-container ul:nth-child(2) h3 { font-size: 1.7em; } .econdev footer .links-container ul:last-child { order: 3; justify-content: flex-start; padding-top: 20px; padding-right: 10px; padding-left: 0; border-left: none; } .econdev footer .links-container ul:last-child li { padding: 11px 0; } .econdev footer .links-container .aem-form-field input[type=text] { display: none; } .econdev footer .links-container .aem-form-field .btn { margin: auto; } } .econdev footer .copyright { flex-grow: 1; width: 100%; font-size: 15px; color: #666666; padding: 20px 0 0; box-sizing: border-box; } @media (max-width: 767px) { .econdev footer .copyright { padding: 10px 20px; width: auto; } .econdev footer .copyright p { margin: 10px auto; } .econdev footer .copyright p:nth-child(2) { max-width: 250px; line-height: initial; } } .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item { margin-bottom: 5px; } .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item .accordion-header { background-color: #eef1f2; padding: 0 26px; height: 64px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item .accordion-header .accordion-title { color: #404040; font-size: 1.5em; } .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item .accordion-header .accordion-icon { background-color: #ffffff; height: 32px; width: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5em; } .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item .accordion-header .accordion-icon .fa { margin: 0; } .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item .accordion-header .accordion-icon .fa-minus { display: none; } .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item .accordion-body { padding: 25px; display: none; color: #666666; } .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item .accordion-body p, .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item .accordion-body ul, .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item .accordion-body table { font-size: 15px; } .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item.accordion-open .accordion-icon .fa-minus { display: block; } .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item.accordion-open .accordion-icon .fa-plus { display: none; } .econdev .pfaccordion .fpl-accordion .accordionitem .accordion-item.accordion-open .accordion-body { display: block; } .econdev .cardInfo > div { padding: 125px 0; } .econdev .cardInfo > div > p { max-width: 800px; margin: 15px auto 40px; font-size: 15px; } .econdev .cardInfo > div h1 { max-width: 800px; margin: auto; } @media (max-width: 767px) { .econdev .cardInfo > div { padding: 70px 0; } .econdev .cardInfo > div h1 { font-size: 2.7em; } .econdev .cardInfo > div p { margin: 15px auto 15px; } } @media (max-width: 1023px) { .econdev .cardInfo > div h1, .econdev .cardInfo > div p { padding: 0 16px; } } .econdev .cardInfo .black:not(a) { color: #404040; } .econdev .cardInfo .center-align { text-align: center; } .econdev .cardInfo .answers .teaser-section .carousel-inner { height: auto; } @media (max-width: 767px) { .econdev .cardInfo .answers .teaser-section .carousel-inner > .item { display: block; } } .econdev .cardInfo .answers .teaser-section .carousel-indicators-wrap { height: 30px; position: relative; margin-top: 15px; } .econdev .cardInfo .answers .teaser-section .carousel-indicators-wrap .carousel-indicators { top: 50%; transform: translateY(-50%); bottom: initial; } .econdev .cardInfo .answers .teaser-section .carousel-indicators-wrap .carousel-indicators li { border-color: #0073a8; background-color: #ffffff; } .econdev .cardInfo .answers .teaser-section .carousel-indicators-wrap .carousel-indicators li.active { background-color: #0073a8; } .econdev .cardInfo .answers .teaser-section .carousel-indicators-wrap .carousel-indicators .rc-carousel-control span { border-top: 1px solid #666666; border-right: 1px solid #666666; width: 7px; height: 7px; margin-bottom: 2px; } .econdev .cardInfo .answers .teaser-section .carousel-indicators-wrap .carousel-indicators .rc-carousel-control span:hover { border-color: #0073a8; } .econdev .cardInfo .answers .teaser-section .carousel-indicators-wrap .carousel-indicators.carousel-control-next { margin-left: 36px; } .econdev .cardInfo .answers .teaser-section .carousel-indicators-wrap .carousel-indicators.carousel-control-prev { margin-left: -46px; } @media (max-width: 767px) { .econdev .cardInfo .answers .teaser-section .carousel-indicators-wrap .carousel-indicators.carousel-control-next { margin-left: 27px; } } @media (max-width: 767px) { .econdev .cardInfo .answers .teaser-section .carousel-indicators-wrap { display: none; } } .econdev .cardInfo .answers .info { justify-content: center; display: flex; } .econdev .cardInfo .answers .info > div { width: 100%; max-width: 350px; margin: 0 12px; padding: 24px; box-sizing: border-box; } .econdev .cardInfo .answers .info > div > div { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .econdev .cardInfo .answers .info > div.card-text { padding: 50px 24px; } .econdev .cardInfo .answers .info > div.card-image-text img { max-height: 50px; margin: 0 auto 30px; width: 100%; } .econdev .cardInfo .answers .info > div.card-image > div { flex-direction: row; align-items: center; justify-content: center; } .econdev .cardInfo .answers .info > div.card-image > div img { width: 100%; } .econdev .cardInfo .answers .info > div h1 { margin: 0; font-size: 2.7em; } .econdev .cardInfo .answers .info > div h1:empty { display: none; } .econdev .cardInfo .answers .info > div h2 { font-size: 1.5em; font-weight: bold; margin: 0; } .econdev .cardInfo .answers .info > div p { padding: 20px 0; } .econdev .cardInfo .answers .info > div p, .econdev .cardInfo .answers .info > div a { font-size: 15px; margin: 0; } @media (max-width: 767px) { .econdev .cardInfo .answers .info { flex-direction: column; } .econdev .cardInfo .answers .info > div { margin: 16px; width: auto; } } @media (max-width: 767px) and (orientation: landscape) { .econdev .cardInfo .answers .info { align-items: center; } .econdev .cardInfo .answers .info > div { width: 100%; } } .econdev .map-container { padding: 0 16px; } .econdev .map-container .map-gridContainer { border: 2px solid #0096bd; width: 100%; max-width: 1280px; padding: 100px 100px 70px; margin-top: 450px; margin-bottom: 30px; margin-left: auto; margin-right: auto; box-sizing: border-box; } @media (min-width: 320px) and (max-width: 1023px) { .econdev .map-container .map-gridContainer { padding: 30px; width: auto; } } @media (max-width: 767px) { .econdev .map-container .map-gridContainer { padding: 16px; margin-top: 390px; } } .econdev .map-container .map-gridContainer .pf-map-wrapper { position: relative; display: flex; width: 100%; margin: auto; margin-top: -470px; margin-bottom: 40px; } @media (max-width: 767px) { .econdev .map-container .map-gridContainer .pf-map-wrapper { margin-top: -345px; margin-bottom: 30px; flex-direction: column; } } .econdev .map-container .map-gridContainer .pf-map-wrapper #pf-map { width: 100%; height: 100%; max-height: 560px; min-height: 560px; } @media (max-width: 767px) { .econdev .map-container .map-gridContainer .pf-map-wrapper #pf-map { max-height: 200px; min-height: 200px; } } .econdev .map-container .map-gridContainer .pf-map-wrapper .introduction { position: absolute; background-color: #0c2739; width: 100%; max-width: 316px; top: 35%; left: 5%; padding: 30px; z-index: 100; display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 767px) { .econdev .map-container .map-gridContainer .pf-map-wrapper .introduction { position: relative; top: 0; left: 0; max-width: initial; min-height: 190px; } } .econdev .map-container .map-gridContainer .pf-map-wrapper .introduction .textIntro { color: #ffffff; font-size: 2.1em; line-height: 25px; text-align: left; margin-bottom: 30px; } .econdev .map-container .map-gridContainer .pf-map-wrapper .introduction .introLink { color: #ffffff; font-size: 1.5em; cursor: pointer; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox { width: 350px; height: 240px; padding: 30px; position: absolute; background-color: rgba(255, 255, 255, 0.8); right: 10%; top: 50%; transform: translateY(-50%); z-index: 100; display: none; flex-direction: column; justify-content: space-between; transition: 0.2s; transition-timing-function: ease; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox a.close-x { height: 18px; width: 18px; position: absolute; top: 20px; right: 20px; background-image: url('/content/dam/poweringflorida/us/en/images/icons/close-gray-lg.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; background-size: contain; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox .locationTitle { font-weight: bold; color: #404040; margin-top: 0; margin-bottom: 5px; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox .locationSubTitle { font-size: 1.5em; color: #666666; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox .locationValue li { position: relative; padding-left: 20px; font-size: 1.1em; color: #666666; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox .locationValue li::before { background-image: url('/content/dam/poweringflorida/us/en/images/icons/check-in-blue-circle.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; content: ''; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; left: 0; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox .link-block { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox .link-block .st-link { font-size: 1.3em; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox .link-block .next-prev-btns { display: flex; align-items: center; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox .link-block .next-prev-btns input[type="button"] { width: 20px; height: 20px; background-size: 8px 14px; display: inline-block; background-image: url('/content/dam/poweringflorida/us/en/images/icons/arrow-right-blue.svg'); background-repeat: no-repeat; background-position: center; background-color: transparent; border: none !important; cursor: pointer; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox .link-block .next-prev-btns input[type="button"]:disabled { background-image: url('/content/dam/poweringflorida/us/en/images/icons/arrow-right-gray.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; cursor: default; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox .link-block .next-prev-btns #previousMarker { transform: rotate(180deg); } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox .link-block .next-prev-btns span { display: inline-block; border-left: 1px solid #c4c7c8; height: 14px; margin: 0 10px; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox::before { content: ''; position: absolute; top: 98px; left: -25px; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 25px solid rgba(255, 255, 255, 0.8); } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent { background-color: rgba(12, 39, 57, 0.8); color: #ffffff; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent a.close-x { background-image: url('/content/dam/poweringflorida/us/en/images/icons/close-white.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent .locationTitle, .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent .locationSubTitle { color: #ffffff; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent .locationValue li { color: #ffffff; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent .locationValue li::before { background-image: url('/content/dam/poweringflorida/us/en/images/icons/check-in-white-circle.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent .link-block .st-link { color: #ffffff; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent .link-block .next-prev-btns input[type="button"] { background-image: url('/content/dam/poweringflorida/us/en/images/icons/arrow-right-white.svg'); background-repeat: no-repeat; background-position: center; background-color: transparent; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent .link-block .next-prev-btns #previousMarker { transform: rotate(180deg); } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent .link-block .next-prev-btns span { border-left: 1px solid #ffffff; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent::before { border-right: 25px solid rgba(12, 39, 57, 0.8); } @media (max-width: 767px) { .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox { position: relative; top: 0; left: 0; right: 0; transform: initial; padding: 20px; min-height: 190px; height: auto; border: 1px solid #c4c7c8; width: 100%; box-shadow: none; background-color: #ffffff; } .econdev .map-contai€ÿner .map-gridContainer .pf-map-wrapper .showLocationbox .locationValue { display: none; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox .link-block { margin-top: 50px; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox::before { display: none; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox::after { content: ''; position: absolute; height: 30px; width: 30px; bottom: -16px; transform: translateX(-50%) rotate(45deg); left: 50%; top: auto; background-color: #ffffff; border-right: 1px solid #c4c7c8; border-bottom: 1px solid #c4c7c8; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent { background-color: #0c2739; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent::before { bottom: -15px; left: 50%; transform: translateX(-50%); top: auto; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #0c2739; border-bottom: none; display: block; } .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox.dark-blue-transparent::after { display: none; } } @media (max-width: 1023px) { .econdev .map-container .map-gridContainer .pf-map-wrapper .showLocationbox { right: 5%; } } .econdev .map-container .map-gridContainer .gridContainer { display: flex; flex-wrap: wrap; justify-content: space-between; } .econdev .map-container .map-gridContainer .gridContainer .locationdetails { padding: 20px 0; width: calc(33% - 10px); position: relative; } .econdev .map-container .map-gridContainer .gridContainer .locationdetails .st-image { width: 100%; max-height: 200px; } .econdev .map-container .map-gridContainer .gridContainer .locationdetails h3 { font-weight: bold; } .econdev .map-container .map-gridContainer .gridContainer .locationdetails .st-link { font-size: 1.3em; } .econdev .map-container .map-gridContainer .gridContainer .locationdetails .description { font-size: 1.3em; color: #666666; padding: 6px 0 4px 0; } .econdev .map-container .map-gridContainer .gridContainer .locationdetails .location-number { width: 64px; background-color: rgba(12, 39, 57, 0.8); position: absolute; left: 0; top: 40px; color: #ffffff; text-align: center; padding: 8px; font-size: 1.7em; } @media (max-width: 767px) { .econdev .map-container .map-gridContainer .gridContainer .locationdetails { width: 100%; } } .econdev .map-container .map-gridContainer .pagination { display: flex; align-items: center; justify-content: center; margin-top: 30px; margin-bottom: 0; } .econdev .map-container .map-gridContainer .pagination input[type="button"] { width: 20px; height: 20px; background-size: 9px 16px; display: inline-block; background-image: url('/content/dam/poweringflorida/us/en/images/icons/arrow-right-blue.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; background-color: #ffffff; border: none !important; cursor: pointer; } .econdev .map-container .map-gridContainer .pagination input[type="button"]:disabled { background-image: url('/content/dam/poweringflorida/us/en/images/icons/arrow-right-gray.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; cursor: default; } .econdev .map-container .map-gridContainer .pagination #previous { transform: rotate(180deg); } .econdev .map-container .map-gridContainer .pagination p { margin: 0 5px; font-size: 1.3em; color: #666666; } .econdev .map-container .map-gridContainer .pagination p span { margin: 0 3px; } .econdev .pfNewsRoomCFList .pfNewsRoom-header { display: flex; justify-content: space-between; align-items: center; padding: 0 8px; margin-bottom: 20px; } .econdev .pfNewsRoomCFList .pfNewsRoom-header h2 { margin: 0; } .econdev .pfNewsRoomCFList .pfNewsRoom-header .btn-group { display: flex; align-items: center; } .econdev .pfNewsRoomCFList .pfNewsRoom-header .btn-group span { padding: 0 10px; font-size: 15px; } .econdev .pfNewsRoomCFList .news-card-container { column-count: 3; box-sizing: border-box; } @media (max-width: 767px) { .econdev .pfNewsRoomCFList .news-card-container { column-count: 1; } } .econdev .pfNewsRoomCFList .news-card-container article { padding: 8px; break-inside: avoid-column; } .econdev .pfNewsRoomCFList .news-card-container article > div { padding: 16px 16px; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .econdev .pfNewsRoomCFList .news-card-container article > div img { width: 100%; margin-bottom: 20px; clear: both; } .econdev .pfNewsRoomCFList .news-card-container article > div .date-info, .econdev .pfNewsRoomCFList .news-card-container article > div .time-info { margin: 0 0 13px; } .econdev .pfNewsRoomCFList .news-card-container article > div .date-info data, .econdev .pfNewsRoomCFList .news-card-container article > div .time-info data { font-size: 15px; color: #666666; } .econdev .pfNewsRoomCFList .news-card-container article > div .date-info { float: left; } .econdev .pfNewsRoomCFList .news-card-container article > div .time-info { float: right; } .econdev .pfNewsRoomCFList .news-card-container article > div p { color: #404040; font-size: 15px; line-height: 22px; letter-spacing: 0.15px; clear: both; } .econdev .pfNewsRoomCFList .news-card-container article > div a { text-decoration: none; font-weight: bold; } .econdev .pfNewsRoomCFList .news-card-container article dl { margin-bottom: 8px; } .econdev .btn-prev, .econdev .btn-next { border: none; background-color: transparent; width: 20px; height: 20px; background-size: 9px 16px; background-position: center; background-repeat: no-repeat; cursor: pointer; } .econdev .btn-prev { background-image: url('/content/dam/poweringflorida/us/en/images/icons/arrow-right-gray.svg'); transform: rotate(180deg); } .econdev .btn-prev:hover { background-image: url('/content/dam/poweringflorida/us/en/images/icons/arrow-right-blue.svg'); transform: rotate(180deg); } .econdev .btn-next { background-image: url('/content/dam/poweringflorida/us/en/images/icons/arrow-right-gray.svg'); } .econdev .btn-next:hover { background-image: url('/content/dam/poweringflorida/us/en/images/icons/arrow-right-blue.svg'); } /* --- HERO VIDEO START --- */ @media (max-width: 767px) { .econdev .pfherovideo .hero-video-container .header-container { height: 70vh !important; } } @media (min-width: 1024px) { .econdev .pfherovideo .hero-video-container .header-container .caption-container { transform: translate(-50%, -50%); bottom: initial; left: 50%; right: initial; min-width: 600px; } } .econdev .pfherovideo .hero-video-container .header-container .video-container-yt img, .econdev .pfherovideo .hero-video-container .header-container .video-container img { width: initial; } @media (max-width: 767px) { .econdev .pfherovideo .hero-video-container .header-container .video-container-yt img, .econdev .pfherovideo .hero-video-container .header-container .video-container img { height: 71vh !important; } } @media (min-width: 1024px) { .econdev .pfherovideo .hero-video-container .header-container .video-container-yt img, .econdev .pfherovideo .hero-video-container .header-container .video-container img { display: none !important; } } /* --- HERO VIDEO START --- */ .econdev .pf-result-container .result-item .result-item-heading a { font-size: 15px; } .econdev .pf-result-container .result-item .result-item-heading img { vertical-align: bottom; } .econdev .pf-result-container .result-item .result-item-content { font-size: 15px; } .econdev { /* Start- Single Video Modal */ } .econdev .singlevideo .img-responsive { width: 100%; } .econdev .singlevideo .image-video { position: relative; } .econdev .singlevideo .image-video iframe { position: absolute; width: 100%; } @media (max-width: 1920px) and (min-width: 1600px) { .econdev .singlevideo .image-video iframe { width: 99%; } } @media (max-width: 1599px) and (min-width: 1367px) { .econdev .singlevideo .image-video iframe { width: 98%; } } @media (max-width: 1366px) and (min-width: 1024px) { .econdev .singlevideo .image-video iframe { /*width: 97%;*/ } } @media (max-width: 1023px) and (min-width: 768px) { .econdev .singlevideo .image-video iframe { width: 95%; } } @media (max-width: 767px) { .econdev .singlevideo .image-video iframe { width: 90%; } } .econdev .singlevideo .image-video .sv-player { display: flex; justify-content: center; align-items: center; width: 100%; margin: 0; } .econdev .singlevideo .image-video .sv-player .sv-player-icon { content: ""; position: absolute; background-image: url(/content/dam/poweringflorida/us/en/images/icons/tile-video-icon.png); background-size: contain; margin: 0; font-size: 60px; display: block; height: 60px; width: 60px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; cursor: pointer; } @media (max-width: 1023px) and (min-width: 768px) { .econdev .singlevideo .image-video .sv-player .sv-player-icon { width: 40px; height: 40px; } } .econdev .sv-modal { text-align: center; padding: 0px !important; } @media (min-width: 768px) { .econdev .sv-modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } .econdev .sv-modal .sv-modal-dialog { display: inline-block; text-align: left; vertical-align: middle; width: 1024px; height: 576px; max-width: 100%; position: relative; } @media (max-width: 1439px) and (min-width: 1024px) { .econdev .sv-modal .sv-modal-dialog { width: 820px; height: 400px; } } @media (max-width: 767px) { .econdev .sv-modal .sv-modal-dialog { width: 100%; height: 300px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; margin: 0px !important; } } @media (max-width: 1023px) and (min-width: 768px) { .econdev .sv-modal .sv-modal-dialog { width: 100%; display: table-cell; } } .econdev .sv-modal .sv-modal-content { line-height: 0px; overflow: hidden !important; } .econdev .sv-modal .sv-modal-body { padding: 0px; height: 100%; } .econdev .sv-modal .sv-modal-close { position: absolute; color: #ffffff; z-index: 9999; font-size: 30px; right: 5px; top: 10px; text-decoration: none; padding: 0px; } @media (max-width: 767px) { .econdev #sv-yt-modal { z-index: 99999; } } .econdev #sv-yt-modal iframe { width: 100%; height: 576px; border-width: 0px; } @media (max-width: 1439px) and (min-width: 1024px) { .econdev #sv-yt-modal iframe { height: 460px; } } @media (max-width: 767px) { .econdev #sv-yt-modal iframe { height: 300px; } } @media (max-width: 1024px) and (min-width: 768px) { .econdev #sv-yt-modal.fade.in { display: table !important; width: 100%; height: 100%; } } .econdev .video .videoautoplay { position: relative; height: 100%; } .econdev .video .videoautoplay .video-autoplay-dam { width: 100%; border-left: none; border-right: none; position: relative; } .econdev .video .videoautoplay .video-autoplay-dam .video-container-dam .video-poster-dam { display: none!important; } .econdev .video .videoautoplay .video-autoplay-dam .video-container-dam .video-foreground-dam #video-dam-sm, .econdev .video .videoautoplay .video-autoplay-dam .video-container-dam .video-foreground-dam #video-dam-md { height: auto !important; width: 100%; z-index: 99; color: #ffffff; } .econdev .video .videoautoplay .video-autoplay-dam i.btn-round { position: absolute; border: 2px solid #ffffff; padding-left: 2px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .econdev .video .videoautoplay .video-autoplay-dam i.btn-round.fa-pause { display: none; } @media (min-width: 1024px) { .econdev .video .videoautoplay .video-autoplay-dam:hover i.btn-round.fa-pause { display: block; } } @media (max-width: 1023px) { .econdev .video .videoautoplay .video-autoplay-dam:active i.btn-round.fa-pause, .econdev .video .videoautoplay .video-autoplay-dam:focus i.btn-round.fa-pause { display: block; } } .econdev .cmp-carousel.navigation-carousel { background-color: transparent; position: relative; width: 100%; padding-top: 50.25%; display: grid; } .econdev .cmp-carousel.navigation-carousel.four-images { padding-top: 65.25%; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding-bottom: 50px; margin-bottom: 8px; display: -ms-grid; display: grid; padding-bottom: 0px; height: 100%; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content .cmp-carousel__item { width: 100%; height: 100%; box-sizing: border-box; display: block; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content .cmp-carousel__item .openhtml { display: inline; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content .cmp-carousel__item .nav-carousel-item { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; display: block; width: 100%; background-color: #ffffff; height: 100%; transition: all 0.3s ease-in-out; cursor: pointer; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content .cmp-carousel__item .nav-carousel-item:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; z-index: 10; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content .cmp-carousel__item .nav-carousel-item .hover-text { display: none; position: absolute; top: 0; bottom: 0; right: 0; left: 0; font-size: 15px; line-height: 21px; font-weight: normal; color: #ffffff; background-color: #0c2739; padding: 25px; } @media (min-width: 768px) and (max-width: 1023px) { .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content .cmp-carousel__item .nav-carousel-item .hover-text { padding: 15px; font-size: 15px; line-height: 21px; } } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.right-primary, .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.left-primary { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: repeat(13, 1fr); grid-template-rows: repeat(14, 1fr); } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.right-primary .cmp-carousel__item:nth-child(1) { -ms-grid-column: 9; -ms-grid-column-span: 5; grid-column: 0.64285714; -ms-grid-row: 1; -ms-grid-row-span: 7; grid-row: 0.125; padding: 0 0 4px 4px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.right-primary .cmp-carousel__item:nth-child(4) { -ms-grid-column: 9; -ms-grid-column-span: 5; grid-column: 0.64285714; -ms-grid-row: 8; -ms-grid-row-span: 7; grid-row: 0.53333333; padding: 4px 0 0 4px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.right-primary .cmp-carousel__item:nth-child(2) { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 0.55555556; -ms-grid-row: 1; -ms-grid-row-span: 5; grid-row: 0.16666667; padding: 0 4px 4px 4px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.right-primary .cmp-carousel__item:nth-child(3) { -ms-grid-column: 5; -ms-grid-column-span: 4; grid-column: 0.2; -ms-grid-row: 1; -ms-grid-row-span: 5; grid-row: 0.16666667; padding: 0 4px 4px 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.right-primary .cmp-carousel__item:nth-child(5) { -ms-grid-column: 1; -ms-grid-column-span: 8; grid-column: 0.11111111; -ms-grid-row: 6; -ms-grid-row-span: 9; grid-row: 0.4; padding: 4px 4px 0 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.left-primary .cmp-carousel__item:nth-child(1) { -ms-grid-column: 1; -ms-grid-column-span: 5; grid-column: 0.16666667; -ms-grid-row: 1; -ms-grid-row-span: 7; grid-row: 0.125; padding: 0 4px 4px 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.left-primary .cmp-carousel__item:nth-child(4) { -ms-grid-column: 1; -ms-grid-column-span: 5; grid-column: 0.16666667; -ms-grid-row: 8; -ms-grid-row-span: 7; grid-row: 0.53333333; padding: 4px 4px 0 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.left-primary .cmp-carousel__item:nth-child(2) { -ms-grid-column: 6; -ms-grid-column-span: 4; grid-column: 0.6; -ms-grid-row: 1; -ms-grid-row-span: 5; grid-row: 0.16666667; padding: 0 4px 4px 4px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.left-primary .cmp-carousel__item:nth-child(3) { -ms-grid-column: 10; -ms-grid-column-span: 4; grid-column: 0.71428571; -ms-grid-row: 1; -ms-grid-row-span: 5; grid-row: 0.16666667; padding: 0 0 4px 4px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.left-primary .cmp-carousel__item:nth-child(5) { -ms-grid-column: 6; -ms-grid-column-span: 8; grid-column: 0.42857143; -ms-grid-row: 6; -ms-grid-row-span: 9; grid-row: 0.4; padding: 4px 0 0 4px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.center-primary { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: repeat(30, 1fr); grid-template-rows: repeat(20, 1fr); } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.center-primary .cmp-carousel__item:nth-child(1) { -ms-grid-column: 1; -ms-grid-column-span: 11; grid-column: 0.08333333; -ms-grid-row: 1; -ms-grid-row-span: 9; grid-row: 0.11111111; padding: 0 7px 7px 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.center-primary .cmp-carousel__item:nth-child(4) { -ms-grid-column: 3; -ms-grid-column-span: 9; grid-column: 0.25; -ms-grid-row: 10; -ms-grid-row-span: 12; grid-row: 0.42857143; padding: 7px 7px 0 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.center-primary .cmp-carousel__item:nth-child(2) { -ms-grid-column: 12; -ms-grid-column-span: 8; grid-column: 0.6; -ms-grid-row: 1; -ms-grid-row-span: 20; grid-row: 0.04761905; padding: 0 7px 0px 7px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.center-primary .cmp-carousel__item:nth-child(3) { -ms-grid-column: 20; -ms-grid-column-span: 9; grid-column: 0.68965517; -ms-grid-row: 1; -ms-grid-row-span: 12; grid-row: 0.07692308; padding: 0 0 7px 7px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.center-primary .cmp-carousel__item:nth-child(5) { -ms-grid-column: 20; -ms-grid-column-span: 11; grid-column: 0.64516129; -ms-grid-row: 13; -ms-grid-row-span: 8; grid-row: 0.61904762; padding: 7px 0 0 7px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.overlay-label .nav-carousel-item:hover { box-shadow: none; } @media (min-width: 768px) { .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.overlay-label .nav-carousel-item:hover .hover-text { display: block; } } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.overlay-label .nav-carousel-item .nav-car-label { position: absolute; top: 0; bottom: 0; right: 0; left: 0; font-size: 15px; font-weight: normal; color: #ffffff; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #0c2739 100%); display: flex; align-items: flex-end; padding: 25px; z-index: 100; } @media (max-width: 1023px) { .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.overlay-label .nav-carousel-item .nav-car-label { padding: 15px 10px; } } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.overlay-label .nav-carousel-item .nav-car-label span { position: relative; display: inline-block; width: 100%; padding-right: 30px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.overlay-label .nav-carousel-item .nav-car-label span::after { content: ''; position: absolute; height: 24px; width: 24px; background-color: #ffffff; background-image: url('content/dam/poweringflorida/us/en/images/icons/arrow-right-blue.svg'); background-repeat: no-repeat; background-position: center; background-size: 10px 10px; border-radius: 50%; right: 5px; top: 50%; transform: translateY(-50%); } @media (max-width: 1023px) { .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.overlay-label .nav-carousel-item .nav-car-label span::after { right: 0px; } } @media (max-width: 767px) { .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.overlay-label .nav-carousel-item .nav-car-label span { font-size: 15px; } } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.solid-label .nav-car-label { content: ""; position: absolute; bottom: 0; right: 0; left: 0; padding: 8px 15px; font-size: 15px; font-weight: bold; padding: 12px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.solid-label .nav-car-label.brand-blue-bg { background-color: #0073a8; color: #ffffff; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.solid-label .nav-car-label.brand-blue-bg.opacity { background-color: rgba(0, 115, 168, 0.9); } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.solid-label .nav-car-label.brand-blue-bg.gradient { background-color: transparent; background: #0073a8; background: linear-gradient(0deg, rgba(0, 115, 168, 0.9) 67%, rgba(255, 255, 255, 0) 100%); padding-top: 30px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.solid-label .nav-car-label.brand-white-bg { background-color: #ffffff; color: #404040; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.solid-label .nav-car-label.brand-white-bg.opacity { background-color: rgba(255, 255, 255, 0.9); } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.solid-label .nav-car-label.brand-white-bg.gradient { background-color: transparent; background: #ffffff; background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 67%, rgba(255, 255, 255, 0) 100%); padding-top: 30px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: repeat(28, 1fr); grid-template-rows: repeat(20, 1fr); } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(1) { -ms-grid-column: 1; -ms-grid-column-span: 14; grid-column-start: 1; grid-column-end: 15; -ms-grid-row: 1; -ms-grid-row-span: 8; grid-row-start: 1; grid-row-end: 9; padding: 0 7px 7px 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(2) { -ms-grid-column: 15; -ms-grid-column-span: 11; grid-column-start: 15; grid-column-end: 27; -ms-grid-row: 1; -ms-grid-row-span: 12; grid-row-start: 1; grid-row-end: 13; padding: 0 0 7px 7px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(3) { -ms-grid-column: 4; -ms-grid-column-span: 11; grid-column-start: 3; grid-column-end: 15; -ms-grid-row: 9; -ms-grid-row-span: 12; grid-row-start: 9; grid-row-end: 22; padding: 7px 7px 0 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(4) { -ms-grid-column: 15; -ms-grid-column-span: 14; grid-column-start: 15; grid-column-end: 29; -ms-grid-row: 13; -ms-grid-row-span: 8; grid-row-start: 13; grid-row-end: 21; padding: 7px 0px 0 7px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(5) { display: none; } @media (max-width: 767px) { .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(1) { padding: 0 5px 5px 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(2) { padding: 0 0 5px 5px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(3) { padding: 5px 5px 0 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(4) { padding: 5px 0px 0 5px; } } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content .cmp-carousel__indicators { display: none; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content .cmp-carousel__actions { display: none; } @media (max-width: 767px) { .econdev .cmp-carousel.navigation-carousel { padding-top: 185%; } .econdev .cmp-carousel.navigation-carousel.four-images { padding-top: 125%; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.right-primary, .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.left-primary, .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.center-primary { grid-template-columns: repeat(30, 1fr); grid-template-rows: repeat(20, 1fr); } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.right-primary .cmp-carousel__item:nth-child(1), .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.left-primary .cmp-carousel__item:nth-child(1), .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.center-primary .cmp-carousel__item:nth-child(1) { grid-column: 0.0625; grid-row: 0.125; padding: 0 5px 5px 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.right-primary .cmp-carousel__item:nth-child(4), .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.left-primary .cmp-carousel__item:nth-child(4), .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.center-primary .cmp-carousel__item:nth-child(4) { grid-column: 0.0625; grid-row: 0.66666667; padding: 5px 5px 0 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.right-primary .cmp-carousel__item:nth-child(2), .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.left-primary .cmp-carousel__item:nth-child(2), .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.center-primary .cmp-carousel__item:nth-child(2) { grid-column: 0.03225806; grid-row: 0.57142857; padding: 5px 0 5px 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.right-primary .cmp-carousel__item:nth-child(3), .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.left-primary .cmp-carousel__item:nth-child(3), .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.center-primary .cmp-carousel__item:nth-child(3) { grid-column: 0.51612903; grid-row: 0.125; padding: 0 0 5px 5px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.right-primary .cmp-carousel__item:nth-child(5), .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.left-primary .cmp-carousel__item:nth-child(5), .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.center-primary .cmp-carousel__item:nth-child(5) { grid-column: 0.51612903; grid-row: 0.66666667; padding: 5px 0 0 5px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images { grid-template-columns: repeat(28, 1fr); grid-template-rows: repeat(20, 1fr); } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(1) { grid-column-start: 1; grid-column-end: 15; grid-row-start: 1; grid-row-end: 11; padding: 0 5px 5px 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(2) { grid-column-start: 15; grid-column-end: 29; grid-row-start: 1; grid-row-end: 11; padding: 0 0 5px 5px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(3) { grid-column-start: 1; grid-column-end: 15; grid-row-start: 11; grid-row-end: 21; padding: 5px 5px 0 0; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(4) { grid-column-start: 15; grid-column-end: 29; grid-row-start: 11; grid-row-end: 21; padding: 5px 0px 0 5px; } .econdev .cmp-carousel.navigation-carousel .cmp-carousel__content.four-images .cmp-carousel__item:nth-child(5) { display: none; } } .econdev.nee-campaign .cmp-carousel.navigation-carousel .cmp-carousel__content.overlay-label .nav-carousel-item .nav-car-label span::after { background-image: url('../../clientlibs/icons/arrow-right-blue.svg'); } .econdev.nee-campaign { font-size: 15px; font-family: arial; } @media (max-width: 767px) { .econdev.nee-campaign { margin-top: 75px; } } .econdev.nee-campaign h1, .econdev.nee-campaign h2, .econdev.nee-campaign h3, .econdev.nee-campaign h4, .econdev.nee-campaign h5 .h1, .econdev.nee-campaign .h2, .econdev.nee-campaign .h3, .econdev.nee-campaign .h4, .econdev.nee-campaign .h5 { font-family: Arial !important; font-weight: normal; } .econdev.nee-campaign h1, .econdev.nee-campaign h2{ font-weight: bold; text-transform: uppercase; } .econdev.nee-campaign h1 { font-size: 36px; line-height: 43px; } .econdev.nee-campaign h2 { font-size: 32px; line-height: 40px; } .econdev.nee-campaign h3 { font-size: 32px; line-height: 40px; } .econdev.nee-campaign h4 { font-size: 27px; line-height: 34px; } .econdev.nee-campaign p,.econdev.nee-campaign div { font-family: Arial; font-size: 15px; line-height: 21px; } .nee-campaign a{ font-weight: bold; font-size: 15px; line-height: 21px; color: #0073a8; font-family: Arial !important; } .econdev.nee-campaign .nee-campaign-navbar .nav-menu-desktop a{ font-weight: normal; } .econdev.nee-campaign p.subtitle1{ font-size: 25px; line-height: 30px; } .econdev.nee-campaign p.subtitle2{ font-size: 21px; line-height: 27px; } .econdev.nee-campaign .emphasis1{ font-size: 60px; line-height: 60px; } .econdev.nee-campaign .emphasis2{ font-size: 48px; line-height: 64px; } @media (min-width: 768px) and (max-width: 1023px) { .econdev.nee-campaign .emphasis1{ font-size: 36px; line-height: 43px; } .econdev.nee-campaign #heroBanner{ top: 30%; } /*.econdev.nee-campaign h2 { font-size: 28px; line-height: 40px; }*/ } @media (max-width: 767px){ .econdev.nee-campaign h1 { font-size: 27px; line-height: 34px; } .econdev.nee-campaign h2 { font-size: 25px; line-height: 30px; } .econdev.nee-campaign h3 { elš“ font-size: 25px; line-height: 30px; } .econdev.nee-campaign h4 { font-size: 21px; line-height: 27px; } .econdev.nee-campaign p { font-size: 15px; line-height: 21px; } .econdev.nee-campaign p.subtitle1{ font-size: 19px; line-height: 21px; } .econdev.nee-campaign p.subtitle2{ font-size: 17px; line-height: 24px; } .econdev.nee-campaign .emphasis1{ font-size: 32px; line-height: 43px; } } /*@media (max-width: 1023px) { .econdev.nee-campaign h1 { font-size: 48px; } .econdev.nee-campaign h2 { font-size: 36px; } .econdev.nee-campaign h3 { font-size: 24px; } .econdev.nee-campaign h4 { font-size: 20px; } }*/ .econdev.nee-campaign .btn { border-radius: 23px; font-size: 15px; padding: 0 40px; width: initial; height: 43px; display: inline-flex; align-items: center; justify-content: center; font-family: arial; font-weight: bold; } .econdev.nee-campaign .btn.btn-md, .econdev.nee-campaign .btn.btn-sm { width: initial !important; } .econdev.nee-campaign .textbanner .textbanner-container p { font-size: 15px; } .econdev.nee-campaign .textbanner .textbanner-container a { font-weight: bold; font-size: 15px; } .econdev.nee-campaign .info-blocks .item .carousel-caption .subtitle { font-family: arial; font-size: 15px; /* font-style: normal; */ } @media (max-width: 767px) { .econdev.nee-campaign .info-blocks .carousel-control span { font-size: 15px; color: #404040; margin: 0; } } .econdev.nee-campaign .info-blocks .carousel-indicators li { border-color: #404040; } .econdev.nee-campaign .info-blocks .carousel-indicators .active { background-color: #404040; } /*.econdev.nee-campaign .answers .video-section .video-card .video-text-wrap h1, .econdev.nee-campaign .answers .bb-cards-section .bb-card .bb-text-wrap h1, .econdev.nee-campaign .answers .video-section .video-card .video-text-wrap h2, .econdev.nee-campaign .answers .bb-cards-section .bb-card .bb-text-wrap h2 { font-weight: normal; }*/ .econdev.nee-campaign .cmp-carousel.navigation-carousel .cmp-carousel__content.overlay-label .nav-carousel-item .nav-car-label { font-size: 15px; line-height: 21px; } .econdev.nee-campaign .cmp-carousel.navigation-carousel .cmp-carousel__content .cmp-carousel__item .nav-carousel-item .hover-text { font-size: 15px; line-height: 21px; } .econdev.nee-campaign .navbar-standard .nav.navbar-nav li a { font-size: 15px; font-family: arial !important; } .econdev.nee-campaign .navbar-standard .nav.navbar-nav li.active a { font-weight: bold; } /*@media (max-width: 767px) { .econdev.nee-campaign .navbar-standard .nav.navbar-nav li a { font-size: 1.13em; } .econdev.nee-campaign .navbar-standard .nav.navbar-nav.navbar-right li a { font-size: 1.85em; } }*/ .econdev.nee-campaign .footer { background-color: #f2f2f2; } /*.econdev.nee-campaign .footer .footer-nav a { font-size: 1.25em; } .econdev.nee-campaign .footer .copyright p { font-size: 0.82em; }*/ .econdev.nee-campaign .footer footer { background-color: #f2f2f2; } /*.econdev.nee-campaign .answers p { font-size: 1.6em; }*/ .econdev.nee-campaign #stackinfo-font .feature-section { padding-top: 0; } .econdev.nee-campaign #stackinfo-font .feature-section > div:first-child { display: none; } .econdev.nee-campaign #stackinfo-font h3 { /*font-size: 75px;*/ padding: 25px 0; } @media (max-width: 1023px) { .econdev.nee-campaign #stackinfo-font h3 { /*font-size: 48px;*/ padding: 15px 0; } } @media (max-width: 767px) { .econdev.nee-campaign #stackinfo-font h3 { /*font-size: 36px;*/ padding: 5px 0; } } /*.econdev.nee-campaign #stackinfo-font .feature-text { font-size: 16px; }*/ .econdev.nee-campaign .stackinfo .answers .feature-section h2 { font-weight: normal; } .econdev.nee-campaign .stackinfo .answers .feature-section .feature-banner .feature-card h3 { font-family: arial !important; font-weight: bold; /*font-size: 1.3em;*/ letter-spacing: initial; padding: 5px 0; } /*.econdev.nee-campaign .stackinfo .answers .feature-section .feature-banner .feature-card .feature-text { font-size: 0.95em; }*/ .econdev.nee-campaign .stackinfo .answers .feature-section .feature-banner .feature-card a { /*font-size: 0.95em;*/ font-weight: bold; } .econdev.nee-campaign .answers .video-section .video-card .video-text-wrap .btn-sm { width: initial; } .econdev.nee-campaign .searchbox .input-group-btn .btn { font-size: 15px; display: inline-block; } .econdev.nee-campaign .searchbox .input-group-btn .btn.reset, .econdev.nee-campaign .searchbox .input-group-btn .btn.search { height: 46px; padding: 5px 16px; font-size: 15px; /*line-height: 1.33;*/ border-radius: 6px; } .econdev.nee-campaign .searchbox .input-group-btn .btn.search { padding: 10px 16px; } /*.econdev.nee-campaign .fifty50 p { font-size: 1em; } .econdev.nee-campaign .fifty50 h4 { font-size: 36px; }*/ .econdev.nee-campaign .scroll-sub-nav .scroll-nav-container .nav-item-box .nav-item-content:hover .descr-link .nav-link a::after { background-image: url('../../clientlibs/icons/arrow-right-blue.svg'); } .econdev .textbanner .dark-blue-line { width: 100%; max-width: 400px; height: 2px; background-color: #0c2739; margin: 16px auto; } .econdev .textbanner .green-line { width: 100%; max-width: 400px; height: 2px; background-color: #68bb45; margin: 16px auto; } .nee-campaign .blue-vertical-line { position: relative; } .nee-campaign .blue-vertical-line::before { height: 100%; content: ""; width: 4px; background-color: #0073a8; position: absolute; left: -25px; top: 50%; transform: translatey(-50%); } .nee-campaign .btn-blue { background-color: #0073a8; color: white; border-color: #0073a8; } .nee-campaign .btn-green { background-color: #447b2d; color: white; border-color: #447b2d; } .nee-campaign .btn-white-outline { background-color: transparent; color: white; border-color: white; } .nee-campaign { /* Dropdown styles */ /* Mobile view */ } .nee-campaign .nee-campaign-header { width: 100%; height: 82px; display: flex; justify-content: center; box-shadow: 0 1px 7px 0px #c4c8c7; position: fixed; top: 0; right: 0; left: 0; z-index: 1000; background-color: #ffffff; } .nee-campaign .nee-campaign-header .nee-campaign-navbar { max-width: 1440px; width: 100%; display: flex; align-items: center; font-family: arial; margin: 0 30px; } @media (max-width: 1023px) { .nee-campaign .nee-campaign-header .nee-campaign-navbar { margin: 0 16px; } } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nee-campaign-logo { padding-top: 10px; } @media (max-width: 1023px) { .nee-campaign .nee-campaign-header .nee-campaign-navbar .nee-campaign-logo img { max-width: 130px; } } .nee-campaign .nee-campaign-header .nee-campaign-navbar .flex-spacer { flex-grow: 1; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop.capitalize > ul li { text-transform: capitalize; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul { list-style-type: none; margin: 0; padding: 0; display: flex; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li { margin-right: 50px; box-sizing: border-box; cursor: pointer; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li:last-child { margin-right: 0; } @media (min-width: 768px) and (max-width: 1023px) { .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li { margin-right: 12px; } } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li > a { text-decoration: none; font-size: 15px; color: #666666; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 1023px) { /*.nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li > a { font-size: 11px; }*/ } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn { position: relative; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn > a { position: relative; padding-right: 30px; } @media (min-width: 768px) and (max-width: 1023px) { .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn > a { padding-right: 18px; } } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn > a::after { content: ""; width: 16px; height: 14px; background-image: url('../../clientlibs/icons/arrow-right-gray.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; background-size: 7px 10px; position: absolute; transform: rotate(90deg); right: 0; top: 0px; } @media (min-width: 768px) and (max-width: 1023px) { .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn > a::after { height: 15px; background-size: 6px 11px; } } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn > a.search::after { width: 24px; height: 24px; background-image: url('../../clientlibs/icons/magn-glass.svg'); background-size: 22px 22px; transform: rotate(0deg) !important; top: -7px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn.active > a { color: #0C2739; font-weight: bold; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn.active > a::after { transform: rotate(270deg); background-image: url('../../clientlibs/icons/arrow-right-navy.svg'); } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn.active > a.search::after { background-image: url('../../clientlibs/icons/magn-glass-navy.svg'); transform: rotate(0deg) !important; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn.active .dropdown-box { display: flex; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .back-close-btn { display: none; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .policy-list { display: none; } .nee-campaign .nee-campaign-header .dropdown-box { display: none; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box { display: none; justify-content: center; position: fixed; left: 0; right: 0; top: 82px; background-color: #F7F8F9; box-shadow: 0 26px 26px -11px #c4c8c7; max-height: 80%; overflow: auto; font-size: 15px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body { max-width: 1440px; width: 100%; display: flex; padding: 40px 0; margin: 0 30px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .about { width: 25%; padding-right: 60px; border-right: 1px solid #c4c8c7; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .about h3 { font-family: Arial; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .about .btn.standard { width: initial !important; } @media (min-width: 768px) and (max-width: 1023px) { .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .about { padding-right: 30px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .about .btn.standard { padding: 0 30px; } } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .about ul { list-style-type: none; text-transform: none; margin: 0; padding: 0; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .about ul a { color: #0073a8; font-size: 15px; font-weight: bold; text-decoration: none; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap { flex-grow: 1; padding-left: 70px; display: flex; flex-wrap: wrap; } @media (min-width: 768px) and (max-width: 1023px) { .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap { padding-left: 35px; } } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col { width: 25%; margin-top: 20px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col .links-title { margin-right: 30px; position: relative; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col .links-title a { /*font-size: 17px;*/ color: #666666; position: relative; padding-right: 26px; text-decoration: none; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col .links-title a:hover, .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col .links-title a:active, .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col .links-title a:focus { text-decoration: none; color: #0C2739; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col .links-title a::after { content: ""; width: 16px; height: 16px; background-image: url('../../clientlibs/icons/arrow-right-blue.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; background-size: 6px 10px; position: absolute; right: 0; top: 1px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col ul { list-style-type: none; text-transform: none; margin: 0; padding: 0; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col ul li { margin: 15px 0; padding-right: 15px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col ul li a { color: #0073a8; font-size: 15px; font-weight: bold; text-decoration: none; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .search-wrap { display: flex; align-items: center; margin: auto; width: 100%; max-width: 900px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .search-wrap.econdev { margin-top: 0; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .search-wrap.econdev .search-input-container { width: 100%; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .search-wrap.econdev .btn { border-radius: 22px; margin-left: 40px; /*font-size: 1.5em;*/ border: 2px solid #0073a8; max-height: 43px; width: 248px !important; opacity: 1; } @media (max-width: 1023px) { .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .search-wrap.econdev .btn { width: 155px !important; } } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .btn-primary { background-color: #0073a8; color: #ffffff; } @media (max-width: 1023px) { .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .btn-primary { width: 155px !important; } } @media (max-width: 767px) { .nee-campaign .nee-campaign-header { height: 75px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-mobile ul { list-style-type: none; margin: 0; padding: 0; display: flex; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-mobile ul li > a { width: 35px; height: 35px; display: block; position: relative; margin-right: 15px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-mobile ul li > a::after { content: ""; position: absolute; background-repeat: no-repeat; background-color: transparent; background-position: center; left: 50%; top: 50%; transform: translate(-50%, -50%); } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-mobile ul li > a.search::after { width: 24px; height: 24px; background-image: url('../../clientlibs/icons/magn-glass.svg'); background-size: 22px 22px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-mobile ul li > a.hamburger::after { width: 24px; height: 24px; background-image: url('../../clientlibs/icons/menu-dark.svg'); background-size: 22px 22px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #f7f8f9; padding-top: 0px; z-index: 100; flex-direction: column; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop.show-menu { display: flex; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul { flex-direction: column; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li { width: 100%; margin: 0; padding: 0px 30px; border-bottom: 1px solid #c4c8c7; height: 63px; display: flex; align-items: center; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li:last-child { display: none; } /*.nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li > a { font-size: 18px; }*/ .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn > a { width: 100%; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn > a::after { top: 50%; transform: rotate(0deg) translateY(-50%); background-size: 14px 12px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn.accent > a { color: #0C2739; text-shadow: 0 0 0.01px #0C2739; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn.accent > a::after { transform: rotate(0deg) translateY(-50%); background-image: url('../../clientlibs/icons/arrow-right-navy.svg'); } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .policy-list { flex-grow: 1; display: flex; align-items: flex-end; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .policy-list ul { list-style-type: none; text-transform: none; margin: 50px 0 0 0; padding: 0 0 30px 30px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .policy-list ul a { color: #0073a8; font-size: 15px; font-weight: bold; text-decoration: none; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .back-close-btn { position: relative; display: flex; justify-content: space-between; height: 75px; border-bottom: 1px solid #c4c8c7; padding: 0 30px; align-items: center; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .back-close-btn .back-btn { font-size: 15px; color: #0073a8; font-weight: bold; text-transform: initial; text-decoration: none; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .back-close-btn .back-btn::before { content: ""; width: 16px; height: 14px; background-image: url('../../clientlibs/icons/arrow-left-blue.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; background-size: 7px 12px; position: absolute; left: 9px; top: 50%; transform: translateY(-50%); } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .back-close-btn .close-btn, .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .back-close-btn .back-menu { position: relative; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .back-close-btn .close-btn::before, .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .back-close-btn .back-menu::before { content: ""; width: 18px; height: 18px; background-image: url('../../clientlibs/icons/close-icon-gray.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; background-size: 18px 18px; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .back-close-btn .current-menu, .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .back-close-btn .main-menu { text-transform: uppercase; color: #0c2739; text-shadow: 0 0 0.01px #0C2739; /*font-size: 18px;*/ position: relative; padding-right: 35px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .back-close-btn .current-menu::after, .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop .back-close-btn .main-menu::after { content: ""; width: 16px; height: 14px; transform: rotate(90deg); background-image: url('../../clientlibs/icons/arrow-right-navy.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; background-size: 8px 13px; position: absolute; right: 0px; top: 5px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box { bottom: 0; top: 0; max-height: initial; z-index: 200; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body { margin: 0; max-width: 100%; padding-top: 0; flex-direction: column; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .about { width: 100%; border: none; order: 2; padding: 32px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap { padding-left: 0; display: block; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col { width: 100%; margin-top: 0; padding: 12px 30px; min-height: 63px; height: auto; border-bottom: 1px solid #c4c8c7; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col .links-title { width: 100%; display: inline-block; /* font-size: 18px;*/ margin-top: 6px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col .links-title a::after { display: none; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col .links-title::after { content: ""; width: 16px; height: 16px; background-image: url('../../clientlibs/icons/arrow-right-gray.svg'); background-repeat: no-repeat; background-color: transparent; background-position: center; position: absolute; right: 0; background-size: 8px 13px; top: 5px; transform: rotate(90deg); } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col.expanded .links-title { text-shadow: 0 0 0.01px #0C2739; color: #0C2739; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col.expanded .links-title::after { transform: rotate(270deg); background-image: url('../../clientlibs/icons/arrow-right-navy.svg'); } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col.expanded ul { display: block; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-desktop > ul > li.dropdown-btn .dropdown-box .dropdown-body .links-wrap .links-col ul { display: none; padding-left: 20px; padding-top: 10px; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-mobile > ul > li.dropdown-btn .dropdown-box { position: fixed; left: 0; right: 0; bottom: 0; top: 75px; max-height: initial; z-index: 200; background-color: #F7F8F9; padding: 50px 16px; } .superfooter .footer { margin-top: 0!important; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-mobile > ul > li.dropdown-btn .dropdown-box .dropdown-body { margin: 0; max-width: 100%; padding-top: 0; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-mobile > ul > li.dropdown-btn .dropdown-box .dropdown-body .search-wrap.econdev { margin-top: 0; } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-mobile > ul > li.dropdown-btn.active .search::after { background-image: url('../../clientlibs/icons/magn-glass-navy.svg'); } .nee-campaign .nee-campaign-header .nee-campaign-navbar .nav-menu-mobile > ul > li.dropdown-btn.active .dropdown-box { display: block; } }PK!’ëÚƒìeìPKk¯šX!’ëÚƒìeìecondevstyles-v2.cssPKBÅì