html, 
body { color: #333; font-family: "Open Sans", sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; }
.container { padding: 0; width: 100%; }

/* Links */
a { transition: background-color .2s, color .2s; padding: 4px 0; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
button { background: #666; border: 0; color: #fff; margin: 6px 0 6px; padding: 8px 14px 6px; transition: background .2s, color .2s; }
button:hover { background: #999; }

/* Headers */
h1 { font-size: 1.4em; left: -9999px; margin: 0; position: absolute; }
h2 { font-size: 2.8em; margin: 26px 0; }
h3 { color: #002D72; font-size: 2.4em; font-weight: 800; line-height: 1.4em; margin: 46px 0 22px; }
h4 { color: #022150; font-size: 1.6em; font-weight: 800;margin: 46px 0 12px; }
h5 { font-size: 1.4em; margin: 46px 0 12px; }
h6 { font-size: 1.2em; margin: 46px 0 12px; }

/* Paragraphs & Lists */
p { line-height: 1.6em; margin: 26px 0; }
ul, 
ol { margin: 20px 0; }
li { line-height: 1.6em; margin: 12px 0; }
img { max-width: 100%; }

/* Header */

header { box-shadow: 0 4px 8px -2px #444; }
#header-top { align-items: center; background: #022150; display: flex; padding: 14px 2.5%; justify-content: space-between; }
#header-bottom { align-items: center; background: #fff; display: flex; justify-content: space-between; padding: 12px 2.5% 12px 2%; transition: padding .3s; }
#header-bottom img { height: 80px; transition: height .4s; }
header nav ul { list-style: none; margin: 0; padding: 0; }
header nav li { display: inline-block; margin: 0; margin-left: 53px; position: relative; }
header nav li > span { color: #022150; cursor: pointer; font-size: 1.2em; font-weight: 700; transition: font-size .3s; }
header nav li a { color: #022150; display: block; font-size: 1.2em; font-weight: 700; padding: 0; transition: font-size .3s; }
header nav li a span { display: block; position: relative; z-index: 1; }
header nav li a:before { background-image: url("../images/orange-underline.png"); background-size: 100% 100%; content: ""; height: 10px; left: -9999px; position: absolute; top: 80%; width: 100%; }
header nav li a:after { background: #fff; content: ""; height: 10px; position: absolute; right: 9999px; top: 80%; transition: width .3s; width: 100%; }
header nav li a:hover:before { left: 0; }
header nav li a:hover:after { right: 0; width: 0; }
header nav li ul { background: #fff; box-shadow: 0 4px 8px -2px #aaa; left: -9999px; opacity: 0; padding: 8px 15px; position: absolute; width: 250px; z-index: 1; }
header nav li ul li { display: block; margin: 14px 0; }
header nav li ul li a { font-size: 1em; font-weight: 400; line-height: 1.3em;text-decoration: underline; }
header nav li ul li a:before,
header nav li ul li a:after { display: none; }
header nav li ul li a:hover { color: #000; }
header nav li:hover ul { left: 0; opacity: 1; transition: left 0s, opacity .3s; }
header nav li.focused ul { left: 0; opacity: 1; transition: left 0s, opacity .3s; }

header.scrolled { position: fixed; width: 100%; z-index: 100; }
header.scrolled #header-top { display: none; }
header.scrolled #header-bottom { padding: 8px 2.5% 8px 1.5%; }
header.scrolled #header-bottom img { height: 50px; }
header.scrolled nav li span,
header.scrolled nav li a { font-size: 1em; }

#translation-widget label { left: -9999px; position: absolute;}
#translation-widget select { background: transparent; border: 0; color: #fff; }
#translation-widget select option { background: transparent; border: 0; color: #000; }
#google_translate_element { display: none; }

#contact-menu { list-style: none; margin: 0; padding: 0; }
#contact-menu li { display: inline-block; margin: 0 0 0 14px; }
#contact-menu li a { opacity: 1; transition: opacity .2s; }
#contact-menu li a:hover { opacity: .8; }

#skiptocontent { background-color: #fff; border-radius: 8px; box-shadow: 2px 2px 8px 0 #000; font-size: 1.3em; left: -9999px; padding: 6px 12px; position: absolute; top: -9999px; }
#skiptocontent:focus { left: 8px; top: 8px; }

#mobile-menu { background: transparent; border: 0; display: none; margin: 0; padding: 0 4px; }
#mobile-menu .line { background: #022150; display: block; height: 3px; left: 0; margin: 0 0 6px; position: relative; top: 0; transition: .3s; width: 26px; }
#mobile-menu .line.btm { margin: 0; }

.ada-element { left: -9999px; position: absolute; }

/* General Formatting */
#content > section { padding: 46px 8% 76px; }

.row { display: flex; gap: 5%; justify-content: space-between; margin: 0; }
.row:before,
.row:after { display: none; }
#content .row > div { padding: 0; }
#content p a { color: #1A99D5; font-weight: 700; text-decoration: underline; }
#content p a:hover { color: #0a79ae; }

/* Footer */

#landowner-link { background-image: url("../images/Landowner_Footer.jpg"); background-size: cover; background-position: center; color: #022150; padding: 44px 12% 70px; }
#landowner-link .row { align-items: center; }
#landowner-link h3 { color: #022150; }
#landowner-link a { padding-left: 0; transition: padding .3s; }
#landowner-link a:hover { padding-left: 18px; }
#landowner-link p { font-size: 1.1em; font-weight: 600;  }

#footer-top { align-items: center; background-color: #001534; color: #fff; display: flex; justify-content: space-between; padding: 30px 3% 16px; }
#footer-top nav ul { text-align: right;  }
#footer-top nav ul li { display: inline-block; margin: 0 0 0 34px; position: relative; }
#footer-top nav ul li span { cursor: pointer; font-size: 1.1em; font-weight: 700; }
#footer-top nav ul li a { color: #fff; font-size: 1.1em; font-weight: 700; }
#footer-top nav li a:before { background-image: url("../images/orange-underline.png"); background-size: 100% 100%; content: ""; height: 10px; left: -9999px; position: absolute; top: 80%; width: 100%; }
#footer-top nav li a:after { background: #001534; content: ""; height: 10px; position: absolute; right: 9999px; top: 80%; transition: width .3s; width: 100%; }
#footer-top nav li a:hover:before { left: 0; }
#footer-top nav li a:hover:after { right: 0; width: 0; }
#footer-top nav ul li:last-of-type { display: block; margin-top: 4px; }
#footer-top nav ul li:last-of-type a { transition: opacity .25s; }
#footer-top nav ul li:last-of-type a:hover { opacity: .7; }
#footer-top nav ul li:last-of-type a:before,
#footer-top nav ul li:last-of-type a:after { display: none; }
#footer-top nav ul li ul { background: #fff; bottom: 100%; box-shadow: 0 4px 8px -2px #333; left: -9999px; opacity: 0; padding: 4px 15px 2px; position: absolute; text-align: left; width: 250px; z-index: 1; }
#footer-top nav ul li ul li { display: block; margin: 12px 0; }
#footer-top nav ul li ul li a { color: #001534; font-size: 1em; font-weight: 400; line-height: 1.3em; text-decoration: underline; }
#footer-top nav ul li ul li a:before,
#footer-top nav ul li ul li a:after { display: none; }
#footer-top nav ul li ul li a:hover { color: #A8CF39; }
#footer-top nav ul li:hover ul { left: 0; opacity: 1; transition: left 0s, opacity .3s; }
#footer-top nav ul li.focused ul { left: 0; opacity: 1; transition: left 0s, opacity .3s; }

#footer-bottom { align-items: center; background: #001534; color: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 14px 3% 20px; }
#footer-bottom p { margin: 0; }
#footer-bottom a { color: #fff; text-decoration: underline; }
#footer-bottom a:hover { color: #A8CF39; }

#social-media { list-style: none; margin: 0; padding: 0; }
#social-media li { display: inline-block; margin: 0 0 0 18px; }
#social-media li a img { display: block; height: 22px; opacity: 1; transition: opacity .25s; }
#social-media li a:hover img { opacity: .7; }

/* Common Subpage Elements */

.blue-row { background: #022150; color: #fff; }
.blue-row h3,
.blue-row h4 { color: #fff; }

.gray-row { background: #F5F5F5; }

.split-blue { padding: 0 !important; }
.split-blue .row { gap: 4%; }
.split-blue .row > div:first-of-type { background: #E8F5FB; padding: 46px 6% 76px 7% !important; }
.split-blue .row > div:last-of-type { padding: 46px 8% 76px 0 !important; }

.underline { display: inline-block;position: relative; }
.underline:before { background-image: url("../images/orange-underline.png"); background-size: 100% 100%; background-repeat: no-repeat; content: ""; height: 10px; position: absolute; top: 87%; width: 100%; }
.underline:after { background: #fff; content: ""; height: 10px; position: absolute; right: 0; top: 87%; transition: width .75s; width: 100%; }
.underline span { position: relative; z-index: 1; }
.underline.animated:after { width: 0; }
.underline.green:before { background-image: url("../images/green-underline.png"); }

.instruction { font-weight: 300; margin-bottom: 44px; padding-left: 32px; position: relative; }
.instruction:before { background: #F47721; border-radius: 50%; color: #fff; content: "i"; font-weight: 700; height: 24px; left: 0; line-height: 24px; position: absolute; text-align: center; top: 0; width: 24px; }

.qtep-button { background: #FFC72C; border: 1px solid #ffc72c; border-radius: 28px; color: #022150; display: inline-block; font-size: 1.1em; font-weight: 800; padding: 8px 54px 8px 20px; position: relative; }
.qtep-button:after { background-image: url("../images/right-arrow.png"); content: ""; height: 16px; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 23px; }
.qtep-button:hover { background: #fff; color: #022150; }
.qtep-button:hover:after { background-position: 23px 0; transition: background .6s; }

#subpage-header { background-image: url("../images/wmv-proj-bg.jpg"); background-size: cover; background-position: center; border-bottom: 20px solid #002D72; color: #fff; padding: 78px 14% 84px !important; position: relative; }
#subpage-header h2 { font-size: 3.1em; font-weight: 900; line-height: 1.4em; text-align: center; }
#subpage-header:before,
#subpage-header:after { background: #E87200; bottom: -20px; content: ""; height: 20px; position: absolute; right: 0; width: 36%; }
#subpage-header:after { background: #FFC72C; bottom: -20px; content: ""; height: 20px; position: absolute; right: 0; width: 12%; }

#subpage-subtext { font-size: 1.4em; font-weight: 300; text-align: center; }
#subpage-subtext .underline { font-weight: 300; }
#subpage-subtext p { border-bottom: 1px solid #002D72; padding-bottom: 64px; position: relative; }
#subpage-subtext p:after { background: #fff; background-image: url("../images/icons/tline.svg"); background-size: 44px; background-repeat: no-repeat; background-position: center; bottom: -20px; ; content: ""; height: 40px; left: 50%; padding: 8px 0; position: absolute; transform: translateX(-50%); width: 75px; }

.big-img img { width: 100%; }

/* Homepage */

#homepage-header .row { align-items: center; padding: 34px 0 60px !important; }
#homepage-header h2 { color: #022150; font-size: 3.8em; font-weight: 800; line-height: 1.2em; }
#homepage-header h2 strong { font-weight: 800; }
#homepage-header .underline:before,
#homepage-header .underline:after { height: 30px; }
#homepage-header p { font-size: 1.4em; }

#future-grid { background-image: url("../images/icons/biglightbulb.svg"); background-repeat: no-repeat; background-size: auto 100%; }
#future-grid .row { align-items: center; }
#future-grid .row > div:first-of-type { font-size: 1.1em; font-weight: 600; padding-right: 4%; }
#future-grid ul { list-style: none; padding: 0; }
#future-grid ul li { border-left: 3px solid #A8CF39; margin-bottom: 28px; padding: 22px 0 1px 32px; }
#future-grid ul li:nth-of-type(2) { border-left-color: #E8F5FB; }
#future-grid ul li:nth-of-type(3) { border-left-color: #E87200; }
#future-grid ul li:nth-of-type(4) { border-left-color: #FFC72C; }
#future-grid ul li h4 { margin: 0; }
#future-grid ul li h4 img { margin-right: 8px; }
#future-grid .underline:after { background: #022150; }

#qtep-projects h3 + p { font-weight: 600; }

@keyframes pulse {
    0% { height: 120%; opacity: .6; width: 120%; }
    50% { height: 160%; opacity: 1; width: 160%; }
    100% { height: 120%; opacity: .6; width: 120%; }
}

@keyframes note {
    0% { margin-bottom: 0; }
    50% { margin-bottom: 8px; }
    100% { margin-bottom: 0; }
}

#qtep-map { position: relative; }
#qtep-map > a { border-radius: 50%; box-shadow: 0 5px 6px -2px #333; position: absolute; left: 53%; top: 44%; }
#qtep-map > a:nth-of-type(1) { left: 43%; top: 10%; }
#qtep-map > a:nth-of-type(3) { left: 71%; top: 9%; }
#qtep-map > a:nth-of-type(4) { left: 66%; top: 16%; }
#qtep-map > a:nth-of-type(5) { left: 57%; top: 20%; }
#qtep-map > a:nth-of-type(6) { left: 54%; top: 11%; }
#qtep-map > a img { height: 42px; position: relative; width: 42px; }
#qtep-map > a.active:before { animation-name: pulse; animation-iteration-count: infinite; animation-duration: 1.8s; background: rgba(0,0,0,.5); border-radius: 50%; content: ""; height: 120%; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-48%); width: 120%; }
#qtep-map > a:after { animation-name: note; animation-iteration-count: infinite; animation-duration: 1.4s; border: 14px solid transparent; border-top-color: #000; bottom: 100%; content: ""; left: 50%; opacity: 0; position: absolute; transform: translateX(-50%); transition: opacity .4s;}
#qtep-map > a.hovered:after { opacity: 1; }

.qtep-map-accd .qtep-button { margin-bottom: 28px; }

#qtep-schedule { background: #E8F5FB; }
#qtep-schedule h3 + p { font-size: 1.1em; font-weight: 600; }

#schedule { margin: 48px 0 80px; overflow: hidden; padding: 82px 0 20px; position: relative; }
#schedule > div { display: flex; margin: 24px 0; position: relative; width: 100%; }
#schedule div[aria-hidden="true"] { display: flex; height: 100%; justify-content: space-between; left: 10%; position: absolute; top: 0; width: 90%; }
#schedule div[aria-hidden="true"] div { background: #002d72; color: #fff; font-size: 1.1em; font-weight: 700; height: 44px; line-height: 44px; width: 10.5%; }
#schedule div[aria-hidden="true"] div span { display: block; text-align: center; width: 100%; }
#schedule div[aria-hidden="true"] div:before { border-right: 2px dashed #a3acb0; content: ""; height: 100%; margin-left: .4%; margin-top: 44px; position: absolute; text-align: left; width: 10.5%; }
#schedule div[aria-hidden="true"] div:first-of-type { border-radius: 88px 0 0 88px; }
#schedule div[aria-hidden="true"] div:last-of-type { border-radius: 0 88px 88px 0; }
#schedule div[aria-hidden="true"] div.white { background: #fff; border: 1px solid #002d72; color: #002d72; }
#schedule h4 { color: #333; font-size: 1em; line-height: 1.4em; margin: 0; text-align: right; width: 12%; }
#schedule ul { flex: 1; margin: 0; padding-left: 14px; }
#schedule ul li { background: #58595B; border-radius: 88px; display: inline-block; height: 10px; margin: 0; vertical-align: middle; }
#schedule ul li:nth-of-type(2) { background: #1A99D5; }
#schedule ul li:nth-of-type(3) { background: #FFC72C; }
#schedule ul li:nth-of-type(4) { background: #E87200; }
#schedule ul li:nth-of-type(5) { background: transparent; height: auto; margin-left: 4px;width: auto !important; }

#schedule > div:nth-of-type(2) ul li,
#schedule > div:nth-of-type(5) ul li { width: 17%; }
#schedule > div:nth-of-type(2) ul li:nth-of-type(2),
#schedule > div:nth-of-type(5) ul li:nth-of-type(2) { width: 27%; }
#schedule > div:nth-of-type(2) ul li:nth-of-type(3),
#schedule > div:nth-of-type(5) ul li:nth-of-type(3) { width: 9%; }
#schedule > div:nth-of-type(2) ul li:nth-of-type(4),
#schedule > div:nth-of-type(5) ul li:nth-of-type(4) { width: 8%; }

#schedule > div:nth-of-type(3) ul li { width: 14%; }
#schedule > div:nth-of-type(3) ul li:nth-of-type(2) { width: 46%; }
#schedule > div:nth-of-type(3) ul li:nth-of-type(3) { width: 20%; }
#schedule > div:nth-of-type(3) ul li:nth-of-type(4) { width: 14%; }

#schedule > div:nth-of-type(4) ul li,
#schedule > div:nth-of-type(6) ul li,
#schedule > div:nth-of-type(7) ul li { width: 29%; }
#schedule > div:nth-of-type(4) ul li:nth-of-type(2),
#schedule > div:nth-of-type(6) ul li:nth-of-type(2),
#schedule > div:nth-of-type(7) ul li:nth-of-type(2) { width: 16%; }
#schedule > div:nth-of-type(4) ul li:nth-of-type(3),
#schedule > div:nth-of-type(6) ul li:nth-of-type(3),
#schedule > div:nth-of-type(7) ul li:nth-of-type(3) { width: 16%; }
#schedule > div:nth-of-type(4) ul li:nth-of-type(4),
#schedule > div:nth-of-type(6) ul li:nth-of-type(4),
#schedule > div:nth-of-type(7) ul li:nth-of-type(4) { width: 8%; }

#schedule-key { border-top: 1px dashed #002D72; list-style: none; padding: 0; }
#schedule-key h4 { color: #414141; font-size: 1em; font-weight: 400; }
#schedule-key div { display: flex; flex-wrap: wrap; }
#schedule-key li { margin-right: 2%; width: 16%; }
#schedule-key li img { display: block; margin: 0 auto; }
#schedule-key li:nth-of-type(5) { text-align: center; width: 100px; }
#schedule-key li:before { background: #58595B; border-radius: 88px; content: ""; display: block; height: 10px; margin-bottom: 18px; width: 60%; }
#schedule-key li:nth-of-type(2):before { background: #1A99D5; }
#schedule-key li:nth-of-type(3):before { background: #FFC72C; }
#schedule-key li:nth-of-type(4):before { background: #E87200; }
#schedule-key li:nth-of-type(5):before { display: none; }

#working-together .row { align-items: center; padding-top: 42px !important; }
#working-together h3 { margin-top: 20px; }

#overview { padding-bottom: 102px !important; }
#overview .qtep-button { margin-top: 32px; }
#overview .row { margin-top: 38px; } 
#overview .row > div { font-size: 1.1em; font-weight: 600;  }

#pud-facts { background-image: url("../images/hp-btm-bg.jpg"); background-size: cover; background-position: center; color: #fff; font-size: 1.1em; font-weight: 600; }
#pud-facts h3 { border-top: 3px solid #fff; color: #fff; margin-bottom: 8px; padding-top: 24px; }
#pud-facts p { margin-top: 8px; }
#pud-facts ul { border-bottom: 3px solid #fff; display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 12px 2% 44px; }
#pud-facts ul li { text-align: center; width: 23%; }
#pud-facts ul li span { color: #A8CF39; display: block; font-size: 6em; font-weight: 900; line-height: 1em; margin-bottom: 8px; }

#powering-future { font-size: 1.1em; font-weight: 600; padding-top: 76px !important; }
#powering-future p:first-of-type { margin-top: 0; }
#powering-future a { color: #fff; text-decoration: underline; }

/* Project Pages */

#project-location .row > div { margin-bottom: 24px; }
#project-location.coming-soon h3 { font-size: 1.4em; margin-top: 0; text-align: center;}

#were-listening { background: #E8F5FB; padding: 0 !important; }
#were-listening .row > div:first-of-type img { height: 100%; object-fit: cover; object-position: center; position: absolute; width: 100%; }
#were-listening .row > div:last-of-type { padding-right: 8%; padding-bottom: 56px; }
#were-listening .qtep-button { background: #022150; border-color: #022150; color: #fff; margin-top: 20px; }
#were-listening .qtep-button:after { filter: brightness(200); }
#were-listening .qtep-button:hover { background: #fff; color: #022150; }
#were-listening .qtep-button:hover:after { filter: brightness(0); }

#benefits ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; margin-top: 60px; padding: 0; }
#benefits ul li { font-size: 1.1em; font-weight: 600;  text-align: center; width: 23%; }
#benefits ul li div { background: #A8CF39; border-radius: 50%; height: 120px; line-height: 120px; margin: 0 auto; text-align: center; width: 120px; }
#benefits ul li div img { width: 60px; }
#benefits ul li h4 { font-size: 1.3em; font-weight: 700; margin-top: 28px; text-transform: uppercase; }

#project-schedule em { margin: 24px 0 40px; }

/* Landowner Resources */

#subpage-header.landowner-page { background-image: url("../images/landowner-bg.jpg"); }

#subpage-subtext.powering-version p { border: 0; padding-bottom: 38px;  }
#subpage-subtext.powering-version p:after { display: none; }
#subpage-subtext nav { border-bottom: 1px solid #002D72; padding-bottom: 64px; position: relative; }
#subpage-subtext nav:after { background: #fff; background-image: url("../images/Powering_Our_Future_icon_black_1.png"); background-size: 60px; background-repeat: no-repeat; background-position: center; bottom: -30px; ; content: ""; height: 60px; left: 50%; padding: 8px 0; position: absolute; transform: translateX(-50%); width: 105px; }

.jump-links ul { list-style: none; padding: 0; }
.jump-links li { display: inline-block; margin: 0 22px 8px; }
.jump-links li a { color: #002D72; font-weight: 600; text-decoration: underline; }
.jump-links li a:hover { color: #000; }

#right-of-way h3 + p { font-size: 1.1em; font-weight: 600; }
#right-of-way h5 { background: #A8CF39; color: #002D72; font-weight: 900; margin-bottom: 34px; padding: 8px 14px; }
#right-of-way .row > div { margin-bottom: 80px; position: relative; }
#right-of-way h6 { color: #1A99D5; font-weight: 700; margin: 12px 0 28px; text-align: center; }

#land-uses  { padding-bottom: 146px !important; }
#land-uses .row > div:last-of-type img { height: 100%; object-position: center; object-fit: cover; position: absolute; width: 100%;}
#land-uses h4:first-of-type { margin-top: 28px; }
#land-uses h4 { color: #A8CF39; }
#land-uses ul { list-style: none; padding: 0; }
#land-uses ul li { margin-bottom: 24px; padding-left: 40px; position: relative; }
#land-uses ul li:before { background-image: url("../images/allowed.png"); background-size: cover; background-repeat: no-repeat; content: ""; height: 26px; left: 0; position: absolute; width: 26px;  }
#land-uses .not-allowable { margin: 44px 0; }
#land-uses .not-allowable h4 { color: #E87200; }
#land-uses .not-allowable ul li:before { background-image: url("../images/not-allowed.png"); }

#land-acquisition button { background: #DFEFF8; border: 0; border-radius: 50%; height: 44px; margin-right: 8px; transition: background .2s; width: 44px; }
#land-acquisition button:hover { background: #b2cbd9; }
#land-acquisition button span { left: -9999px; position: absolute; }
#land-acquisition button:after { border: 4px solid #0e385e; border-width: 0 0 3px 3px; content: ""; display: inline-block; height: 14px; margin: 5px 0 0 5px; transform: rotate(45deg); width: 14px; }
#land-acquisition button.next:after { border-width: 3px 3px 0 0; margin-left: -3px; }

#land-acquisition .lighter { color: #454B54; }
#process-checklist { margin: 0 0 30px; overflow: hidden; }
#process-checklist:hover { cursor: grab; }
#process-checklist.rolling { cursor: grabbing; }
#land-acquisition ul { display: flex; justify-content: space-between; list-style: none; left: 0; overflow: hidden; padding: 0; position: relative; width: 260%; }
#land-acquisition ul li { background: #002D72; border-radius: 15px; color: #fff; font-size: 1.1em; padding: 28px 34px 28px; position: relative; width: 15.67%; }
#land-acquisition ul li h3 { align-items: center; color: #fff; display: flex; font-size: 1.2em; font-weight: 600; gap: 24px; line-height: 1.3em; margin: 0 0 18px; position: relative; }
#land-acquisition ul li h3 img { width: 72px; }
#land-acquisition ul li p { margin: 0; }
#land-acquisition ul li a { color: #fff; }
#land-acquisition ul li a:hover { color: #b2cbd9; }

/* FAQs */

#faq-menu ul { list-style: none; padding: 0; }
#faq-menu ul li { margin-bottom: 26px; }
#faq-menu a { color: #002D72; font-weight: 900; position: relative; }
#faq-menu a span { position: relative; z-index: 1; }
#faq-menu a:before { background-image: url("../images/green-underline.png"); background-size: 100% 100%; content: ""; height: 10px; position: absolute; top: 80%; width: 100%; }
#faq-menu a:after { background: #E8F5FB; content: ""; height: 10px; position: absolute; right: 0; top: 80%; transition: width .3s; width: 100%; }
#faq-menu a:hover:after { width: 0; }
#faq-menu a.active:after { width: 0; }

#faq-row .hdr-accordion-set { left: -9999px; opacity: .1; position: absolute; top: -9999px; }
#faq-row .hdr-accordion-set.active { left: 0; opacity: 1; position: relative; top: 0; transition: 0s, opacity .3s; }

#faq-row .hdr-accordion-set#structures ul { list-style: none; padding-left: 0; }

/* Contact */

#subpage-header.contact-page { background-image: url("../images/contact-bg.jpg"); }

#contact-row h3 { font-size: 1em; font-weight: 600; }
#contact-row p a { color: #001B37; font-weight: 900; text-decoration: none; }

/* Accordions */
.hdr-accordion-set { margin-bottom: 20px; }
.hdr-accordion { border-bottom: 1px dashed #022150;  }
.hdr-accordion h4 { font-size: 1.4em; margin: 0; }
.hdr-accordion button { background: transparent; color: #022150; margin: 0; padding: 28px 40px 28px 0; }
.hdr-accordion-header { cursor: pointer; margin: 18px 0 0; position: relative; text-align: left; transition: .4s; width: 100%; }
.hdr-accordion-header:hover { padding-left: 8px; }
.hdr-accordion-set.has-js .hdr-accordion-header:before { border: 1px solid #022150; border-radius: 50%; content: ""; height: 28px; position: absolute; right: 2px; top: 26px; transition: .5s; width: 28px; }
.hdr-accordion-set.has-js .hdr-accordion-header:after { border: 2px solid #022150; border-width: 0 0 2px 2px; content: ""; height: 11px; position: absolute; right: 10px; top: 32px; transform: rotate(-45deg); transition: .5s; width: 11px; }
.hdr-accordion-set.has-js .opened .hdr-accordion-header:after { top: 37px; transform: rotate(135deg); }
.hdr-accordion-header.hovered { background: #E8F5FB; padding: 28px 54px 28px 12px; }
.hdr-accordion-set.has-js .hdr-accordion-header.hovered:before { right: 14px; }
.hdr-accordion-set.has-js .hdr-accordion-header.hovered:after { right: 22px; }
.hdr-accordion > div { padding: 4px 0; }
.hdr-accordion > div p:first-of-type { margin-top: 0; }

.hdr-accordion-set.alt-plus-minus.has-js .hdr-accordion-header:before,
.hdr-accordion-set.alt-plus-minus.has-js .hdr-accordion-header:after { display: none; }

.alt-plus-minus .hdr-accordion h4 { font-size: 1.2em; }
.alt-plus-minus .hdr-accordion button { padding-left: 50px; }
.hdr-accordion-set.alt-plus-minus.has-js .hdr-accordion-header span { background: #002D72; border-radius: 50%; height: 26px; left: 0; position: absolute; top: 28px; width: 26px; }
.hdr-accordion-set.alt-plus-minus.has-js .hdr-accordion-header span:before,
.hdr-accordion-set.alt-plus-minus.has-js .hdr-accordion-header span:after { background: #fff; content: ""; height: 2px; position: absolute; right: 50%; top: 50%; transform: translateY(-50%) translateX(50%); transition: transform .8s; width: 12px; }
.hdr-accordion-set.alt-plus-minus.has-js .hdr-accordion-header span:after { transform: translateY(-50%) translateX(50%) rotate(270deg); }
.hdr-accordion-set.alt-plus-minus.has-js .opened .hdr-accordion-header span:after { transform: translateY(-50%) translateX(50%) rotate(0deg); }
.alt-plus-minus h5 { font-size: 1.2em; font-weight: 700; margin-top: 0; }
.alt-plus-minus p { margin-bottom: 0; }
.alt-plus-minus a { color: #414141; text-decoration: underline; }
.alt-plus-minus a:hover { color: #002D72; }

.landowner-version p { margin: 0 18px 32px !important; }
.landowner-version ul { list-style: none; padding: 0 25px 18px 30px; }

/* Lightbox */
.hdr-lightbox img { width: 100%; }
.hdr-lightbox a { display: block; padding: 0; }
.hdr-lightbox > button { background-color: rgba(0,0,0,.75); border: 0; cursor: pointer; display: none; height: 0; left: -9999px; margin: 0; position: absolute; top: 0; transition: 0s; width: 100%; }
.hdr-lightbox button span { left: -9999px; position: absolute; }
.hdr-lightbox > div { top: 80px; }
.hdr-lightbox > div .hdr-close-lightbox { background: 0; border: 0; font-size: 3em; display: none; line-height: .6em; padding: 6px 8px; position: fixed; right: 14px; top: 6px; }
.hdr-lightbox em { display: block; margin-top: 10px; }

.showing-hdr-lightbox { overflow: hidden; }
.hdr-lightbox.enhanced { height: 100%; left: 0; position: fixed !important; top: 0; width: 100%; z-index: 5555; }
.hdr-lightbox.enhanced > a { display: none; }
.hdr-lightbox.enhanced > button { display: block; height: 100%; left: 0; transition: height .6s, left 0s; }
.hdr-lightbox.enhanced > div { background-color: #fff; border: 1px solid #333; box-shadow: 4px 13px 28px 0 #111; left: 6%; margin: 0; max-height: 80%; overflow: auto; position: absolute; top: 40px; transition: .8s; width: 86%; }
.hdr-lightbox.enhanced > div .hdr-close-lightbox { display: block; }
.hdr-lightbox.enhanced > div .hdr-close-lightbox:focus { border: 1px solid #aaa; color: #aaa; }

@media screen and (max-width: 992px) {
    .hdr-lightbox > div .hdr-close-lightbox { font-size: 2em; right: 6px; top: 2px; }
    .hdr-lightbox.enhanced img { max-width: 555%; width: 992px; }
}

/************ Responsive ****************************************************************************************/

@media screen and (min-width: 2030px) {
    html,body { font-size: 19px; }
    p { line-height: 1.8em; margin: 32px 0; }
}

@media screen and (max-width: 1240px) {
    #content > section { padding: 22px 6% 60px; }

    #header-top { padding: 10px 2%; }
    #header-bottom { padding: 8px 3% 8px 2%; }
    #header-bottom img { height: 64px; }
    header nav li { margin-left: 44px; }
    header nav li > span,
    header nav li a { font-size: 1em; }
    header.scrolled #header-bottom { padding: 5px 2% 5px 1%; }
    header.scrolled nav li { margin-left: 34px; }
    header.scrolled nav li span,
    header.scrolled nav li a { font-size: .9em; }

    .split-blue .row > div:first-of-type { padding: 20px 5% 48px 6% !important; }
    .split-blue .row > div:last-of-type { padding: 26px 8% 48px 1% !important; }

    #schedule h4 { font-size: .85em; }

    #pud-facts ul li span { font-size: 4em; }

    #benefits ul li { font-size: 1em; }
    #benefits ul li div { height: 90px; line-height: 90px; width: 90px; }
    #benefits ul li div img { width: 48px; }

    #land-acquisition ul li p { font-size: .85em; }

    #qtep-map > a img { height: 34px; width: 34px; }

    #footer-bottom { display: block; font-size: .9em; padding-bottom: 24px; text-align: center; }
    #footer-bottom p { margin-bottom: 12px; }
    #social-media li { margin: 0 10px 10px; }
}

@media screen and (max-width: 992px) {
    h1 { font-size: 1.2em; }
    h2 { font-size: 2.4em; margin: 16px 0; }
    h3 { font-size: 1.6em; margin: 24px 0 0; }
    h4 { font-size: 1.4em; margin: 24px 0 0; }
    h5 { font-size: 1.2em; margin: 24px 0 0; }
    h6 { font-size: 1.1em; margin: 24px 0 0; }
    p, li { font-size: .9em; line-height: 1.4em; }
    button { font-size: .9em; padding: 4px 10px; }

    #content > section { padding: 22px 6% 48px; }
    .row { display: block; }

    /* Header */
    #mobile-menu { display: block; }
    .menu-opened #mobile-menu .line.top { top: 8px; transform: rotate(45deg); }
    .menu-opened #mobile-menu .line.mid { opacity: 0; transform: rotate(90deg); }
    .menu-opened #mobile-menu .line.btm { top: -10px; transform: rotate(-45deg); }
    
    header nav { position: relative; }
    header nav ul { background-color: #fff; box-shadow: 2px 4px 8px -4px #000; margin-top: 8px; opacity: 0; position: absolute; right: 9999px; top: 100%; transition: width .3s; width: 240px; z-index: 1; }
    header.scrolled nav ul { width: 210px; }
    header nav li { border-top: 1px solid #022150; display: block; margin: 0 !important; padding: 8px 0; text-align: center; width: 100%; }
    header.scrolled nav li { padding: 6px 0; }
    header nav li:first-of-type { border: 0; }
    
    header nav li a { padding: 0 6px; }
    header nav li a:before,
    header nav li a:after { display: none; }
    header nav li ul { box-shadow: none; margin: 0; padding: 0; position: static; width: 100%; }
    header nav li ul li { margin: 0; padding: 10px 8px; }
    header nav li ul li:last-of-type { padding-bottom: 4px; }
    .menu-opened header nav ul { opacity: 1; right: 0; transition: right 0s, opacity .2s; z-index: 10; }

    #homepage-header .row { padding: 24px 0 20px !important; }
    #homepage-header h2 { font-size: 2.8em; line-height: 1.1em; margin-bottom: 52px; text-align: center; }
    #homepage-header p { font-size: 1.1em; }

    .instruction { margin-bottom: 18px; }
    
    .split-blue .row > div:first-of-type { padding: 16px 7% 18px !important; }
    .split-blue .row > div:last-of-type { padding: 26px 7% 48px !important; }

    #schedule-area { border: 1px solid #aaa; margin-bottom: 38px; overflow: auto; padding: 0 24px; width: 100%; }
    #schedule { margin: 12px 0 24px; padding-bottom: 8px; width: 992px; }
    #schedule div[aria-hidden="true"] div span { font-size: .8em; }
    #schedule ul li:nth-of-type(5) img { margin-left: 0; width: 14px; }
    #schedule-key h4 { margin-bottom: 12px; }

    #working-together .row { padding-top: 12px !important; }
    #working-together img { max-width: 500px; width: 100%; }

    #overview { padding-bottom: 28px !important; }
    #overview .row > div { margin: 44px 0; }
    #overview .qtep-button { font-size: .9em; margin-top: 4px; }

    #pud-facts ul li { width: 48%; }

    #powering-future { padding-top: 36px !important; }
    #powering-future p:first-of-type { margin-top: 28px; }
    #powering-future a { color: #fff; text-decoration: underline; }

    #landowner-link a img { width: 80px; }

    #subpage-header h2 { font-size: 2.2em; }
    #subpage-subtext { font-size: 1.2em; }

    #were-listening .row { display: flex; }
    #were-listening .row > div:last-of-type { padding-top: 24px; }
    #were-listening .qtep-button { font-size: .9em; }

    #benefits ul li { font-size: .9em; width: 47%; }
    #benefits ul li h4 { margin-bottom: 9px; }
                       
    #land-uses { padding-bottom: 64px !important; }
    #land-uses .row > div:last-of-type img { display: none; }

    .alt-plus-minus h5 { font-size: 1.1em; margin-bottom: 10px; }
    #right-of-way .row { display: flex; flex-wrap: wrap; justify-content: space-between; }
    #right-of-way .row > div { width: 46%; }
    #right-of-way h6 { margin: 0 0 18px; position: static; }
    #right-of-way .hdr-lightbox img { max-width: 300px; }
    #right-of-way .hdr-lightbox.enhanced img { max-width: 3000%; }

    #faq-menu { margin-top: 0 !important; }
    #faq-menu ul li { display: inline-block; margin: 0 24px 14px 0; }
    
    #footer-top { display: block; padding-top: 18px; text-align: center; }
    #footer-top > img { height: 48px; }
    #footer-top nav ul { margin-bottom: 2px; padding: 0; text-align: center; }
    #footer-top nav ul li { margin: 0 18px 5px; }
    #footer-top nav ul li a { font-size: .95em; }
    #footer-top nav li a:before,
    #footer-top nav li a:after { display: none; }
    #footer-top nav ul li > span { display: none; }
    #footer-top nav ul li ul { background: transparent; box-shadow: none; margin: 0; opacity: 1; position: static; text-align: center; width: 100%; }
    #footer-top nav ul li ul li { display: inline-block; margin: 6px 8px !important; }
    #footer-top nav ul li ul li a { color: #fff; font-size: 1.1em; font-weight: 700; text-decoration: none; }
    
    #footer-top nav ul li:last-of-type { margin: 18px 0 2px; }
}

@media screen and (max-width: 768px) {
    #content > section { padding: 16px 8% 40px; }

    #subpage-header { padding: 48px 8% 60px !important; }
    h2 { font-size: 1.8em; }

    .qtep-button { font-size: 1em; }

    #schedule-key li { margin-right: 4%; width: 44%; }
    
    .alt-plus-minus h5 { font-size: .95em; margin-bottom: 10px; }

    #subpage-subtext.powering-version p { padding-bottom: 10px; }
    #subpage-subtext nav { padding-bottom: 40px;  }

    .big-img { border: 1px solid #aaa; overflow: auto; width: 100%; }
    .big-img img { max-width: 800%; width: 768px; }
    
    .hdr-accordion h4 { font-size: 1.2em; margin: 0; }
    #qtep-map > a img { height: 28px; width: 28px; }

    #land-acquisition .lighter { display: none; }
    #land-acquisition button { display: none; }
    #land-acquisition ul { display: block; left: 0 !important; width: 100%; }
    #land-acquisition ul li { font-size: .9em; margin-bottom: 14px; padding: 24px 20px 30px; width: 100%; }
    #land-acquisition ul li h3 { gap: 8px; }
    #land-acquisition ul li img { height: 48px; }
}

@media screen and (max-width: 500px) {
    #header-top { display: inline-block; padding: 6px 8px 12px; text-align: center; width: 100%; }
    #contact-menu { display: inline-block; float: right; padding-top: 5px;}
    #contact-menu li { margin: 0 6px;}
    #translation-widget { font-size: .9em; display: inline-block; float: left; padding-left: 5px;}

    #homepage-header h2 { font-size: 1.8em; }

    #pud-facts ul li span { font-size: 3em; }
    #pud-facts ul li { width: 100%; }
    
    #right-of-way .row > div { width: 100%; }
    
    header nav ul { width: 190px !important; }
}