* { box-sizing:border-box; -webkit-text-size-adjust:100%; } input, textarea, select { font-family:inherit; } html { overflow-y:scroll; font-feature-settings: "lnum"; font-variant-numeric: lining-nums; scroll-behavior:smooth; } body { margin:0; padding:0; background-color:#ffffff; font-family:"Montserrat",sans-serif; font-size:18px; line-height:21px; color:#707070; -webkit-font-smoothing:antialiased; } main a { color:#0077cd; text-decoration:none; } main .topic-highlights a { color:#ffffff !important; } footer a.always-red { color:#031e45; text-decoration:none; } main a:hover { color:#031e45; text-decoration:underline; } main thead a:hover { color:#96d1f1; text-decoration:underline; } .tabs a, #logo-container a, .primarynav, .subnav, h1, h2, h3, h4, h5 { font-family: "Montserrat",sans-serif; } h1 { font-weight:700; } .marquee-wrapper { width:100%; max-width: 100%; display: inline-block; } .marquee { grid-column-gap: 15px; grid-row-gap: 15px; background-color: #031e45; width: 100%; padding-top: 18px; padding-bottom: 18px; display: flex; overflow: hidden; } .marquee-content { grid-column-gap: 15px; grid-row-gap: 15px; flex: none; justify-content: space-around; min-width: 100%; display: flex; } .marquee-item { grid-column-gap: 15px; grid-row-gap: 15px; color: #ffffff; text-transform: uppercase; justify-content: flex-start; align-items: center; font-size: 19px; font-weight: 800; display: flex; } .marque-embed { justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .w-embed:before, .w-embed:after { content: " "; grid-area: 1/1/2/2; display: table; } .marque-embed img { width:30px; height:auto; } #columns-ceoletter { display:table; width:100%; } #columns-ceoletter > div { display:table-cell; } #columns-ceoletter > div:first-of-type { padding-right:30px; width:46%; } #columns-ceoletter > div:last-of-type { padding-left:30px; width:54%; } #columns-ceoletter ul { margin-top:0; } p sup { line-height:12px; } main .highlight-story-feature sup a { font-weight:normal; text-decoration:none; } .content .tab-contents img#image-valuechain { max-width:1400px; margin:0 auto 30px auto; display:block; } .content .tab-contents img#image-dashboard { max-width:1600px; margin:35px auto 30px auto; display:block; } .content .tab-contents img#image-map { max-width:1002px; margin:0 auto 30px auto; display:block; } .content .tab-contents #img-wvwaternetwork { float:right; max-width:600px; margin:0 0 40px 30px; } .content .tab-contents #img-wvwaternetwork h5 { padding-top:3px; } .content .tab-contents #img-wvwaternetwork img { width:100%; } .content hr.end-accordion { border:0; border-top:1px solid #D6D6D6; margin:0 0 30px 0; } .content hr.end-accordion.hidden { border:0; margin:0; } /* HIGHLIGHT STORIES */ /*.pageid-700 .masthead.utility { padding-top:180px; } .pageid-1000 .masthead.utility { padding-top:180px; } .pageid-800 .masthead.utility { padding-top:275px; } .pageid-800 .masthead.utility h1 { max-width:800px; } .pageid-1000 .masthead.utility h1 { max-width:800px; } .pageid-600 .masthead.utility { padding-top:330px; } .pageid-600 .masthead.utility h1 { bottom:150px; } .pageid-3003 .masthead.utility { max-width:800px; } .pageid-3003 .masthead.utility h1 { bottom:25px; }*/ .template-highlights main { background-color:#031e45; } .template-highlights .content.content-main-container { background-color:#031e45; } .pageid-103 .tabs { display:none; } .pageid-103 .tab-contents { padding-top:50px; } .masthead.home { position:relative; align-content:center; height:100vh; z-index:2; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-position:center right; background-size:cover; text-align:center; max-height:1200px; margin:0 0 auto auto; } .masthead.home .masthead-overlay { position:absolute; bottom:0; left:0; right:0; top:0; pointer-events:none; background: linear-gradient(180deg,rgba(3, 30, 69, 0) 0%, rgba(3, 30, 69, 1) 100%); } .masthead.home .masthead-companyname { display:block; color:#031e45; font-weight:700; font-size:24px; padding-bottom:80px; line-height:24px; } .masthead.home .masthead-reporttitle { display:inline-block; color:#ffffff; font-weight:700; font-size:28px; padding-bottom:30px; line-height:28px; } .masthead.home .masthead-reporttitle hr { border:0; border-bottom:2px solid #9AD7F8; box-shadow:#9AD7F8 0 2px 9px; margin:15px 0 0 0; } .masthead.home .masthead-text { position:relative; top:0; padding-top:60px; padding-left:92px; z-index:100; margin:0 auto; text-align:left; width:100%; max-width:1842px; } .masthead.home .masthead-text h1 { font-size:90px; line-height:110px; font-family: "Montserrat",sans-serif; font-weight:500; margin:0 0 0 -8px; color:#ffffff; } .masthead.home .masthead-text h1 span { text-shadow:#9AD7F8 0 0 12px; } a#top-of-page { position:fixed; margin-bottom:-30px; bottom:50%; right:40px; width:60px; height:auto; cursor:pointer; z-index:10000; display:none; } a#top-of-page.visible { display:block; } a#top-of-page img { width:100%; height:auto; } .template-primary a#top-of-page, .template-secondary a#top-of-page { display:none !important; } .indented-with-icons { padding-left:100px; } .content .tab-contents img.indented-icon, .tab-contents img.indented-icon { width:80px; margin-left:-100px; position:absolute; margin-top:-5px; } .content .tab-contents img#image-coal-to-gas { width:100%; max-width:700px; } .content .tab-contents img#image-governance { width:100%; max-width:1020px; } .template-utilitytertiary .nav-topics { display:none; } .template-secondary .masthead.secondary { display:flex; background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(/images/background-masthead-secondary.png); padding-left:calc((100% - 1760px) / 2 + 50px); padding-right:calc((100% - 1760px) / 2 + 50px); } .template-secondary .masthead.secondary > div { width:50%; padding:120px 0; align-content:center; } .template-secondary .masthead.secondary > div:first-of-type { padding-right:50px; } .template-secondary .masthead.secondary > div:last-of-type { padding-left:50px; } .template-secondary .masthead.secondary .masthead-title { } .template-secondary .masthead.secondary .masthead-title h1 { color:#ffffff; font-weight:500; font-size:90px; line-height:90px; margin-left:-8px; } .template-secondary .masthead.secondary .masthead-companyname { display:block; color:#c5e8fc; font-weight:700; font-size:24px; padding-bottom:80px; line-height:24px; } .template-secondary .masthead.secondary .masthead-reporttitle { display:inline-block; color:#ffffff; font-weight:700; font-size:28px; line-height:28px; } .template-secondary .masthead.secondary .masthead-image { width:100%; padding-top:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px; } .template-secondary .masthead.secondary .masthead-content { color:#ffffff; } .template-secondary .masthead.secondary .masthead-content p { font-size:32px; font-weight:500; line-height:38px; } /* .masthead.utility { background-color:#ebebeb; position:relative; padding:200px 50px 100px 200px; text-align:left; bottom:50px; z-index:1; padding-left:calc((100% - 1760px) / 2 + 50px); } .masthead.utility h1 { position:relative; color:#031e45; font-size:70px; line-height:75px; font-weight:700; text-transform:uppercase; text-align:left; margin:0; display:inline; } */ .masthead.contentindices, .masthead.utility, .masthead.utilitytertiary { position:relative; height:427px; background-repeat:no-repeat; background-size:cover; background-position:center center; background-image:url(/images/background-masthead-tertiary.png); } .masthead.contentindices .masthead-title h1, .masthead.utility .masthead-title h1, .masthead.utilitytertiary .masthead-title h1 { display:inline; color:#ffffff; font-size:90px; line-height:94px; font-weight:500; text-align:left; margin:0; text-shadow:#9AD7F8 2px 2px 8px; } .template-contentindices .masthead-title h1 span, .template-utility .masthead-title h1 span, .template-utilitytertiary .masthead-title h1 span { color:#031e45; } .template-contentindices .masthead-title h1 .masthead-pillar, .template-utility .masthead-title h1 .masthead-pillar, .template-utilitytertiary .masthead-title h1 .masthead-pillar { display:inline-block; color:#ffffff; font-size:23px; font-weight:600; text-align:left; line-height:23px; margin:0 0 13px 8px; text-transform:none; padding-bottom:10px; text-shadow:none; } .template-contentindices .masthead-title, .template-utility .masthead-title, .template-utilitytertiary .masthead-title { color:#ffffff; position:relative; padding:0 50px 30px 200px; text-align:left; line-height:12px; z-index:110; padding-left:calc((100% - 1760px) / 2 + 50px); align-content:center; height:100%; } .consultant-notes { color:red; background-color:yellow; } .masthead.tertiary { position:relative; height:427px; background-repeat:no-repeat; background-size:cover; background-position:center center; background-image:url(/images/background-masthead-tertiary.png); } .masthead.tertiary #masthead-tertiary-overlay { position:absolute; left:0; top:0; right:0; bottom:0; z-index:100; pointer-events:none; background-repeat:no-repeat; bottom:0; background-position:left center; background-image:url(/images/masthead-tertiary-overlay.svg); background-size:auto; } .masthead.tertiary #masthead-tertiary-overlay-grey { position:absolute; left:60%; top:0; right:0; bottom:0; z-index:99; background-color:#fff; } .masthead.tertiary .masthead-tertiary-image { position:absolute; top:0; right:0; bottom:0; width:50%; max-width:1000px; } .masthead.tertiary .masthead-tertiary-image > div { position:absolute; z-index:99; left:0; top:0; right:0; bottom:0; pointer-events:none; background-repeat:no-repeat; bottom:0; background-position:center center; background-image:url(/images/masthead-tertiary-overlay.svg); background-size:cover; } .template-tertiary .masthead-title { color:#ffffff; position:relative; padding:0 50px 30px 200px; text-align:left; line-height:12px; z-index:110; padding-left:calc((100% - 1760px) / 2 + 50px); align-content:center; height:100%; } .template-tertiary .masthead-title h1 { display:inline; color:#ffffff; font-size:90px; line-height:94px; font-weight:500; text-align:left; margin:0; text-shadow:#9AD7F8 2px 2px 8px; } .template-tertiary .masthead-title h1 span { color:#031e45; } .template-tertiary .masthead-title h1 .masthead-pillar { display:inline-block; color:#ffffff; font-size:23px; font-weight:600; text-align:left; line-height:23px; margin:0 0 13px 0; text-transform:none; padding-bottom:10px; text-shadow:none; } footer hr { border:0; border-bottom:2px solid #0177CD; box-shadow:#9AD7F8 0 0 12px; } .template-secondary .masthead.secondary .masthead-reporttitle hr, .template-tertiary .highlight-story-tag hr, .template-contentindices .masthead-title h1 .masthead-pillar hr, .template-utility .masthead-title h1 .masthead-pillar hr, .template-utilitytertiary .masthead-title h1 .masthead-pillar hr, .template-tertiary .masthead-title h1 .masthead-pillar hr { border:0; border-bottom:2px solid #9AD7F8; box-shadow:#9AD7F8 0 2px 9px; margin:15px 0 0 0; } .pageid-101 .tabbed-container > div:first-of-type { display:none; } .content .tab-contents img.half-width-image { display:block; width:50%; min-width:300px; margin:0 auto 45px auto; } .template-secondary .icon-pillar { text-align:center; } .template-secondary .icon-pillar img { height:80px; min-width:auto; width:auto; margin:0 0 20px 0; } img#image-globalemissions { width:61%; min-width:300px; } .pageid-100.template-secondary .icon-pillar { display:none; } .column-half {} #graph-container-53 .graph-custom-key { text-align:left; } #graph-container-51 { margin-bottom:40px; } #graph-container-51 .bar-chart tr td span { line-height:15px; bottom:5px; } #graph-container-51 .bar-chart tr:nth-last-child(1) td { height:54px; } #graph-container-51 .bar-chart tr:nth-of-type(2) td > span > span { font-size:11px; line-height:11px; } #graph-container-51 .bar-chart tr:nth-of-type(1) td:nth-of-type(4) { text-align:right; padding-right:2px; } #graph-container-51 .bar-chart tr:nth-of-type(1) td:nth-of-type(5) { text-align:left; padding-left:2px; } #graph-container-51 .bar-chart tr:nth-of-type(1) td:nth-of-type(6) { text-align:right; padding-right:2px;} #graph-container-51 .bar-chart tr:nth-of-type(1) td:nth-of-type(7) { text-align:left; padding-left:2px;} #graph-container-51 .bar-chart tr:nth-of-type(1) td:nth-of-type(8) { text-align:right; padding-right:2px;} #graph-container-51 .bar-chart tr:nth-of-type(1) td:nth-of-type(9) { text-align:center; padding-left:2px; padding-right:2px; } #graph-container-51 .bar-chart tr:nth-of-type(1) td:nth-of-type(10) { text-align:left; padding-left:2px;} #graph-container-51 .bar-chart tr:nth-of-type(1) td:nth-of-type(11) { text-align:right; padding-right:2px;} #graph-container-51 .bar-chart tr:nth-of-type(1) td:nth-of-type(12) { text-align:center; padding-left:2px; padding-right:2px; } #graph-container-51 .bar-chart tr:nth-of-type(1) td:nth-of-type(13) { text-align:left; padding-left:2px;} #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span, #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span { width:200%; } #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(11) > span, #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(8) > span { width:calc(300%); } #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:first-of-type { left:0; right:25%; bottom:20px; } #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:last-of-type {left:25%; right:0; bottom:20px; } #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:first-of-type { left:0; right:25%; bottom:20px; } #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:last-of-type {left:25%; right:0; bottom:20px; } #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(8) > span > span:first-of-type { left:8%; right:59%; bottom:20px; } #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(8) > span > span:nth-of-type(2) { left:33%; right:33%; text-align:center; bottom:20px; } #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(8) > span > span:last-of-type { left:59%; right:8%; bottom:20px; } #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(11) > span > span:first-of-type { left:8%; right:59%; bottom:20px; } #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(11) > span > span:nth-of-type(2) { left:33%; right:33%; text-align:center; bottom:20px; } #graph-container-51 .bar-chart tr:nth-of-type(2) td:nth-of-type(11) > span > span:last-of-type { left:59%; right:8%; bottom:20px; } #graph-container-51 .bar-chart tr td:last-of-type { width:auto !important; } #graph-container-51 .bar-chart tr:nth-of-type(1) td:nth-of-type(9) div, #graph-container-51 .bar-chart tr:nth-of-type(1) td:nth-of-type(12) div { width:44px; } #graph-container-54 .bar-chart tr:nth-of-type(1) td:nth-of-type(4) { text-align:right; padding-right:2px; } #graph-container-54 .bar-chart tr:nth-of-type(1) td:nth-of-type(5) { text-align:left; padding-left:2px; } #graph-container-54 .bar-chart tr:nth-of-type(1) td:nth-of-type(6) { text-align:right; padding-right:2px;} #graph-container-54 .bar-chart tr:nth-of-type(1) td:nth-of-type(7) { text-align:left; padding-left:2px;} #graph-container-54 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span, #graph-container-54 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span { width:200%; } #graph-container-54 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:first-of-type { left:0; right:25%; bottom:15px; } #graph-container-54 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:last-of-type {left:25%; right:0; bottom:15px; } #graph-container-54 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:first-of-type { left:0; right:25%; bottom:15px; } #graph-container-54 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:last-of-type {left:25%; right:0; bottom:15px; } #graph-container-54 .bar-chart-container > div.barchart-scale { top:-20px !important; line-height:40px !important; } #graph-container-59 .bar-chart tr td:nth-of-type(7), #graph-container-59 .bar-chart tr td:nth-of-type(10) { width:2.5%; padding:0 2px; } #graph-container-59 .bar-chart tr td:nth-of-type(7) > div, #graph-container-59 .bar-chart tr td:nth-of-type(10) > div { width:100%; } #graph-container-59 .bar-chart tr:nth-of-type(1) td:nth-of-type(4) { text-align:right; padding-right:2px; } #graph-container-59 .bar-chart tr:nth-of-type(1) td:nth-of-type(5) { text-align:left; padding-left:2px; } #graph-container-59 .bar-chart tr:nth-of-type(1) td:nth-of-type(6) { text-align:right; padding-right:2px;} #graph-container-59 .bar-chart tr:nth-of-type(1) td:nth-of-type(7) { width:2.5%; } #graph-container-59 .bar-chart tr:nth-of-type(1) td:nth-of-type(8) { text-align:left; padding-left:2px;} #graph-container-59 .bar-chart tr:nth-of-type(1) td:nth-of-type(9) { text-align:right; padding-right:2px;} #graph-container-59 .bar-chart tr:nth-of-type(1) td:nth-of-type(10) { width:2.5%; } #graph-container-59 .bar-chart tr:nth-of-type(1) td:nth-of-type(11) { text-align:left; padding-left:2px; padding-right:2px;} #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(2) > span, #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span { width:200%; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span, #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(9) > span { width:300%; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:first-of-type { left:0; right:25%; bottom:20px; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:last-of-type {left:25%; right:0; bottom:20px; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span { text-align:center; left:33%; right:33%; bottom:20px; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:nth-of-type(1) { left:9%; right:66%; bottom:20px; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:nth-of-type(2) { left:33%; right:33%; bottom:20px; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:nth-of-type(3) { left:66%; right:9%; bottom:15px; z-index:2; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(9) > span > span { text-align:center; left:33%; right:33%; bottom:20px; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(9) > span > span:nth-of-type(1) { left:9%; right:66%; bottom:20px; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(9) > span > span:nth-of-type(2) { left:33%; right:33%; bottom:20px; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(9) > span > span:nth-of-type(3) { left:66%; right:9%; bottom:15px; } #graph-container-59 .bar-chart tr:nth-last-child(1) td { height:50px; } #graph-container-59 .bar-chart tr:nth-of-type(2) td > span > span { font-size:11px; line-height:11px; } #graph-ghgemissions-scope2 tr td { width:9% !important; } #graph-ghgemissions-scope2 .bar-chart tr td > div { width:70px !important; } #graph-ghgemissions-scope2 tr td:nth-last-of-type(1) > div, #graph-ghgemissions-scope2 tr td:nth-last-of-type(2) > div, #graph-ghgemissions-scope2 tr td:nth-last-of-type(3) > div { width:90%; } #graph-ghgemissions-scope2 { min-width:1000px; } #graph-ghgemissions-scope2 table tbody tr td > div > p:nth-of-type(2) { color:#fff !important; } #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(1) > div > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(2) > div > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(2) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(3) > div > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(3) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(4) > div > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(4) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(5) > div > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(5) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(6) > div > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(6) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(7) > div > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(7) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(8) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(9) > div > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(9) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(10) > div > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(10) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(11) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(1) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(2) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(3) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(4) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(5) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(6) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(7) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(8) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(9) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(10) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(11) > div > p:nth-of-type(4) { display:none; opacity:0; } #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(1) > div:hover > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(2) > div:hover > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(3) > div:hover > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(4) > div:hover > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(5) > div:hover > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(6) > div:hover > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(7) > div:hover > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(9) > div:hover > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(10) > div:hover > p:nth-of-type(2) { margin-left:3px; margin-bottom:42px; color:#ffffff !important; display:block; background-color:#ce0060; padding:12px 0 15px 0; font-size:13px; border-radius:5px; opacity:1; width:66px; position:absolute; } #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(1) > div:hover > p:nth-of-type(2):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(2) > div:hover > p:nth-of-type(2):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(3) > div:hover > p:nth-of-type(2):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(4) > div:hover > p:nth-of-type(2):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(5) > div:hover > p:nth-of-type(2):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(6) > div:hover > p:nth-of-type(2):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(7) > div:hover > p:nth-of-type(2):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(9) > div:hover > p:nth-of-type(2):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(10) > div:hover > p:nth-of-type(2):after { position:absolute; content:""; left:20px; top:100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ce0060; } #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(1) > div:hover > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(2) > div:hover > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(3) > div:hover > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(4) > div:hover > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(5) > div:hover > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(6) > div:hover > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(7) > div:hover > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(8) > div:hover > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(9) > div:hover > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(10) > div:hover > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(11) > div:hover > p:nth-of-type(3) { margin-left:3px; margin-bottom:66px; display:block; background-color:#031e45; color:#fff !important; padding:12px 0 15px 0; font-size:13px; border-radius:5px; opacity:1; width:66px; position:absolute; } #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(11) > div:hover > p:nth-of-type(3) { margin-left:3px; margin-bottom:-96px; display:block; background-color:#031e45; color:#fff !important; padding:12px 0 15px 0; font-size:13px; border-radius:5px; opacity:.95; width:66px; position:absolute; } #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(11) > div:hover > p:nth-of-type(4) { margin-left:3px; margin-bottom:-70px; display:block; background-color:#96d1f1; color:#000 !important; padding:12px 0 15px 0; font-size:13px; border-radius:5px; opacity:.95; width:66px; position:absolute; } #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(8) > div:hover > p:nth-of-type(3):after { position:absolute; content:""; left:20px; top:100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #031e45; } #graph_ghgemissions_scope3 > div.barchart-grid { background-image:linear-gradient(0deg, transparent 98%, rgba(85,86,90,.25) 98%, transparent 100%, transparent) !important; background-size:auto 39.7px !important; } #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(1) > div:hover > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(2) > div:hover > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(3) > div:hover > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(4) > div:hover > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(5) > div:hover > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(6) > div:hover > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(7) > div:hover > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(8) > div:hover > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(9) > div:hover > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(10) > div:hover > p:nth-of-type(4) { margin-left:3px; margin-bottom:90px; display:block; background-color:#96d1f1; color:#000 !important; padding:12px 0 15px 0; font-size:13px; border-radius:5px; opacity:1; width:66px; position:absolute; } #graph-diversity-gender table tbody tr td > div > p:nth-of-type(3) { color:#ffffff !important; } #graph-diversity-age table tbody tr td > div > p:nth-of-type(4) { color:#000000 !important; } #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(2) > div:hover > p:nth-of-type(3):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(3) > div:hover > p:nth-of-type(3):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(4) > div:hover > p:nth-of-type(3):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(5) > div:hover > p:nth-of-type(3):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(6) > div:hover > p:nth-of-type(3):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(7) > div:hover > p:nth-of-type(3):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(9) > div:hover > p:nth-of-type(3):after, #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(10) > div:hover > p:nth-of-type(3):after { position:absolute; content:""; left:22px; bottom:100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #031e45; } #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(11) > div:hover > p:nth-of-type(4):after { position:absolute; content:""; left:22px; bottom:100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #96d1f1; } #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(5) > div > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(7) > div > p:nth-of-type(2), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(7) > div > p:nth-of-type(3) { margin-bottom:-9px; } #graph-container-61 .bar-chart tr td > div { width:57%; } #graph-container-61 .bar-chart tr:nth-of-type(1) td:nth-of-type(1) { padding-left:0; } #graph-container-61 .bar-chart tr:nth-of-type(1) td:nth-of-type(4) { text-align:right; padding-right:2px; } #graph-container-61 .bar-chart tr:nth-of-type(1) td:nth-of-type(5) { text-align:left; padding-left:2px; } #graph-container-61 .bar-chart tr:nth-of-type(1) td:nth-of-type(6) { text-align:right; padding-right:2px;} #graph-container-61 .bar-chart tr:nth-of-type(1) td:nth-of-type(7) { text-align:left; padding-left:2px; } #graph-container-61 .bar-chart tr:nth-of-type(1) td:nth-of-type(8) { text-align:right; padding-right:2px;} #graph-container-61 .bar-chart tr:nth-of-type(1) td:nth-of-type(9) { text-align:center; padding-left:2px; padding-right:2px;} #graph-container-61 .bar-chart tr:nth-of-type(1) td:nth-of-type(10) { text-align:left; padding-left:2px; padding-right:50px; width:4%; } #graph-container-61 .bar-chart tr:nth-of-type(1) td:nth-of-type(11) { text-align:right; padding-right:2px;} #graph-container-61 .bar-chart tr:nth-of-type(1) td:nth-of-type(12) { text-align:center; padding-left:2px; padding-right:2px;} #graph-container-61 .bar-chart tr:nth-of-type(1) td:nth-of-type(13) { text-align:left; padding-left:2px;} #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span, #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span { width:200%; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(8) > span, #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(11) > span { width:300%; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:first-of-type { left:0; right:30%; bottom:20px; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:last-of-type {left:30%; right:0; bottom:20px; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:first-of-type { left:0; right:30%; bottom:20px; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:last-of-type {left:30%; right:0; bottom:20px; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(8) > span > span { text-align:right; left:33%; right:33%; bottom:20px; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(8) > span > span:nth-of-type(1) { left:0; right:66%; bottom:20px; text-align:center; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(8) > span > span:nth-of-type(2) { left:33%; right:33%; bottom:20px; text-align:center; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(8) > span > span:nth-of-type(3) { left:66%; right:0; bottom:20px; text-align:center; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(11) > span > span { text-align:center; left:33%; right:33%; bottom:20px; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(11) > span > span:nth-of-type(1) { left:0; right:66%; bottom:20px; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(11) > span > span:nth-of-type(2) { left:33%; right:33%; bottom:20px; } #graph-container-61 .bar-chart tr:nth-of-type(2) td:nth-of-type(11) > span > span:nth-of-type(3) { left:66%; right:0; bottom:20px; } #graph-container-61 .bar-chart tr:nth-last-child(1) td { height:50px; } #graph-container-61 .bar-chart tr:nth-of-type(2) td > span > span { font-size:11px; line-height:11px; } #graph_ghgemissions_scope1 tr td:nth-last-of-type(1), #graph_ghgemissions_scope1 tr td:nth-last-of-type(2), #graph_ghgemissions_scope1 tr td:nth-last-of-type(3), #graph_ghgemissions_scope1 tr td:nth-last-of-type(4), #graph_ghgemissions_scope1 tr td:nth-last-of-type(5), #graph_ghgemissions_scope1 tr td:nth-last-of-type(6) { width:2.5%; padding-right:0; } #graph_ghgemissions_scope1 tr td:nth-last-of-type(1) > div, #graph_ghgemissions_scope1 tr td:nth-last-of-type(2) > div, #graph_ghgemissions_scope1 tr td:nth-last-of-type(3) > div, #graph_ghgemissions_scope1 tr td:nth-last-of-type(4) > div, #graph_ghgemissions_scope1 tr td:nth-last-of-type(5) > div, #graph_ghgemissions_scope1 tr td:nth-last-of-type(6) > div { width:90%; } #graph_ghgemissions_scope1 { min-width:1000px; } #graph_ghgemissions_scope1 table tbody tr td > div > p:nth-of-type(2) { color:#fff !important; font-size:12px;} #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(2) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(3) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(4) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(5) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(6) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(7) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(8) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(9) > div > p:nth-of-type(2), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(9) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(10) > div > p:nth-of-type(2), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(10) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(11) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(12) > div > p:nth-of-type(2), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(12) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(13) > div > p:nth-of-type(2), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(13) > div > p:nth-of-type(3) { display:none; opacity:0; } #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(2) > div:hover > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(3) > div:hover > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(4) > div:hover > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(5) > div:hover > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(6) > div:hover > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(7) > div:hover > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(8) > div:hover > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(9) > div:hover > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(10) > div:hover > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(11) > div:hover > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(12) > div:hover > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(13) > div:hover > p:nth-of-type(3) { margin-left:3px; margin-bottom:36px; display:block; background-color:#031E45; color:#fff !important; padding:12px 0 15px 0; font-size:13px; border-radius:5px; opacity:1; width:52px; position:absolute; } #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(1) > div:hover > p:nth-of-type(3) { margin-left:3px; margin-bottom:-84px; display:block; background-color:#031E45; color:#fff !important; padding:12px 0 15px 0; font-size:13px; border-radius:5px; opacity:.95; width:52px; position:absolute; } #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(1) > div:hover > p:nth-of-type(3):after { position:absolute; content:""; left:15px; bottom:100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #031E45; } #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(2) > div:hover > p:nth-of-type(3):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(3) > div:hover > p:nth-of-type(3):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(4) > div:hover > p:nth-of-type(3):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(5) > div:hover > p:nth-of-type(3):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(6) > div:hover > p:nth-of-type(3):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(7) > div:hover > p:nth-of-type(3):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(8) > div:hover > p:nth-of-type(3):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(11) > div:hover > p:nth-of-type(3):after { position:absolute; content:""; left:15px; top:100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #031E45; } #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(9) > div:hover > p:nth-of-type(2):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(10) > div:hover > p:nth-of-type(2):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(12) > div:hover > p:nth-of-type(2):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(13) > div:hover > p:nth-of-type(2):after { position:absolute; content:""; left:15px; top:100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #031E45; } #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(9) > div:hover > p:nth-of-type(2):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(10) > div:hover > p:nth-of-type(2):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(12) > div:hover > p:nth-of-type(2):after, #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(13) > div:hover > p:nth-of-type(2):after { position:absolute; content:""; left:15px; top:100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #E2066F; } #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(9) > div:hover > p:nth-of-type(2), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(10) > div:hover > p:nth-of-type(2), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(12) > div:hover > p:nth-of-type(2), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(13) > div:hover > p:nth-of-type(2) { margin-left:3px; margin-bottom:60px; display:block; background-color:#E2066F; color:#fff !important; padding:12px 0 15px 0; font-size:13px; border-radius:5px; opacity:1; width:52px; } #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(9) > div:hover > p:nth-of-type(3) { margin-bottom:65px !important; } #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(10) > div > p:nth-of-type(3) { margin-bottom:58px !important; } #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(12) > div > p:nth-of-type(3) { margin-bottom:64px !important; } #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(13) > div > p:nth-of-type(3) { margin-bottom:59px !important; } #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(5) > div > p:nth-of-type(2), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(7) > div > p:nth-of-type(2), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(7) > div > p:nth-of-type(3) { margin-bottom:-9px; } #graph-container-65 .bar-chart-container > div.barchart-scale { top:-11px !important; line-height:24.6px !important; } #graph-container-65 .bar-chart-container > div.barchart-grid { background:linear-gradient(0deg, transparent 95%, rgba(85,86,90,.25) 95%, transparent 100%, transparent) !important; background-size:auto 24.6px !important; } #graph-container-61 .bar-chart-container > div.barchart-scale { top:-20px !important; line-height:40px !important; } #graph-container-61 .bar-chart-container > div.barchart-grid { background:linear-gradient(0deg, transparent 95%, rgba(85,86,90,.25) 95%, transparent 100%, transparent) !important; background-size:auto 33px !important; } #graph-container-55 .bar-chart tr:nth-of-type(1) td:nth-of-type(4) { text-align:right; padding-right:2px; } #graph-container-55 .bar-chart tr:nth-of-type(1) td:nth-of-type(5) { text-align:left; padding-left:2px; } #graph-container-55 .bar-chart tr:nth-of-type(1) td:nth-of-type(6) { text-align:right; padding-right:2px;} #graph-container-55 .bar-chart tr:nth-of-type(1) td:nth-of-type(7) { text-align:left; padding-left:2px;} #graph-container-55 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span, #graph-container-55 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span { width:200%; } #graph-container-55 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:first-of-type { left:0; right:25%; bottom:15px; } #graph-container-55 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:last-of-type {left:25%; right:0; bottom:15px; } #graph-container-55 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:first-of-type { left:0; right:25%; bottom:15px; } #graph-container-55 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:last-of-type {left:25%; right:0; bottom:15px; } #graph-container-55 .bar-chart-container > div.barchart-scale { top:-14px !important; line-height:33px !important; } #graph-container-55 .bar-chart-container > div.barchart-grid { background:linear-gradient(0deg, transparent 95%, rgba(85,86,90,.25) 95%, transparent 100%, transparent) !important; background-size:auto 33px !important; } #graph-container-56 .bar-chart tr:nth-of-type(1) td:nth-of-type(4) { text-align:right; padding-right:2px; } #graph-container-56 .bar-chart tr:nth-of-type(1) td:nth-of-type(5) { text-align:left; padding-left:2px; } #graph-container-56 .bar-chart tr:nth-of-type(1) td:nth-of-type(6) { text-align:right; padding-right:2px;} #graph-container-56 .bar-chart tr:nth-of-type(1) td:nth-of-type(7) { text-align:left; padding-left:2px;} #graph-container-56 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span, #graph-container-56 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span { width:200%; } #graph-container-56 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:first-of-type { left:0; right:25%; bottom:15px; } #graph-container-56 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:last-of-type {left:25%; right:0; bottom:15px; } #graph-container-56 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:first-of-type { left:0; right:25%; bottom:15px; } #graph-container-56 .bar-chart tr:nth-of-type(2) td:nth-of-type(6) > span > span:last-of-type {left:25%; right:0; bottom:15px; } #graph-container-56 .bar-chart-container > div.barchart-scale { top:-20px !important; line-height:40px !important; } .content ul.search-results li a { font-size:23px; line-height:28px;} .search-results a br { display:none; } .template-utilitytertiary .icon-pillar { display:inline-block; vertical-align:middle; position:relative; margin-left:20px; border-radius:50%; width:60px; height:60px; margin-top:-10px; } .template-contentindices .content, .template-utilitytertiary .content-main-container { max-width:1760px; margin:0 auto; padding:42px 50px 50px 50px; } #report-resources .icon-pillar { display:block; margin:20px auto 0 auto; } .template-utilitytertiary #report-resources .column-third h4 { color:#031e45 !important; padding:20px 0; text-align:center; display:block; border-bottom:1px solid #031e45; margin-bottom:30px; margin-top:0; } .pageid-800 .content .tab-contents .icon-pillar img { width:100%; } .template-utilitytertiary .column-third h3 { display:inline-block; vertical-align:middle; } .template-utilitytertiary div#report-resources.columns > div:nth-of-type(1) { padding-right:30px; } .template-utilitytertiary div#report-resources.columns > div:nth-of-type(2) { padding-left:15px; padding-right:15px; } .template-utilitytertiary div#report-resources.columns > div:nth-of-type(3) { padding-left:30px; } body.template-secondary h2 { position:relative; z-index:1000; color:#031e45; font-size:50px; line-height:55px; padding:3px 0 0 0; margin:0; font-weight:300; padding-bottom:30px; } body.template-contentindices h2, body.template-utility h2, body.template-utilitytertiary h2, body.template-tertiary h2 { position:relative; color:#031e45; font-size:48px; line-height:48px; font-weight:600; margin:50px 0 30px 0; white-space:normal; padding:3px 0 0 0; } body.template-contentindices h2:first-of-type, body.template-utility h2:first-of-type, body.template-utilitytertiary h2:first-of-type, body.template-tertiary .tab-content h2:first-of-type { margin-top:0; } body.template-utility h2, body.template-contentindices h2, body.template-utilitytertiary h2 { margin-bottom:30px; } body.template-contentindices .tabbed-container, body.template-utilitytertiary .tabbed-container { margin-top:0;} .tab-contents h3 { position:relative; color:#031e45; font-size:24px; line-height:32px; margin:0; font-weight:500; border-top:1px solid #D6D6D6; padding:15px 0 15px 40px; cursor:pointer; transition-property:padding, font-size; transition-duration:.5s; } .tab-contents h3:before { content:""; left:0; position:absolute; width:25px; height:25px; background-image:url(/images/icon-tab-plus.svg?v2); background-size:25px auto; background-repeat:no-repeat; background-position:top left; margin-top:3px; } .tab-contents h3.non-accordion { background-image:none; border:0; padding:15px 0 15px 0; cursor:default; font-weight:700; } .tab-contents h3.non-accordion:before { display:none; } .tab-contents h3.accordion-heading strong { font-weight:500; } .tab-contents h3.accordion-heading.active strong { font-weight:700; } .accordion-content { display:none; padding-bottom:50px;} .accordion-content.active { display:block; } /*.tab-contents .tab-content { border-bottom:1px solid #D6D6D6; }*/ .template-utilitytertiary .tab-contents .tab-content { border-bottom:0; } .tab-contents h3.active { font-size:32px; font-weight:700; padding-top:40px; padding-bottom:25px; } .tab-contents h3.active:before { background-image:url(/images/icon-tab-minus.svg?v2); } #graph-ghgemissions-scope2 table tbody tr td > div > div { width:70px; } #graph-ghgemissions-scope2 .bar-chart tr:nth-of-type(1) td:nth-of-type(2) > div { text-align:right; padding-right:2px; } #graph-ghgemissions-scope2 .bar-chart tr:nth-of-type(1) td:nth-of-type(3) > div { text-align:left; padding-left:2px; } #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(2) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(3) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(4) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(5) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(6) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(7) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(8) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(2) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(3) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(4) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(5) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(6) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(7) > div > p:nth-of-type(4), #graph-ghgemissions-scope2 table tbody tr td:nth-of-type(8) > div > p:nth-of-type(4), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(2) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(3) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(4) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(5) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(6) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(7) > div > p:nth-of-type(3), #graph_ghgemissions_scope1 table tbody tr td:nth-of-type(8) > div > p:nth-of-type(3) { display:none; opacity:0; } h3.no-top-margin { margin-top:20px; } .highlight-checkboxes h3, .related-resources h3 { font-size:24px; line-height:27px; margin:20px 0; color:#0077cd; } h4 { font-size:24px; line-height:30px; font-weight:700; color:#031e45; margin:60px 0 20px 0; } h5 { color:#031e45; margin:0 0 20px 0; font-size:18px; line-height:24px; font-weight:700; padding-top:20px; } p { margin:0 0 20px 0; padding:0; font-size:18px; line-height:28px; } .template-utility .content-main p, .template-utility .content-main td { color:#031E45; } body.template-secondary .content { color:#031e45; font-size:33px; line-height:33px; padding:0; text-align:center; padding-bottom:100px; margin-top:-200px; z-index:2000; } h2.reduced-spacing { margin-top:40px; } .highlighted { background-color:yellow; } .topic-hidden { display:none !important; } .masthead { position:relative; line-height:5px; } .masthead img { width:100%; } .masthead-overlay { position:absolute; bottom:0; left:0; right:0; z-index:3; } .template-primary .masthead-overlay { bottom:100%; } .masthead.utility .masthead-overlay { display:none; } .masthead-overlay img { width:100%; } .content-overlay { position:absolute; bottom:0; left:0; right:0; line-height:12px; opacity:1 !important; } .content-overlay img { width:100%; } .content-overlay-footer { position:relative; opacity:1 !important; } .content-overlay-footer img { width:100%; position:absolute; } .materiality-dot { height:15px; width:15px; background-color:#0077cd; border-radius:50%; display:inline-block; margin:0 auto; } .content hr { border:0; border-top:1px solid #0077cd; margin:20px 0; } hr.highlights-hr { display:none; } .content hr.highlights-hr { border:0; border-top:1px solid #fff; margin:0 -100px; } .content hr.related-hr { margin:0px 0 30px 0; border-top:#d0d0ce 1px solid; } .one-third { display:inline-block; vertical-align:top; width:33%; margin:20px 0; } .two-thirds { display:inline-block; vertical-align:top; width:66%; margin:20px 0; } .content sub, .content sup { line-height:4px; } .content h2 sub, .content h2 sup { font-size:18px; line-height:4px; } .footnote, .template-secondary main .content p.footnote, .template-secondary2020 main .content p.footnote, .template-tertiary main .content p.footnote { font-size:12px; line-height:20px; margin:0; padding:10px 0 6px 0; } main .footnote a { text-decoration:underline; } .pageid-100.template-tertiary main .content { padding-top:80px; } .template-primary .section { display:inline-block; vertical-align:top; height:600px; border-top:#000 solid 2px; border-bottom:#000 solid 2px; width:390px; margin:50px 30px 0 0; } #page-container { position:relative; margin:0 auto; padding-top:128px; box-shadow:0 10px 10px rgba(0,0,0,.1); overflow:hidden; } .page-container { max-width:2000px; margin:0 auto; } .template-primary .page-container { max-width:none; margin:0 auto; } #home-metrics-container { position:relative; height:860px; z-index:1000; margin:-80px auto 0 auto; max-width:2000px; } #home-metrics-container .home-metrics-pillar { display:none; } #home-metrics-container .home-metrics-pillar.active { display:block; } #home-metrics-container .home-metrics-pillar .home-metric-image { position:absolute; left:0; top:100px; width:30%; bottom:0; background-size:cover; background-repeat:no-repeat; background-position:center center; z-index:1; border-radius:25px; } #home-metrics-container .home-metrics-pillar .home-metric-text { position:absolute; left:25%; width:65%; z-index:2; background-image:url(/images/background-home-metrics.png); background-size:cover; background-position:0 20%; background-repeat:no-repeat; color:#fff; border-radius:25px; padding:100px 80px 50px 100px; min-width:900px; } #home-metrics-container .home-metrics-pillar .home-metric-text h2 { font-weight:300; font-size:60px; line-height:60px; margin:0 0 40px 0; color:#fff; } #home-metrics-container .home-metrics-pillar .home-metric-text p { font-weight:400; font-size:21px; line-height:32px; margin:0 0 40px 0; color:#fff; } #home-metrics-container .home-metrics-pillar .home-metric-text p a { display:inline-block; font-weight:900; font-size:19px; line-height:19px; padding:13px 20px 8px 20px; color:#fff; border-radius:7px; background-color:#E50670; } #home-metrics-container .home-metrics-pillar .home-metric-text p a img { height:15px; width:auto; margin:0 12px -1px 0; } #home-metrics-container .home-metrics-pillar#home-metrics-environment .home-metric-image { background-image:url(/images/2024_EQT_Homepage_Environmental.jpg); } #home-metrics-container .home-metrics-pillar#home-metrics-social .home-metric-image { background-image:url(/images/2024_EQT_Homepage_Social.jpg?v2); } #home-metrics-container .home-metrics-pillar#home-metrics-governance .home-metric-image { background-image:url(/images/2024_EQT_Homepage_Governance.jpg); } t table#table-workrelatedinjuries tbody tr td:nth-last-of-type(2) p, table#table-workrelatedinjuries tbody tr td:nth-last-of-type(3) p, table#table-workrelatedinjuries tbody tr td:nth-last-of-type(4) p, table#table-workrelatedinjuries tbody tr td:nth-last-of-type(5) p, table#table-workrelatedinjuries tbody tr td:nth-last-of-type(6) p { text-align:center !important; } table#table-workrelatedinjuries tbody tr:nth-of-type(7) td:nth-last-of-type(1) p, table#table-workrelatedinjuries tbody tr:nth-of-type(7) td:nth-last-of-type(2) p, table#table-workrelatedinjuries tbody tr:nth-of-type(7) td:nth-last-of-type(3) p, table#table-workrelatedinjuries tbody tr:nth-of-type(13) td:nth-last-of-type(1) p, table#table-workrelatedinjuries tbody tr:nth-of-type(13) td:nth-last-of-type(2) p, table#table-workrelatedinjuries tbody tr:nth-of-type(13) td:nth-last-of-type(3) p { text-align:center !important; } table#table-workrelatedinjuries tbody tr:nth-of-type(7) td:nth-last-of-type(4) p, table#table-workrelatedinjuries tbody tr:nth-of-type(13) td:nth-last-of-type(4) p { text-align:left !important; } table#table-workrelatedinjuries tbody tr:nth-of-type(7) td:nth-of-type(2), table#table-workrelatedinjuries tbody tr:nth-of-type(13) td:nth-of-type(2), table#table-workrelatedinjuries tbody tr td:nth-of-type(3), table#table-workrelatedinjuries tbody tr td:nth-of-type(5) { border-right:1px solid #D6D6D6; } #home-metrics-container .home-metrics { position:absolute; bottom:0; left:30%; right:15%; text-align:center; display:table; min-width:850px; } #home-metrics-container .home-metrics a { display:table-cell; vertical-align:top; width:33.3%; padding:0 25px 0 25px; } #home-metrics-container .home-metrics a div.callout-number, #home-metrics-container .home-metrics a div.callout-number p { color:#E50670; font-size:60px; line-height:70px; padding:0; font-family:"Oscine", verdana, sans-serif; } #home-metrics-container .home-metrics a div.callout-text p { color:#031e45; font-size:21px; line-height:24px; padding:0; margin:0; } #home-metrics-controls-container { max-width:2000px; margin:0 auto; } #home-metrics-controls { margin:50px 15% 0 25%; display:table; width:60%; min-width:900px; } #home-metrics-controls div { cursor:pointer; display:table-cell; font-weight:900; color:#D6D6D6; font-size:18px; padding-right:15px; width:33.3%; } #home-metrics-controls div.active { color:#031e45; } #home-metrics-controls div span { display:block; height:10px; width:100%; background-color:#D6D6D6; margin-bottom:10px; border-radius:5px; } #home-metrics-controls div.active span { background-color:#E50670;} #image-signature { max-width:150px; margin:-25px 0 -20px -10px; } #ceo-message-container { padding:5vw; } #ceo-message { display:flex; width:100%; position:relative; background-color:#c6e8fc; border-radius:20px; max-width:1660px; margin:0 auto; } #ceo-message > div { width:50%; position:relative; vertical-align:top; align-content:center; } #ceo-message > div:nth-of-type(1) { border-top-left-radius:20px; border-bottom-left-radius:20px; padding-top:50%; background-repeat:no-repeat; background-size:cover; background-position:center center; } #ceo-message > div:nth-of-type(2) { padding:50px; } #ceo-message > div:nth-of-type(2) div.ceo-name { display:inline-block; color:#031E45; font-weight:700; font-size:24px; line-height:28px; margin-bottom:32px; } #ceo-message > div:nth-of-type(2) div.ceo-name span { font-weight:300; } #ceo-message > div:nth-of-type(2) p { font-size:30px; line-height:48px; color:#031E45; } #ceo-message hr { border:0; border-bottom:2px solid #96d1f1; box-shadow:#96d1f1 0 2px 9px; } #ceo-message a.readmore-button { background-color:#ffffff; } .floating-boxes { background-color:#031e45; padding-top:50%; position:relative; z-index:3; } .floating-boxes > div { position:absolute; } .floating-boxes > div.floating-image { background-repeat:no-repeat; background-size:cover; background-position:center center; } .floating-boxes > div.floating-image.left { top:2.5%; left:0; width:15%; padding-top:20%; border-top-right-radius:20px; border-bottom-right-radius:20px; } .floating-boxes > div.floating-image.right { top:2.5%; right:0; width:35%; padding-top:25%; border-top-left-radius:20px; border-bottom-left-radius:20px; } .floating-boxes > div.floating-image.bottom-left { bottom:5%; right:53%; width:35%; padding-top:20%; border-radius:20px; } .floating-boxes > div.floating-image.bottom-right { bottom:0%; left:53%; width:35%; padding-top:20%; border-radius:20px; } .floating-boxes > div.floating-text { padding:0 4vw; color:#ffffff; top:2%; left:15%; right:35%; height:25%; align-content:center; font-size:1.8vw; line-height:2.5vw; font-weight:500; } .promises-container { background-image:url(/images/background-promises-primary.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center; padding:150px 50px; } .template-tertiary .promises-container { padding:50px 0; background-image:none; width:100%; } .promises-container .promises-content { max-width:1660px; margin:0 auto; } .promises-container .promises-content h2 { color:#ffffff; font-weight:600; font-size:50px; line-height:55px; text-shadow:#9AD7F8 2px 2px 20px; margin:0 0 0 0; } .template-tertiary .promises-container .promises-content h2 { position: relative; font-size:32px; line-height:32px; color: #031e45; margin: 0; padding: 15px 0 15px 0; font-weight: 700; text-shadow:none; } .promises-container .promises-content .promises-slides { min-width:1280px; } .promises-container .promises-content .promises-slides .promises-slide { position:relative; } .promises-container .promises-content .promises-slides .promises-slide .promise-scroller { overflow:hidden; padding:40px; } .template-primary .promises-container .promises-content .promises-slides .promises-slide .promise-scroller, .template-secondary .promises-container .promises-content .promises-slides .promises-slide .promise-scroller { } .promises-container .promises-content .promises-pillars { padding-top:30px; } .promises-container .promises-content .promises-pillars a:first-of-type { margin-left:-30px; transition-property:margin, color, background-color, font-weight; transition-duration:.5s; background-color:transparent; } .promises-container .promises-content .promises-pillars a.active:first-of-type { margin-left:0; } .promises-container .promises-content .promises-pillars a { display:inline-block; vertical-align:top; font-size:26px; font-weight:400; color:#ffffff; padding:20px 30px; border-radius:30px; margin-right:10px; } .promises-container .promises-content .promises-pillars a.active { background-color:#ffffff; font-weight:700; color:#031e45; text-decoration:none; } .promises-container .promises-content .promises-pages { border-bottom:2px solid #ccc; padding-top:20px; margin-bottom:20px; } .promises-container .promises-content .promises-pages > a { position:relative; display:inline-block; font-size:18px; color:#ffffff; font-weight:400; transition-property:font-weight; transition-duration:.5s; border:0; padding:10px 0; margin:0 30px 0 0; text-decoration:none; } .promises-container .promises-content .promises-pages > a.active { font-weight:700; } .promises-container .promises-content .promises-pages > a.active:after { content:""; position:absolute; left:-2px; right:-2px; bottom:-3px; height:4px; border-radius:2px; background-color:#c5e8fc; box-shadow: 0 0 8px #c5e8fc; } .template-secondary .promises-container .promises-content .promises-pillars, .template-tertiary .promises-container .promises-content .promises-pillars, .template-tertiary .promises-container .promises-content .promises-pages { display:none; } .promises-arrows { display:none !important; text-align:right; margin:10px -10px -10px 0; position:relative; z-index:2; } .promises-arrows a { display:inline-block; margin-left:5px; } .content .tab-contents .promises-arrows a img, .promises-arrows a img { width:40px; height:auto; margin:0; } .promises-container .promises-content .promises { border-radius:20px; background-color:#ffffff; width:100%; } .template-tertiary .promises-container .promises-content .promises { border:1px solid #707070; } .promises-container .promises-content .promises .promise { display:table; border-spacing:5px; position:relative; width:100%; } .template-primary .promises-container .promises-content .promises .promise, .template-secondary .promises-container .promises-content .promises .promise { } .template-tertiary .promises-container .promises-content .promises .promise { transition-duration:.5s; transition-property:margin; } .promises-container .promises-content .promises .promise > div { display:table-cell; vertical-align:top; width:200px; } .promises-container .promises-content .promises .promise > div:last-of-type { } .promises-container .promises-content .promises .promise > div .promise-line { position:absolute; top:85px; border-radius:2px; left:40px; right:10px; height:4px; background-color:#031e45; background: #031E45; background: linear-gradient(90deg, rgba(3, 30, 69, 1) 0%, rgba(15, 113, 200, 1) 14%, rgba(229, 6, 112, 1) 28%); } .promises-container .promises-content .promises #promise-1 .promise > div .promise-line { background: linear-gradient(90deg, rgba(3, 30, 69, 1) 0%, rgba(15, 113, 200, 1) 20%, rgba(229, 6, 112, 1) 28%); } .promises-container .promises-content .promises #promise-2 .promise > div .promise-line { background: linear-gradient(90deg, rgba(3, 30, 69, 1) 0%, rgba(15, 113, 200, 1) 20%, rgba(229, 6, 112, 1) 28%); } .promises-container .promises-content .promises #promise-3 .promise > div .promise-line { background: linear-gradient(90deg, rgba(3, 30, 69, 1) 0%, rgba(15, 113, 200, 1) 16%, rgba(229, 6, 112, 1) 28%); } .promises-container .promises-content .promises #promise-4 .promise > div .promise-line { background: linear-gradient(90deg, rgba(3, 30, 69, 1) 0%, rgba(15, 113, 200, 1) 20%, rgba(229, 6, 112, 1) 28%); } .promises-container .promises-content .promises #promise-5 .promise > div .promise-line { background: linear-gradient(90deg, rgba(3, 30, 69, 1) 0%, rgba(15, 113, 200, 1) 15%, rgba(229, 6, 112, 1) 28%); } .promises-container .promises-content .promises #promise-6 .promise > div .promise-line { background: linear-gradient(90deg, rgba(3, 30, 69, 1) 0%, rgba(15, 113, 200, 1) 18%, rgba(229, 6, 112, 1) 28%); } .promises-container .promises-content .promises #promise-7 .promise > div .promise-line { background: linear-gradient(90deg, rgba(3, 30, 69, 1) 0%, rgba(15, 113, 200, 1) 24%, rgba(229, 6, 112, 1) 40%); } .promises-container .promises-content .promises #promise-8 .promise > div .promise-line { background: linear-gradient(90deg, rgba(3, 30, 69, 1) 0%, rgba(15, 113, 200, 1) 22%, rgba(229, 6, 112, 1) 28%); } .promises-container .promises-content .promises .promise > div .promise-logo { position:relative; height:80px; } .promises-container .promises-content .promises .promise > div .promise-logo img { height:50px; width:auto; } .promises-container .promises-content .promises .promise > div .promise-dot { position:relative; width:30px; height:30px; border-radius:15px; border:4px solid #031e45; background-color:#ffffff; box-shadow:rgba(0,0,0,.5) 0 2px 6px; margin:-14px 0 15px 15px; } .promises-container .promises-content .promises .promise > div .promise-dot.year-2019 { border:4px solid #0F71C8; } .promises-container .promises-content .promises .promise > div .promise-dot.year-2020, .promises-container .promises-content .promises .promise > div .promise-dot.year-2021, .promises-container .promises-content .promises .promise > div .promise-dot.year-2022, .promises-container .promises-content .promises .promise > div .promise-dot.year-2023, .promises-container .promises-content .promises .promise > div .promise-dot.year-2024, .promises-container .promises-content .promises .promise > div .promise-dot.year-2025 { border:4px solid #ce0060; } .promises-container .promises-content .promises .promise > div .promise-content { position:relative; background-color:#f7f7f7; border-radius:10px; padding:15px; color:#031e45; font-size:14px; line-height:18px; } .promises-container .promises-content .promises .promise > div .promise-content p, .promises-container .promises-content .promises .promise > div .promise-content div { color:#031e45; font-size:14px; line-height:18px; margin:0 0 15px 0; } .promises-container .promises-content .promises .promise > div .promise-content .promise-year { font-size:18px; font-weight:600; margin-bottom:10px; } .promises-container .promises-content .promises a.promise-button { position:absolute; margin:0; bottom:-35px; left:45px; } .template-tertiary .promises-container .promises-content .promises a.promise-button { display:none; } .highlight-slider { display:block; width:100%; position:relative; white-space:nowrap; height:500px; } .highlight-slider > div { } .highlight-slider > div:last-of-type { position:absolute; overflow:hidden; transition-property:left; transition-duration:1s; left:0; } .highlight-arrow { position:absolute; bottom:20px; left:20px; width:42px; height:42px; display:inline-block; background-image:url(/images/icon-arrow-readmore.svg); background-size:25px 25px; border-radius:21px; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; } .highlight-slider .highlight-slider-slides { } .highlight-slider .highlight-slider-slides a:hover { text-decoration:none; } .highlight-slider .highlight-slider-slides .highlight { position:relative; display:inline-block; vertical-align:top; width:380px; height:450px; margin-right:50px; white-space:normal; background-color:#c6e8fc; border-radius:20px; } .highlight-slider .highlight-slider-slides .highlight > div a { color:#031e45; } .highlight-slider .highlight-slider-slides .highlight > div:first-of-type { border-top-left-radius:20px; border-top-right-radius:20px; } .highlight-slider .highlight-slider-slides .highlight > div:first-of-type a { border-top-left-radius:20px; border-top-right-radius:20px; background-size:cover; background-repeat:no-repeat; display:block; height:auto; padding-top:60%; margin-bottom:20px; background-position:center; background-color:#cecece; } .highlight-slider .highlight-slider-slides .highlight > div:nth-of-type(4) a { color:#E50670; } .highlight-slider .highlight-slider-slides .highlight img { width:100%; height:14%; border-radius:25px; margin-bottom:30px; } .highlight-slider .highlight-slider-slides .highlight > div:nth-of-type(2) { font-size:26px; line-height:30px; font-weight:600; margin:0 0 15px 0; padding:0 20px; } #highlight-slider-container { position:relative; background-color:#031e45; padding:50px 0 2.5vw calc((100% - 1760px) / 2 + 50px); } #highlight-slider-next { position:absolute; opacity:.5; background-color:#fff; cursor:pointer; right:0; width:15%; bottom:0; z-index:2; } #highlight-slider-container .highlight-title { display:inline-block; color:#ffffff; font-size:24px; font-weight:600; } #highlight-slider-container .highlight-title hr { border:0; border-bottom:2px solid #9AD7F8; box-shadow:#9AD7F8 0 2px 9px; margin:15px 0 25px 0; } h2#highlight-slider-heading { font-size:60px; line-height:60px; font-weight:600; margin:0 0 50px 0; color:#ffffff; } .highlight-dots { display:table; width:auto; border-spacing:15px; text-align:left; white-space:nowrap; margin:0 auto; z-index:2; position:relative; padding-right:25px; } .highlight-dots span { display:table-cell; width:35px; height:10px; margin:0; background-color:#D6D6D6; cursor:pointer; border-radius:5px; } .highlight-dots span.active { background-color:#c6e8fc; cursor:default; } .bar-chart-container td p { color:#000 !important; } a#highlight-story-bookmark { margin-top:-200px; position:absolute; display:inline-block; } .masthead.home .masthead-text .highlight-slider .highlight a img { width:16px; height:auto; min-width:auto; margin-left:5px; } main a.button-rounded { display:inline-block; font-weight:700; color:#031e45; text-decoration:none !important; } main a.button-rounded.white-text { color:#fff; } main #esg-performance-data a.button-rounded { float:right; } /*HEADER*/ .header-container { position:fixed; left:0; right:0; top:0; width:100%; z-index:10000; background-color:#ffffff; } header { max-width:1760px; padding:40px 50px 0 50px; margin:0 auto; text-align:right; height:114px; } header #logo-container { position:relative; display:inline-block; float:left; font-size:18px; line-height:21px; font-weight:600; text-align:left; text-decoration:none; max-width:380px; z-index:200; } header #logo-container a, header #logo-container a:hover { display:inline-block; text-decoration:none; color:#031e45; white-space:nowrap; } header #logo-container img { float:left; margin-right:20px; height:auto; width:180px; } a, a:hover, a:active { color:#0077cd; text-decoration:none; } main .highlight-text a:hover, .template-highlights main a:hover { color:#0077cd; text-decoration:underline; } nav { position:relative; text-align:right; z-index:100; white-space:nowrap; margin-top:-10px; } nav .menu-container { display:inline-block; vertical-align:top; position:relative; white-space:normal; } nav .menu-container img { transform:rotate(0deg); transition-property:transform; transition-duration:.5s; margin-left:10px; } nav .menu-container:hover img { transform:rotate(180deg); } nav a.nav-toplevel { display:inline-block; color:#031e45; padding:28px 20px 25px 20px; text-decoration:none; text-align:left; font-weight:700; font-size:16px; } nav .primarynav > div:last-of-type > a { padding-right:0; } nav a.nav-toplevel.active { color:#031e45; } nav .menu-container:hover a.nav-toplevel { color:#031e45; } nav .menu-container .menu { position:absolute; right:10px; padding:0 0 10px 0; display:none; text-align:left; border-bottom:4px solid #E50670; min-width:250px; background-color:#ffffff; } nav .primarynav > div:last-of-type .menu { right:-10px; } nav .menu-container:hover .menu { display:block; } nav .menu a.nav-sublevel { display:block; padding:10px 20px; text-decoration:none; color:#031e45; font-size:14px; } nav .menu a.nav-sublevel br { display:none; } nav .menu a:last-of-type { border-bottom:0; } nav .menu > span { text-transform:uppercase; padding:8px 0 15px 0; display:block; color:#0077cd; } .content ul.topic-highlights, .highlight-text ul.topic-highlights { list-style-type:none; column-count:2; column-gap:40px; padding-top:40px; } .content ul.topic-highlights li, .highlight-text ul.topic-highlights li { break-inside:avoid; padding:40px; background-color:#031e45; color:#ffffff; font-weight:500; font-size:24px; line-height:34px; margin:0; display:block; min-height:300px; border-radius:20px; align-content:center; } .content ul.topic-highlights li:nth-of-type(even), .highlight-text ul.topic-highlights li:nth-of-type(even) { margin:40px 0 80px 0; background-color:#424bb1; background-image:url(/images/background-topic-highlights.jpg); background-size:cover; background-position:top left; background-repeat:no-repeat; } .content ul.topic-highlights li:nth-of-type(odd), .highlight-text ul.topic-highlights li:nth-of-type(odd) { margin:-40px 0 40px 0; } .content ul.topic-highlights li:before, .highlight-text ul.topic-highlights li:before { display:none; } .footernav-container { padding:20px 0 0 0; } .footernav-container .footernav { display:table; width:100%; max-width:1650px; margin:0 auto; } .footernav-container .footernav > div { display:table-cell; vertical-align:top; padding-right:50px; text-align:left; } .footernav-container .footernav > div:last-of-type { padding-right:0; } .footernav-container .footernav a, .footernav-container .footernav a:hover, .footernav-container .footernav a:active { color:#fff; padding:0; } .footernav-container .footernav a.nav-toplevel img { display:none; width:auto; height:12px; padding-left:4px; } .footernav-container .footernav a.nav-toplevel { display:inline-block; text-decoration:none; font-size:14px; font-weight:700; line-height:17px; white-space:nowrap; color:#081F42; text-transform:uppercase; padding-bottom:15px; } .footernav-container .footernav .menu { padding:15px 0; } .footernav-container .footernav .menu a.nav-sublevel { text-decoration:none; color:#081F42; padding:0 0 20px 0; display:block; margin:0 auto 0 0; font-size:14px; font-weight:500; line-height:17px; } .footernav-container .footernav .menu a.nav-sublevel br { display:none; } .pageid-100 nav #menu-about a.nav-toplevel, .pageparentid-100 nav #menu-about a.nav-toplevel, .pageid-150 nav #menu-strategy a.nav-toplevel, .pageparentid-150 nav #menu-strategy a.nav-toplevel, .pageid-200 nav #menu-enviro a.nav-toplevel, .pageparentid-200 nav #menu-enviro a.nav-toplevel, .pageid-300 nav #menu-social a.nav-toplevel, .pageparentid-300 nav #menu-social a.nav-toplevel, .pageid-400 nav #menu-governance a.nav-toplevel, .pageparentid-400 nav #menu-governance a.nav-toplevel, nav .menu a.nav-sublevel.active { color:#0077cd; } nav .primarynav { clear:both; display:inline-block; } nav .subnav { clear:both; display:inline-block; margin-right:-10px; } nav .subnav a { display:inline-block; vertical-align:top; color:#ffffff; padding:3px 20px 8px 20px; font-size:14px; background-color:#031e45; color:#ffffff; font-weight:600; } nav .subnav a:first-of-type { padding-left:30px; } nav .subnav a:last-of-type { padding-right:30px; } nav .menu:before { content:""; background-image:url(/images/menu-arrow.png); background-repeat:no-repeat; width:20px; height:10px; position:absolute; top:-19px; right:0; } .nav-topics-container { background-color:#001f48; padding:80px 60px; } .nav-topics { display:table; width:100%; max-width:1650px; padding-top:90px; text-align:center; border-spacing:0; white-space:normal; margin:0 auto; position:relative; z-index:10; } body.template-secondary .nav-topics-container h2, body.template-tertiary .nav-topics-container h2 { text-align:left; color:#fff; position:absolute; top:0; margin:0; font-weight:500; } .nav-topic-spacer { display:inline-block; width:40px; } .highlight-story-spacer { display:inline-block; width:75px; } .pageid-150 .nav-topics { display:none; } a.nav-topic#nav-topic-101 { background-position:66% 50%; } a.nav-topic#nav-topic-101:hover { background-position:66% 50%; } a.nav-topic#nav-topic-102 { background-position:33% 50%; } a.nav-topic#nav-topic-102:hover { background-position:33% 50%; } a.nav-topic#nav-topic-103 { background-position:85% 0; } a.nav-topic#nav-topic-103:hover { background-position:85% -10px; } a.nav-topic#nav-topic-104 { background-position:66% 50%; } a.nav-topic#nav-topic-104:hover { background-position:66% 50%; } a.nav-topic#nav-topic-330 { background-position:47% 50%; } a.nav-topic#nav-topic-330:hover { background-position:47% 50%; } a.nav-topic#nav-topic-320 { background-position:67% 50%; } a.nav-topic#nav-topic-320:hover { background-position:67% 50%; } a.nav-topic#nav-topic-410 { background-position:56% bottom; } a.nav-topic#nav-topic-410:hover { background-position:56% bottom; } .highlight-stories-container { text-align:center; border-spacing:0; white-space:normal; margin:0 auto; padding-bottom:100px; } a.highlight-story-preview { text-align:left; position:relative; vertical-align:top; display:inline-block; color:#031e45; width:220px; height:220px; background-position:center 0; background-size:auto 250px; background-repeat:no-repeat; transition-property:background-size, background-position; transition-duration:.5s; margin-bottom:30px; background-color:#031e45; z-index:1; } a.highlight-story-preview { text-decoration:none; background-position:center -10px; background-size:auto 270px; } a.highlight-story-preview:after { position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; content:""; background: -moz-linear-gradient(0deg, rgba(3,30,69,1) 0%, rgba(3,30,69,0) 66%); background: -webkit-linear-gradient(0deg, rgba(3,30,69,1) 0%, rgba(3,30,69,0) 66%); background: linear-gradient(0deg, rgba(3,30,69,1) 0%, rgba(3,30,69,0) 66%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#031e45",endColorstr="#031e45",GradientType=1); } a.highlight-story-preview > span { display:inline; font-size:18px; line-height:22px; font-weight:700; text-transform:uppercase; bottom:40px; right:-20px; padding-right:40px; position:absolute; background: url(/images/background-magenta.png) repeat-x scroll 0px 100% transparent; color:#fff; z-index:3; padding-bottom:5px; width:220px; background-color: transparent; background-image: url(/images/background-magenta.png); background-repeat: repeat-x; background-attachment: scroll; background-position: 0px 100%; background-clip: border-box; background-origin: padding-box; background-size: 5px auto; } a.highlight-story-preview > span img { position:absolute; height:15px; width:auto; right:0; } .nav-topics-3 a.nav-topic { width:33.3%; } .nav-topics-4 a.nav-topic { width:25%; } a.nav-topic { text-align:left; position:relative; vertical-align:top; display:table-cell; color:#ffffff; width:20%; padding-top:20%; background-position:center 0; background-size:auto 100%; background-repeat:no-repeat; transition-property:background-size, background-position; transition-duration:.5s; margin-bottom:30px; background-color:#031e45; z-index:1; border-top-left-radius:25px; border-top-right-radius:25px; box-shadow:inset #001f48 0 -50px 25px; } a.nav-topic:after { content:""; z-index:2; position:absolute; width:35px; height:35px; bottom:-2px; right:10px; background-image:url(/images/icon-arrow-readmore.svg); background-repeat:no-repeat; background-size:20px 20px; background-color:#ffffff; border-radius:50%; background-position:center center; } a.nav-topic:hover { text-decoration:none; background-position:center -10px; background-size:auto 110%; } a.nav-topic > span { position:absolute; bottom:3px; left:10px; font-size:18px; line-height:22px; font-weight:700; display:block; padding-right:50px; color:#ffffff !important; } a.nav-topic > span img { position:absolute; height:28px; width:auto; right:0; top:0; display:none; } .template-utilitytertiary main .content, .template-utility main .content { padding:50px; margin:0 auto; max-width:1760px; } .template-tertiary main .content { padding:0 50px 50px 50px; margin:0 auto; max-width:1760px; } .template-tertiary .masthead-title .content-overlay { position:absolute; bottom:0; left:0; right:0; line-height:12px; opacity:1 !important; line-height:6px; } .template-tertiary .masthead-title .content-overlay img { width:100%; } table#table-areas, table#table-ghg-intensity, table#table-ghg-sources, table#table-ghg-2, table#table-ghg-3 { width:100% !important; } table#table-areas td { width:33%; } table#table-ghg-intensity td {} table#table-ghg-sources td {} table#table-ghg-2 td {} table#table-ghg-3 td {} #btn-search { display:none; } #btn-search:before { margin-right:8px; } #btn-search:hover { } #btn-search.active { color:#031e45; } #search-container { display:inline-block; overflow:hidden; position:relative; width:120px; text-align:left; white-space:nowrap; padding:0; transition-property:width; transition-duration:.5s; vertical-align:top; border:0; border-radius:20px; box-shadow:#96d1f1 0 0 2px 2px; margin:22px 0 0 15px; } /*#search-container.active { width:200px; }*/ #search-container input[type="text"] { vertical-align:top; width:80px; margin:0; background-color:#fff; color:#000000; padding:6px 15px; font-size:12px; border:0; height:36px; } #search-container input[type="text"]:focus { outline:none; } #search-container input[type="submit"] { vertical-align:top; padding:5px 10px; color:#000000; font-size:14px; cursor:pointer; position:relative; display:inline-block; cursor:pointer; height:36px; width:30px; margin:0; padding:6px; color:#fff; background-image:url(/images/SearchIcon.png); background-size:44px auto; background-repeat:no-repeat; background-position:center; border-bottom-right-radius:7px; border:0; } map area { outline:none; } .centered { text-align:center; } #focus-reset { display:none; position:absolute; right:10px; bottom:30px; } #focus-infographic { margin:30px auto; max-width:1000px; } #focus-infographic > div { display:inline-block; vertical-align:middle; } #focus-infographic > div:nth-of-type(1) { position:relative; width:550px; } #focus-infographic > div:nth-of-type(2) { padding-left:40px; width:calc(100% - 550px); } #focus-infographic h6 { cursor:pointer; font-weight:700; font-size:30px; text-transform:uppercase; line-height:32px; margin:50px 0 10px 0; } #focus-infographic #focus-family h6 { color:#0077cd; } #focus-infographic #focus-obligation h6 { color:#E50670; } #focus-infographic #focus-communication h6 { color:#FFAC00; } #focus-infographic #focus-understanding h6 { color:#d1e000; } #focus-infographic #focus-support h6 { color:#031e45; } #focus-infographic .focus-text { } #focus-infographic .focus-text > div { display:none; padding-bottom:20px; } .graph-container figcaption { display:none; } .pageid-3001 .graph-container figcaption { display:block; } .quotation-block-container { background-color:#031e45; padding:20px 50px; text-align:center; position:relative; z-index:4; line-height:0; margin-top:-300px; } .quotation-block { max-width:1210px; text-align:left; display:inline-block; } .quotation-block .quotation-image { display:inline-block; vertical-align:top; padding:0 75px 50px 0; width:390px; } .quotation-block .quotation-image img { width:100%; max-width:315px; } .quotation-block .quotation-text { display:inline-block; vertical-align:top; color:#d1e000; font-size:48px; line-height:60px; margin-bottom:30px; font-style:italic; width:calc(100% - 390px); padding:40px 0; } .quotation-block .quotation-text span:first-of-type { margin-left:-15px; } .quotation-block .quotation-attribution { color:#d1e000; font-size:30px; line-height:32px; margin:30px 0; font-style:normal; } .button { font-size:24px; line-height:24px; display:inline-block; padding:10px 30px 5px 30px; color:#d1e000; border:2px solid #d1e000; font-style:normal; } .button.green { color:#d1e000; border-color:#d1e000; } .button:hover { text-decoration:none; } .quotation-text .button { padding:10px 30px; line-height:24px; } .page-intro { background-color:#0077cd; padding:40px 100px 50px 100px; font-size:36px; line-height:46px; color:#ffffff; font-weight:300; } .page-intro p { font-size:inherit; line-height:inherit; font-weight:inherit; margin-bottom:0; } main .content { padding:50px 100px; } .template-secondary main .content p { font-size:23px; line-height:35px; font-weight:400; margin:0 0 0 0; } .template-contentindices main { overflow:visible; } .template-tertiary main .content p { /* font-size:18px; line-height:24px; font-weight:300; margin:0 0 30px 0; */} .highlight-story { display:table; height:335px; position:relative; width:100%; margin-bottom:30px; } .highlight-story > div { display:table-cell; vertical-align:top; background-color:#f3f3f3; height:335px; position:relative; } .highlight-story > div:nth-of-type(1) { width:49%; padding:0; line-height:12px; background-size:cover; background-repeat:no-repeat; background-position:top center; } .highlight-story > div:nth-of-type(1) img { width:100%; height:auto; margin:0; } .highlight-story > div:nth-of-type(2) { width:51%; font-size:18px; line-height:24px; border-top:#031e45 9px solid; } .highlight-story > div:nth-of-type(2) > div { position:absolute; overflow:auto; padding:25px 25px 25px 40px; left:0; right:0; bottom:0; top:0; min-height:300px; } .highlight-story h4 { color:#031e45; font-size:30px; line-height:36px; margin:0 0 15px 0; } #highlight-stories { clear:both; padding-top:20px; max-width:1600px; margin:0 auto; } .highlight-stories-slider { position:relative; } .highlight-stories { position:relative; overflow:hidden; height:335px; margin-bottom:20px; } .highlight-stories .highlight-story { position:absolute; margin-left:100%; transition-property:margin; transition-duration:.5s; } .highlight-stories > div:first-of-type { margin-left:0; } #highlight-arrow-left { position:absolute; left:-50px; top:150px; width:24px; height:36px; background-image:url(/images/highlight-arrow-left.png); background-repeat:no-repeat; background-size:cover; cursor:pointer; } #highlight-arrow-right { position:absolute; right:-50px; top:150px; width:24px; height:36px; background-image:url(/images/highlight-arrow-right.png); background-repeat:no-repeat; background-size:cover; cursor:pointer; } hr.invisible { border:0; } .highlight-story-feature { position:relative; padding:0; z-index:1; background-color:#000000; margin:80px 0; border-radius:25px; } .highlight-story-feature > span { position:absolute; top:30px; left:40px; color:#fff; background-color:#E50670; font-size:17px; line-height:17px; font-weight:700; z-index:2; padding:8px 12px 5px 12px; border-radius:5px; } .highlight-story-feature .highlight-story-content:before { content:""; position:absolute; z-index:2; bottom:100%; left:0; right:0; height:60px; background:#031E45; background: linear-gradient(180deg,rgba(3, 30, 69, 0) 0%, rgba(3, 30, 69, 1) 100%); } .highlight-story-feature .highlight-story-content { position:relative; z-index:1; padding:40px; background-color:#031e45; color:#fff; border-bottom-left-radius:25px; border-bottom-right-radius:25px; } .highlight-story-feature .highlight-story-content .highlight-story-tag { display:inline-block; font-size:24px; line-height:24px; padding-bottom:10px; margin-bottom:20px; font-weight:600; } .highlight-story-feature .highlight-story-content .highlight-story-headline { font-size:32px; line-height:36px; padding-bottom:20px; font-weight:600; } .highlight-story-feature .highlight-story-content .highlight-story-text { font-size:17px; line-height:27px; } .highlight-story-feature .highlight-story-content .highlight-story-text p:last-of-type { margin-bottom:0; } .highlight-story-feature .highlight-story-image { position:relative; z-index:1; background-repeat:no-repeat; background-position:center center; background-size:cover; padding-top:50%; width:100%; border-top-right-radius:25px; border-top-left-radius:25px; } .highlight-story-feature#eqt-and-west-virginia-university-partner-on-safety-program { margin-bottom:0; } .content-main-container { white-space:nowrap; z-index:5; margin-top:-1px; position:relative; min-height:600px; } .content-main-container p, .content-main-container div { white-space:normal; } .template-secondary .content-main { display:table; white-space:normal; width:100%; text-align:left; margin:0; padding-left:calc((100% - 1760px) / 2 + 50px); } .template-secondary .content-main > div { display:table-cell; vertical-align:top; color:#031e45; } .template-secondary .content-main > div:first-of-type { padding:0 40px 0 0; } .template-secondary .content-main > div:first-of-type p, .template-secondary .content-main > div:first-of-type h2 { max-width:770px; } .template-secondary .content-main > div:last-of-type { width:48%; padding-top:130px; } .template-tertiary .content-main { display:inline-block; vertical-align:top; white-space:normal; width:36%; padding-right:50px; padding-bottom:30px; } .template-secondary .related-resources { display:inline-block; vertical-align:top; white-space:normal; width:30%; border-top:solid 2px #d0d0ce; } .template-tertiary .related-resources { display:inline-block; vertical-align:top; white-space:normal; width:30%; border-top:solid 2px #d0d0ce; margin-top:70px; padding-right:50px; margin-right:4%; } .template-secondary .content-main > div:last-of-type > div:first-of-type { width:425px; } .inline-callout-left { background-color:#7d9bae; color:#ffffff; font-size:24px; line-height:30px; padding:60px 50px 30px 100px; background-image:url(/images/Graphic_CPpattern_white.png); background-repeat:repeat-x; margin:40px 0 40px -100px; } .inline-callout-right { background-color:#7d9bae; color:#ffffff; font-size:24px; line-height:30px; padding:60px 95px 30px 50px; background-image:url(/images/Graphic_CPpattern_white.png); background-repeat:repeat-x; margin:40px -95px 40px 0; } .inline-callout-left h3, .inline-callout-right h3 { color:#ffffff; margin-bottom:15px; } .content .tab-contents img.callout-arrow { width:17px; height:14px; margin:0; } .content .callout-boxes ul, .content .related-resources ul { list-style-type:none; padding:0; } .content .callout-boxes ul li, .content .related-resources ul li { padding:0 0 20px 40px; font-size:16px; color:#000000; line-height:19px; list-style-type:none; position:relative; font-weight:300; } .content .callout-boxes ul li:before, .content .related-resources ul li:before { content:""; background-color:transparent; background-image:url(/images/bullet-arrow.png); position:absolute; background-repeat:no-repeat; width:17px; height:14px; left:0; top:2px; } .content .tab-contents img { width:100%; margin:0 0 30px 0; height:auto; } .pageid-800 .content .tab-contents { padding-bottom:100px; } .pageid-800 .content .tab-contents img { width:200px; } .pageid-710 .content .tab-contents img#thumb-datadownload { width:100%; max-width:400px; border:#ccc solid 1px; margin-bottom:0; } #graph_ghgemissions_scope3 > div.barchart-scale { line-height:40px !important; top:-20px !important; } #graph-emissions-net table tbody tr td:nth-of-type(3) > div > p:nth-of-type(2), #graph-emissions-net table tbody tr td:nth-of-type(4) > div > p:nth-of-type(2), #graph-emissions-net table tbody tr td:nth-of-type(5) > div > p:nth-of-type(2), #graph-emissions-net table tbody tr td:nth-of-type(6) > div > p:nth-of-type(2), #graph-emissions-net table tbody tr td:nth-of-type(7) > div > p:nth-of-type(2) { color:#fff !important; } #graph-emissions-net table tbody tr td:nth-of-type(3) > div > p:nth-of-type(3), #graph-emissions-net table tbody tr td:nth-of-type(4) > div > p:nth-of-type(3), #graph-emissions-net table tbody tr td:nth-of-type(5) > div > p:nth-of-type(3), #graph-emissions-net table tbody tr td:nth-of-type(6) > div > p:nth-of-type(3), #graph-emissions-net table tbody tr td:nth-of-type(7) > div > p:nth-of-type(3) { color:#000 !important; padding-top:10px; text-align:left; width:50px; border-top:2px solid #031E45; margin-left:-50px; } #graph-container-52 .graph-custom-key { display:none; } #graph-emissions-ghg-intensity table tbody tr td:nth-of-type(4) > div > p:nth-of-type(2), #graph-emissions-ghg-intensity table tbody tr td:nth-of-type(5) > div > p:nth-of-type(2) { color:#fff !important; bottom:11.5% !important; } #graph_ghgemissions > div.barchart-scale { line-height:40px !important; top:-20px !important; } #graph_ghgemissions .bar-chart tr:first-of-type td:nth-of-type(7), #graph_ghgemissions .bar-chart tr:first-of-type td:nth-of-type(9) { text-align:right; padding-right:2px; } #graph_ghgemissions .bar-chart tr:first-of-type td:nth-of-type(8), #graph_ghgemissions .bar-chart tr:first-of-type td:nth-of-type(10) { text-align:left; padding-left:2px; } #graph_ghgemissions .bar-chart tr:nth-last-child(1) td:nth-of-type(7) span, #graph_ghgemissions .bar-chart tr:nth-last-child(1) td:nth-of-type(8) span { width:200%; } #graph_ghgemissions .bar-chart tr:nth-last-child(1) td:nth-of-type(9) span { width:300%; } #graph_ghgemissions .bar-chart tr td:nth-of-type(2), #graph_ghgemissions .bar-chart tr td:nth-of-type(4), #graph_ghgemissions .bar-chart tr td:nth-of-type(6), #graph_ghgemissions .bar-chart tr:nth-last-child(1) td:nth-of-type(even) span { display:none; } #graph_ghgemissions table tbody tr td:nth-of-type(2) > div > p, #graph_ghgemissions table tbody tr td:nth-of-type(4) > div > p, #graph_ghgemissions table tbody tr td:nth-of-type(6) > div > p { display:none !important; } .content .tab-contents img.float-left { float:left; margin:0 30px 30px 0; width:auto; height:auto; max-width:100%; } .content .tab-contents img.float-right { float:right; margin:0 0 30px 30px; width:auto; height:auto; max-width:100%; } .pageid-101 .content .tab-contents img.float-right { margin-top:52px; } .content .tab-contents img.rounded-corners { border-radius:20px; } .content ul, .highlight-text ul { list-style-type:none; padding:0; } .content ul.no-bottom-margin { margin-bottom:0; } .content ul li, .highlight-text ul li { padding:0 0 9px 25px; list-style-type:none; position:relative; font-weight:400; line-height:28px; font-size:18px; } .content ul li:before, .highlight-text ul li:before { content:""; background-color:#E50670; position:absolute; width:5px; height:5px; left:0; top:10px; } .content ol li { padding:0 0 9px 10px; position:relative; font-weight:300; line-height:28px; font-size:18px; margin-left:-20px; } .pageid-1000 .content ul li { padding-bottom:20px; } .content .tab-contents img#img-solar { max-width:1002px; } .template-primary .callout-boxes { position:relative; z-index:100; white-space:nowrap; text-align:center; clear:both; padding-bottom:50px; z-index:10; } .template-tertiary .callout-boxes { position:relative; display:inline-block; vertical-align:top; z-index:100; width:30%; margin-top:30px; } .tabbed-container { display:table; width:100%; margin:100px 0; } .tabbed-container > div { display:table-cell; vertical-align:top; } .tabbed-container > div:first-of-type { width:380px; } .tabs { position:absolute; width:350px; transition-property:margin; transition-duration:0; } .tabs.scrolled { position:fixed; top:175px; } .tabs-border { position:absolute; top:5px; left:4px; width:2px; background-color:#031E45; border-radius:5px; bottom:5px; } .tabs-marker { position:absolute; top:0px; left:0; width:10px; background-color:#031E45; border-radius:5px; bottom:5px; height:35px; z-index:2; transition-property:margin; transition-duration:.25s; margin-top:0px; } .tabs a { position:relative; display:block; padding:8px 15px 8px 25px; color:#707070; font-size:16px; line-height:22px; font-weight:600; white-space:normal; } .tabs a:hover { text-decoration:none; color:#031e45; } .tabs a.active { color:#000; } .tabs a.tab-main.active .tab-border { background-color:#031e45; } .tabs a.active .tab-border { position:absolute; top:5px; left:0; width:10px; background-color:#E50670; border-radius:5px; bottom:5px; display:none; } .tabs a.tab-main { font-size:18px; color:#031e45; } .tabs a.tab-main span.plus-minus { width:15px; height:15px; /*display:inline-block;*/ background-image:url(/images/icon-tab-plus.svg); background-repeat:no-repeat; background-position:center center; background-size:15px auto; margin:-1px 0 0 10px; vertical-align:top; display:none; } .tabs a.tab-main.active span.plus-minus { display:none; background-image:url(/images/icon-tab-minus.svg); } .tabs a.tab-sub { font-weight:500; font-size:16px; line-height:18px; } .sub-tabs { padding:0 0 10px 0; } .sub-tabs.active { display:block; } .pageid-710 .tab-sub { display:none !important; } main .content .tab-contents a.section-button, a.readmore-button, a.section-button, a.tab-button, main .content .tab-contents a.tab-button { position:relative; z-index:1; margin-top:30px; display:inline-block; font-weight:500; font-size:19px; line-height:19px; padding:25px 100px 25px 30px; color:#031e45; border-radius:50px; background-color:#c5e8fc; border:0; margin:30px 0; text-decoration:none; } main .content .tab-contents a.section-button:after, a.readmore-button:after, a.section-button:after, a.tab-button:after, main .content .tab-contents a.tab-button:after { z-index:2; background-image:url(/images/icon-arrow-readmore.svg); background-size:30px auto; content:""; background-repeat:no-repeat; position:absolute; right:20px; top:50%; height:20px; width:40px; transition-property:right; transition-duration:.5s; margin-top:-7.5px; } main .content .tab-contents a.section-button:hover:after, a.readmore-button:hover:after, a.section-button:hover:after, a.tab-button:hover:after, main .content .tab-contents a.tab-button:hover:after { right:10px; } main .content .tab-contents a.section-button img, a.readmore-button img, a.section-button img, a.tab-button img, main .content .tab-contents a.tab-button img { height:15px; width:auto; margin:0 12px -1px -30px; display:none; } .masthead.home a.readmore-button { background-color:#ffffff; } body .tab-content p, body .tab-content li { color:#031E45; } body .tab-content .highlight-story-feature p, body .tab-content thead p { color:#ffffff; } main .highlight-story-feature a { color:#c5e8fc; text-decoration:underline; font-weight:700; } main .highlight-story-feature a:hover { color:#ffffff; } /*.pageparentid-100 .nav-topics { margin-top:0; margin-bottom:0; background-color:#031e45; padding:40px 0; }*/ .pageid-101 .tabs { display:none !important; } .pageid-101.template-tertiary main .content { padding-top:50px !important; } .related-resources-inline { break-inside:avoid; margin:40px 0 40px 10px; padding:0 0 0 30px; border-left:#E50670 8px solid; } .related-resources-inline strong { font-family: "Montserrat",sans-serif; display:block; text-transform:uppercase; color:#031e45; font-size:24px; line-height:24px; letter-spacing:2px; } .related-resources-inline a { display:inline-block; margin-top:10px; line-height:24px; padding:0 25px 0 0; background-image:url(/images/arrow-right-link.png); background-position:right 3px; background-size:17px 13px; background-repeat:no-repeat; } .related-resources-inline a.two-line { background-position:right 27px; } .tab-contents {} .tab-contents .tab-content { display:none; padding-right:5vw; } .tab-contents .tab-content > div.column-single { width:auto; display:block; white-space:normal; } .tab-contents .tab-content > div.column-left, .tab-contents .tab-content > div.column-right { width:49%; display:inline-block; vertical-align:top; white-space:normal; } .tab-contents .tab-content > div.column-left { padding-right:20px; } .tab-contents .tab-content > div.column-right { padding-left:20px; } .tab-contents .tab-content.active { display:block; } div.callout-box { display:inline-block; white-space:normal; width:25%; margin:85px 15px 0 15px; opacity:1; padding:50px 20px 0 20px; height:450px; color:#031e45; background-color:#ffffff; text-align:center; text-decoration:none; box-shadow:rgba(0,0,0,.35) 0 0 20px; vertical-align:top; } #home-metrics-container .home-metrics a { pointer-events:none; } .callout-boxes a.callout-box { border-radius:12px; display:inline-block; white-space:normal; text-align:center; width:375px; transition-property:transform,margin,opacity,width,height; transition-duration:2s; margin:500px 15px -349px 15px; opacity:0; padding:25px 25px 50px 25px; color:#031e45; text-decoration:none; vertical-align:top; position:relative; z-index:10; transform:scale(1); } .template-primary .callout-boxes a:nth-of-type(2):before { position:absolute; height:150px; background-color:#A1ABB9; width:1px; top:120px; left:0; content:""; } .template-primary .callout-boxes a:nth-of-type(2):after { position:absolute; height:150px; background-color:#A1ABB9; width:1px; top:120px; right:0; content:""; } .callout-boxes a.callout-box .callout-icon { margin-bottom:10px; } /* .callout-boxes.active a.callout-box:hover { z-index:15; transform:scale(1.2); } div.callout-boxes > a:nth-of-type(1) { transition-delay:.25s; transition-duration:1.5s; } div.callout-boxes > a:nth-of-type(2) { transition-delay:0; transition-duration:1.5s; } div.callout-boxes > a:nth-of-type(3) { transition-delay:.5s; transition-duration:1.5s; } div.callout-boxes.active > a:nth-of-type(1) { transition-delay:0s; } div.callout-boxes.active > a:nth-of-type(2) { transition-delay:0s; } div.callout-boxes.active > a:nth-of-type(3) { transition-delay:0s; } */ .callout .left-quotation-mark { position:absolute; margin-left:-18px; font-size:28px !important; font-weight:900 !important; } body .tab-content div.callout, body .tab-content p.callout, div.callout, p.callout { position:relative; color:#0077cd; font-weight:400 !important; text-align:left !important; font-size:40px !important; line-height:48px !important; margin:0; padding:20px 50px 40px 0; break-inside:avoid; /*background-image:url(/images/icon-arrow-right-magenta.svg); background-position:0 5px; background-repeat:no-repeat; background-size:25px auto;*/ } div.three-callouts { position:relative; margin:40px 0 65px 0; display:table; width:100%; font-size:18px !important; line-height:24px !important; font-weight:400 !important; background-color:#031e45; color:#fff; border-radius:25px; background-image:url(/images/background-promises-primary.png); background-position:top left; background-repeat:no-repeat; background-size:cover; } div.three-callouts > div { display:table-cell; text-align:center; width:auto; padding:80px 50px 30px 50px; position:relative; color:#fff; width:33.3%; } div.three-callouts > div:last-of-type { padding-right:40px; } div.three-callouts > span { position:absolute; top:35px; right:40px; text-align:center; left:40px; display:inline-block; width:auto; color:#fff; padding:0; border-radius:5px; font-size:19px; line-height:17px; font-weight:700; text-transform:uppercase; } div.three-callouts > div > div { background-color:#E50670; display:inline-block; width:auto; color:#fff; padding:15px 50px 12px 20px; border-radius:15px; font-size:19px; line-height:17px; font-weight:700; } div.three-callouts > div > div.icon-achieved {background-color:#7FB539; background-image:url(/images/2024_EQT_CheckmarkWhite.svg); background-position:90% center; background-repeat:no-repeat; background-size:30px auto; } div.three-callouts > div > div.icon-ontrack { background-color:#0080C5; background-image:url(/images/2024_EQT_OnTrackWhite.svg); background-position:90% center; background-repeat:no-repeat; background-size:30px auto; } div.callout-group-thirds { column-count:3; column-gap:60px; padding:40px 0 60px 0; } div.callout span, p.callout span { font-weight:400; font-size:20px; } div.callout-group-thirds div.callout, div.callout-group-thirds p.callout { margin:0 0 40px 0; } div.callout strong, p.callout strong { font-weight:400 !important; } .callout-boxes.active a.callout-box { margin:0 15px 0 15px; opacity:1; } .template-tertiary div.callout-box { margin:40px 0; width:100%; height:auto; padding-bottom:50px; } .callout-icon { width:100px; height:100px; margin:0 0 50px 0; } .ellipse-callout { position:absolute; width:80px; left:50%; margin-left:-45px; top:65px; pointer-events:none; } .callout-title { color:#031e45; font-family: "Montserrat",sans-serif; font-size:32px; margin:0; height:50px; line-height:40px; font-weight:600; } .callout-title img { margin-left:15px; width:28px; } .callout-number, .callout-number p { display:inline-block; font-size:70px; line-height:70px; padding:0; font-weight:400; margin:0; color:#031e45; } .callout-number span, .callout-number p span { font-size:60px; line-height:60px; display:inline-block; } .template-secondary main .content .callout-number p, .template-tertiary main .content .callout-number p { display:inline-block; font-size:80px; line-height:110px; font-weight:400; margin:0; white-space:nowrap; color:#fff; } .callout-button a { text-transform:uppercase; display:inline-block; background-color:#E50670; color:#fff; font-size:19px; font-weight:900; padding:10px 15px; margin-top:20px; text-decoration:none; } .callout-button a img { margin-left:8px; height:15px; width:auto; } .template-primary .callout-box .callout-text p { color:#031e45; padding:0 20px; } .template-secondary main .content .callout-number p { display:inline-block; font-size:60px; line-height:70px; font-weight:400; margin:0; white-space:nowrap; color:#fff; } .secondary-callout-box { display:none; color:#ffffff; padding:40px 40px 0 40px; margin:0 50px 30px 0; text-align:left; width:425px; height:310px; background-color:#031e45; border-radius:25px; background-image:url(/images/background-secondary-metrics.png); background-repeat:no-repeat; background-position:left center; overflow:hidden; } .secondary-callout-box .callout-number { color:#ffffff; font-family:"Oscine", verdana, sans-serif; } .template-secondary main .content .secondary-callout-box .callout-text p { color:#ffffff; font-size:21px; line-height:32px; font-weight:400; padding-top:5px; } .secondary-callout-box .callout-number span.arrow-up { display:inline-block; background-image:url(/images/arrow-up-magenta.png?v2); background-size:100% auto; background-repeat:no-repeat; vertical-align:middle; width:52px; height:65px; margin:20px 10px 0 0; } .secondary-callout-box .callout-number span.arrow-down { display:inline-block; background-image:url(/images/arrow-down-magenta.png?v2); background-size:100% auto; background-repeat:no-repeat; vertical-align:middle; width:52px; height:65px; margin:20px 10px 0 0; } .secondary-callout-box .callout-number span { white-space:normal; line-height:60px; display:inline-block; } .secondary-callout-box.active { display:block; } .metrics-data-type { font-size:18px; font-weight:700; } .content-main-container div.callout-dots { text-align:left; padding:0; white-space:nowrap; } .callout-dots span { display:inline-block; height:10px; width:14%; margin-right:8px; background-color:#D6D6D6; cursor:pointer; border-radius:5px; } .callout-dots span.active { cursor:default; background-color:#E50670; } .secondary-callout-box-mobile { display:none; border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; color:#ffffff; padding:40px 0 0 0; text-align:center; max-width:350px; margin: 0 auto; } .secondary-callout-box-mobile .callout-number { color:#d1e000; } .secondary-callout-box-mobile .callout-text { color:#ffffff; } .secondary-callout-box-mobile .callout-number span.arrow-up { display:inline-block; background-image:url(/images/arrow-up-magenta.png?v2); background-size:100% auto; background-repeat:no-repeat; vertical-align:middle; width:52px; height:65px; margin:20px 10px 0 0; } .secondary-callout-box-mobile .callout-number span.arrow-down { display:inline-block; background-image:url(/images/arrow-down-magenta.png?v2); background-size:100% auto; background-repeat:no-repeat; vertical-align:middle; width:52px; height:65px; margin:20px 10px 0 0; } .content-main-container div.inline-metrics { text-align:center; position:relative; margin:30px 0; color:#0077cd; white-space:nowrap; border-top:1px solid #0077cd; border-bottom:1px solid #0077cd; padding:0 0 30px 0; } .inline-metric { width:33%; text-align:center; display:inline-block; vertical-align:top; margin:0 auto 30px auto; } .inline-metric .callout-text { max-width:300px; margin:0 auto; } .inline-metric .callout-text p { margin-bottom:0 !important; } .inline-metric .callout-number p { font-size:100px; line-height:100px; } /*.inline-metric .callout-number span { font-size:50px; line-height:72px; }*/ .callout-number span span, .content .inline-metric .callout-number span span { float:left; } .callout-number span.arrow-up { display:inline-block; background-image:url(/images/arrow-up-magenta.png?v3); background-size:100% auto; background-repeat:no-repeat; vertical-align:middle; width:52px; height:65px; margin:20px 10px 0 0; } .callout-number span.arrow-down { display:inline-block; background-image:url(/images/arrow-down-magenta.png?v3); background-size:100% auto; background-repeat:no-repeat; vertical-align:middle; width:52px; height:65px; margin:20px 10px 0 0; } .inline-metrics .inline-metric { width:100%; white-space:normal; border:0; margin:30px auto 0 auto; } .inline-metrics .inline-metric .callout-number { font-size:2px; line-height:2px; } .inline-metrics.double .inline-metric { width:50%; white-space:normal; border:0; } .inline-metrics.triple .inline-metric { width:33.3%; white-space:normal; border:0; } .inline-metric.float-left { float:left; } .inline-metric.float-right { float:right; } .metric-title { margin:0 auto -15px auto; width:250px; margin-top:-15px; background-color:#ffffff; font-size:24px; line-height:27px; } #graphs-46-47, #graphs-57-58, #graphs-62-63 { display:table; width:100%; text-align:center; } #graphs-46-47 > div, #graphs-57-58 > div, #graphs-62-63 > div { display:table-cell; width:50%; vertical-align:top; } #graphs-46-47-57, #graphs-58-62-63 { display:table; width:100%; text-align:center; } #graphs-46-47-57 > div, #graphs-58-62-63 > div { display:table-cell; width:33.3%; vertical-align:top; text-align:left; padding-right:40px; padding-bottom:30px; } #graphs-46-47-57 > div:last-of-type, #graphs-58-62-63 > div:last-of-type { padding-right:0; } /* .callout-number span { font-size:60px; line-height:77px; vertical-align:top; }*/ .callout-text { font-size:24px; line-height:26px; color:#000; } .content .tab-contents img#img-topics, .content .tab-contents img#img-geographic, .content .tab-contents img#img-map { width: 75%; height:auto; display: block; margin-left: auto; margin-right: auto; } .lowercase { text-transform:lowercase !important; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:40px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } table thead tr th, table thead tr td, table tbody tr td { vertical-align:top; } .content table ul { margin-top:0; } .content table ul li { padding-left:20px; } .content table ul li:before { top:5px; } .content ul li p { margin:0; } .content ul.columnize, .content ol.columnize { column-count:2; column-gap:50px; } .content ul.columnize li, .content ol.columnize li { -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; padding-bottom:10px; } .content ul.columnize.three-wide { column-count:3; } .content div.columnize { column-count:2; column-gap:50px; } .content div.columnize p, .content div.columnize div { -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; } div.columns { white-space:nowrap; margin:0 0 30px 0; } div.columns > div { width:50%; display:inline-block; vertical-align:top; white-space:normal; } div.columns > div:nth-of-type(1) { padding-right:40px; } div.columns > div:nth-of-type(2) { padding-left:40px; } div.columns h4 { margin-top:0; } div.columns .column-third { width:33.3%; } div.columns#columns-lowercarbonfuture > div:nth-of-type(1) { width:50%; } div.columns#columns-lowercarbonfuture > div:nth-of-type(2) { width:50%; } div.columns#columns-lowercarbonfuture h5 { padding-top:0; } .content .tab-contents #table-publicpolicyissues img { width:20px; height:auto; margin:0; } .template-tertiary main .content #table-publicpolicyissues p { margin:0; } #share-container { display:none; background-color:rgba(255,255,255,.9); position:fixed; top:0; right:0; bottom:0; left:0; z-index:100000; } #share-container div { background-color:#031e45; position:absolute; top:50%; left:50%; width:300px; height:150px; margin:-75px auto auto -150px; padding:25px 0 0 0; text-align:center; } #share-container div h6 { color:#ffffff; font-size:22px; line-height:24px; margin:0;} #share-container div a { color:#ffffff; display:inline-block; margin:15px; font-size:60px; } #btn-close-social { position:absolute; height:31px; width:31px; right:0; top:0; margin:-15px -15px auto auto; background-color:#000; border-radius:50%; cursor:pointer; padding:7px 0 0 2px; text-align:center; display:inline-block; } #btn-close-social img { width:16px; } /*FOOTER*/ footer { background-color:#031e45; margin:0 auto; text-align:center; background-image:url(/images/background-learnmore.png); background-size:cover; background-position:top center; padding:80px; } .footer-container { background-color:#ffffff; border-radius:25px; padding:0 50px; max-width:1650px; margin:0 auto; } footer a { text-decoration:underline; } footer a:hover { text-decoration:underline; color:#ffffff; } .footer-links-container { background-color:#c5e8fc; padding:20px 80px; } .footer-links-container .footer-links { max-width:1650px; display:table; width:100%; margin:0 auto; } .footer-links-container .footer-links a, .footer-links-container .footer-links span { font-weight:600; display:table-cell; text-align:left; color:#041D45; } .footer-links-container .footer-links a:nth-of-type(1) { width:200px; } .footer-links-container .footer-links a:nth-of-type(2) { width:170px; } .footer-links-container .footer-links a:nth-of-type(3) { width:85px; } .footer-links-container .footer-links span { text-align:right; } footer .more-content { display:table; width:100%; } footer .more-content > div { display:table-cell; text-align:left; align-content:center; } footer .more-content > div:nth-of-type(2) { padding:40px 0 20px 0; } footer .more-content > div p { margin:0; } footer .more-content > div p a { position:relative; display:block; text-decoration:none; font-weight:500; padding:20px 60px 20px 0; border-bottom:1px solid #C0C6D7; font-size:24px; color:#031E45; } footer .more-content > div p a:after { content:""; position:absolute; margin-top:-4px; background-image:url(/images/icon-download.svg); background-size:40px 40px; background-repeat:no-repeat; width:40px; height:40px; right:0; } footer .more-content > div p a span { font-size:16px; } footer .more-content > div p:last-of-type a { border-bottom:0; } .more-about-our-report { width:100%; position:relative; } .template-primary #page-container .more-about-our-report h2, .template-secondary #page-container .more-about-our-report h2, .template-tertiary #page-container .more-about-our-report h2, .template-utility #page-container .more-about-our-report h2, .template-utilitytertiary #page-container .more-about-our-report h2, .template-contentindices #page-container .more-about-our-report h2, .template-cms_highlights #page-container .more-about-our-report h2, .template-cms_metrics #page-container .more-about-our-report h2 { color:#031e45; font-weight:600; border-left:0; left:0; width:auto; max-width:1920px; margin:0 auto; padding:0 50px 0 0; font-size:48px; line-height:58px; text-align:left; border:0; } .more-about-our-report .more-content p { line-height:30px; } .more-about-our-report h2 span { white-space:nowrap; } /*BASIC FIELDS*/ .formfields { border:2px solid #cccccc; background-color:#ffffff; min-height:40px; padding:5px 10px; width:100%; display:inline-block; outline: none; font-size:16px; color:#333333; box-shadow:inset #031e45 0px 0px 0px; transition-property: padding, box-shadow; transition-duration: 0.5s; transition-delay: 0s; } .formfields:focus { border:2px solid #031e45; box-shadow:inset #031e45 -20px 0 0 !important; } .formfields.half { width:50%; } .formfields.fielderror { border:2px solid #990000; box-shadow:inset #990000 -20px 0 0 !important; } #loginform { margin:40px auto; display:block; text-align:center; max-width:400px; } #loginerror { display:none; text-align:center; margin:5px auto; color:#990000; } #passworderror { display:none; text-align:center; } label { position:absolute; padding:2px; margin-top:-8px; margin-left:8px; background-color:#ffffff; font-size:12px; text-transform:uppercase; display:block; line-height:14px; z-index:1; } input[type="text"] { width:100%; font-size:16px; margin-bottom:20px; } #cmstools { position:absolute; top:135px; right:0; padding:5px 10px 5px 20px; background-color:rgba(255,255,255,1); z-index:10000; text-align:right; border-bottom-left-radius:30px; border-top-left-radius:30px; } #cmstools a { display:inline-block; background-color:#031e45; color:#ffffff; margin:2px 2px; padding:10px 12px 7px 12px; font-size:12px; text-decoration:none; border-radius:20px; } #cmstools a:hover { background-color:#000000; } /* TABLES */ table { width:100%; border-collapse:collapse; margin-bottom:40px; border-bottom:1px solid #000000; } table thead tr th, table thead tr td { padding:14px 8px; background-color:#031e45; color:#ffffff; margin:0; text-align:left; /*border-right:1px solid #ffffff;*/ width:auto; font-weight:700 !important; } table thead tr td:last-of-type { border-right:0; } table thead tr th.subtitle, table tbody tr td.subtitle { background-color:#d0d0ce; border:0; } table tbody tr td { padding:8px; margin:0; /*border:1px solid #8996A8;*/ border-top:0; width:auto; border-bottom:1px solid #D6D6D6; } table tbody tr td:first-of-type { border-left:0; } table tbody tr td:first-of-type p { } table tbody tr td:last-of-type { border-right:0; } /* table thead tr th:first-of-type, table thead tr td:first-of-type, table tbody tr td:first-of-type { padding-left:40px; } table thead tr th:last-of-type, table thead tr td:last-of-type, table tbody tr td:last-of-type { padding-right:40px; } */ table thead tr th, table thead tr td, table tbody tr td { font-size:14px; line-height:17px; } table thead tr th p, table thead tr td p, table tbody tr td p { font-size:14px; line-height:17px; padding:0; margin:0; } /* SPECIAL CALLOUT */ .callout-stats { width:48%; float:right; margin:-40px 0 50px 50px; white-space:nowrap; text-align:center; } .callout-stats-icon { text-align:center; } .callout-stats-icon img { width:115px; } .callout-stats-icon hr { border:0; margin:-35px 0 40px 0; border-top:3px solid #000000; } .callout-stats-title { font-size:32px; text-align:center; padding:0; line-height:36px; margin-bottom:25px; } .callout-stats-big { display:inline-block; width:45%; text-align:center; margin:0 5% 0 auto; } .callout-stats-big div { font-size:18px; font-weight:600; line-height:24px; white-space:normal; } .callout-stats-big div span { display:block; font-size:60px; line-height:65px; margin-bottom:10px; } .callout-stats-small { display:inline-block; width:45%; margin:0 auto 0 5%; text-align:left; } .callout-stats-small div { font-size:18px; font-weight:600; line-height:20px; margin-bottom:15px; text-align:left; white-space:normal; } .callout-stats-small div span { float:left; display:inline-block; width:75px; font-size:34px; font-weight:bold; margin-bottom:5px; } .callout-stats-small div:nth-of-type(3) span { margin-top:8px; } /* GRI TAGS */ .header-gri-tags { position:relative; display:inline-block; font-size:12px; padding-right:24px; font-family:"Montserrat",sans-serif; font-weight:400; min-height:25px; line-height:10px; margin:0 0 20px 0; background-image:url(/images/icon-expand-down.png); background-size:10px 6px; background-position:98% 8px; background-repeat:no-repeat; } .gri-tag { display:inline-block; cursor:pointer; z-index:10; border:1px solid transparent; text-decoration:none; padding:5px 3px 5px 0; color:#031e45; font-size:15px; font-weight:300; } .gri-tag.missing { background-color:yellow; color:red; font-weight:bold; } .gri-tag:after { content:"; "; } .gri-tag:last-of-type::after { content:""; } .header-gri-tags:hover { background-image:url(/images/icon-expand-up.png); } .gri-terms { display:none; position:absolute; width:600px; z-index:15000; background-color:rgba(255,255,255,.96); padding:15px 15px 0 15px; border:1px solid #d5d5d3; line-height:100%; top:100%; } .gri-term { font-size:16px; font-weight:700; color:#031e45; display:table; width:100%; margin-bottom:6px; } .gri-deftitle { margin-bottom:10px; font-weight:700; } .gri-title { display:table-cell; vertical-align:top; width:30%; font-weight:700; font-size:12px; line-height:16px; padding-right:20px; } .gri-definition { display:table-cell; vertical-align:top; font-size:12px; line-height:16px; } .gri-heading { font-size:16px; padding-bottom:10px;} .gri-ogss { display:table-cell; vertical-align:top; width:20%; font-weight:600; font-size:12px; text-transform:uppercase; line-height:16px; } /* GRI CONTENT INDEX */ .disclosures { } .disclosures h3 { margin-top:40px; } .disclosures h3:first-of-type { margin-top:0px; } .disclosures h2 { margin:50px 0 20px 0; } .disclosure-table { display:none; } .general-disclosures { margin-bottom:40px; } .general-disclosures table { width:100%; border-collapse:collapse; border:0; margin:0 !important; min-width:450px; } .general-disclosures table thead tr th { background-color:#031e45; color:#ffffff; font-size:14px; text-align:left; border:0; border-bottom:1px solid #ffffff; padding:5px; line-height:17px; border-left:1px solid #ffffff; font-weight:bold; } .general-disclosures table thead tr th:nth-of-type(1) { border-left:0; } .general-disclosures table tr td { padding:5px; vertical-align:top; line-height:24px; color:#031E45; } .general-disclosures table thead tr th:nth-of-type(1) { width:20%; } .general-disclosures table thead tr th:nth-of-type(2) { width:24%; } .general-disclosures table thead tr th:nth-of-type(3) { width:56%; } .general-disclosures table tbody tr td table tbody tr td { border-left:0; border-bottom:0; } /* .general-disclosures table tbody tr:nth-of-type(even) td { background-color:#eeeeee; } .general-disclosures table tbody tr:nth-of-type(odd) td { background-color:#ffffff; } */ .general-disclosures > table > tbody > tr > td:nth-of-type(1) { width:20%; font-size:14px; line-height:17px; color:#000000;} .general-disclosures > table > tbody > tr > td:nth-of-type(2) { width:40%; font-size:14px; line-height:17px; } .general-disclosures > table > tbody > tr > td:nth-of-type(3) { width:40%; font-size:14px; line-height:17px; } .general-disclosures .disclosure-table > table > tbody > tr > td:nth-of-type(1) { width:20%; font-size:14px; line-height:17px; color:#000000;} .general-disclosures .disclosure-table > table > tbody > tr > td:nth-of-type(2) { width:80%; font-size:14px; line-height:17px; } .general-disclosures .disclosure-table > table > tbody > tr > td:nth-of-type(2) > table > tbody > tr > td:nth-of-type(1) { width:30%; } .general-disclosures .disclosure-table > table > tbody > tr > td:nth-of-type(2) > table > tbody > tr > td:nth-of-type(2) { width:70%; } .content table tbody tr td ul li p, .content table tbody tr td ul li { font-size:14px; line-height:17px; } .disclosure-category { background-image:url(/images/icon-arrow-down-white.png); background-size:14px 9px; background-repeat:no-repeat; background-position: 99% center; transition-property:background-color; transition-duration:.5s; line-height:24px; } .specific-disclosures.notmaterial { overflow-x:auto; } .specific-disclosures.notmaterial table tbody tr.not-material-category > td { background-color:#0077cd; font-size:16px !important; padding:6px !important; line-height:18px !important; margin:0 0 1px 0; color:#ffffff; background-image:url(/images/icon-arrow-down-white.png); background-size:14px 9px; background-repeat:no-repeat; background-position: 99% center; transition-property:background-color; transition-duration:.5s; } .specific-disclosures.notmaterial table tbody tr.not-material-category td.active { background-image:url(/images/icon-arrow-up-white.png); } #table-gaap th { text-align:right; } #table-gaap td { text-align:right; } #table-gaap td:first-of-type { text-align:left; } #table-not-material { width:100%; } #table-not-material table { width:100%; } .general-disclosures .disclosure-category { background-color:#0077cd;font-size:16px; padding:6px; line-height:18px; margin:0 0 1px 0; color:#ffffff; cursor:pointer; } .specific-disclosures .disclosure-category { background-color:#0077cd; color:#ffffff;font-size:16px; padding:6px 6px 6px 15px; margin:0 0 1px 0; line-height:18px; color:#ffffff; cursor:pointer; } .specific-disclosures .disclosure-subcategory { background-color:#d1d2d4 !important; color:#000000 !important; font-size:16px; padding:6px 6px 6px 15px; margin:0; line-height:18px; } #graph-container-51 { position:relative; } #graph-emissions-ghg-intensity .barchart-grid span#graph-51-appbasin { position:absolute; left:0px; right:10px; top:131px; border-bottom:2px dotted #999; display:inline-block; text-align:right; font-size:12px; padding-bottom:2px; color:#999; line-height:12px; } #graph-emissions-ghg-intensity .barchart-grid span#graph-51-perbasin { position:absolute; left:0px; right:10px; top:64px; border-bottom:2px dotted #999; display:inline-block; text-align:right; font-size:12px; padding-bottom:2px; color:#999; line-height:12px; } #graph-emissions-ghg-intensity .barchart-grid span#graph-51-target { position:absolute; left:0px; right:10px; top:163px; border-bottom:2px dotted #96d1f1; display:inline-block; text-align:right; font-size:12px; padding-bottom:2px; color:#96d1f1; line-height:12px; } #graph-container-52 { position:relative; } #graph-52-target { position:absolute; left:0px; right:10px; top:147px; border-bottom:2px dotted #96d1f1; display:inline-block; text-align:right !important; font-size:12px; padding-bottom:2px; color:#96d1f1; line-height:12px; } .accordion-content[data-id="diversity-and-inclusion"] .bar-chart tr:nth-of-type(2) td:nth-of-type(4) span { white-space:nowrap; } .general-disclosures table tr td:nth-of-type(3) a br, .specific-disclosures table tr td:nth-of-type(3) a br { display:none; } .specific-disclosures { margin-bottom:40px; } .specific-disclosures > table { width:100%; border-collapse:collapse; border:0; margin:0 !important; min-width:1018px; } .specific-disclosures table thead tr th { background-color:#031e45; color:#ffffff; font-size:14px; text-align:left; border:0; border-bottom:1px solid #ffffff; padding:10px 5px; line-height:17px; border-left:1px solid #ffffff; font-weight:bold; } .specific-disclosures table thead tr th:nth-of-type(1) { } .specific-disclosures table tr td { padding:5px; vertical-align:top; line-height:24px; } .specific-disclosures table tr tr:last-of-type td { border-bottom:0; } .specific-disclosures table thead tr th:nth-of-type(1) { border-left:0; } .specific-disclosures > table > thead > tr > th:nth-of-type(1) { width:15%; min-width:150px; border-top-left-radius:25px; padding-left:15px;} .specific-disclosures > table > thead > tr > th:nth-of-type(2) { width:10%; min-width:100px; } .specific-disclosures > table > thead > tr > th:nth-of-type(3) { width:10%; min-width:100px; } .specific-disclosures > table > thead > tr > th:nth-of-type(4) { width:25%; min-width:250px; } .specific-disclosures.general > table > thead > tr > th:nth-of-type(4), .specific-disclosures.notmaterial > table > thead > tr > th:nth-of-type(4) { width:25%; min-width:250px; border-top-right-radius:25px; } .specific-disclosures > table > thead > tr > th:nth-of-type(5) { width:20%; min-width:200px; } .specific-disclosures > table > thead > tr > th:nth-of-type(6) { width:20%; min-width:200px; border-top-right-radius:25px; } .notmaterial.specific-disclosures table > thead > tr > th:nth-of-type(1) { width:20%; } .notmaterial.specific-disclosures table > thead > tr > th:nth-of-type(2) { width:20%; } .notmaterial.specific-disclosures table > thead > tr > th:nth-of-type(3) { width:20%; } .notmaterial.specific-disclosures table > thead > tr > th:nth-of-type(4) { width:40%; } .notmaterial.specific-disclosures table > tbody > tr > td:nth-of-type(1) { width:20%; } .notmaterial.specific-disclosures table > tbody > tr > td:nth-of-type(2) { width:20%; } .notmaterial.specific-disclosures table > tbody > tr > td:nth-of-type(3) { width:20%; } .notmaterial.specific-disclosures table > tbody > tr > td:nth-of-type(4) { width:40%; } .general.specific-disclosures > table > thead > tr > th:nth-of-type(1) { width:15%; min-width:150px; } .general.specific-disclosures > table > thead > tr > th:nth-of-type(2) { width:10%; min-width:102px; } .general.specific-disclosures > table > thead > tr > th:nth-of-type(3) { width:30%; min-width:305px !important; } .general.specific-disclosures > table > thead > tr > th:nth-of-type(4) { width:45%; min-width:457px; } .general.specific-disclosures > table > tbody > tr > td:nth-of-type(1) { width:15%; min-width:153px; } .general.specific-disclosures > table > tbody > tr > td:nth-of-type(2) { width:85%; min-width:865px; } .general.specific-disclosures table.disclosure-standard-table > tbody > tr > td:nth-of-type(2) > table tbody tr td:nth-of-type(1) { width:11.8%; } .general.specific-disclosures table.disclosure-standard-table > tbody > tr > td:nth-of-type(2) > table tbody tr td:nth-of-type(2) { width:35.3%; min-width:305px !important; } .general.specific-disclosures table.disclosure-standard-table > tbody > tr > td:nth-of-type(2) > table tbody tr td:nth-of-type(3) { width:52.9%; min-width:457px !important; } .specific-disclosures table tbody tr td:nth-of-type(1) { min-width:108px; } .specific-disclosures table tbody tr td table tbody tr td:nth-of-type(1) { min-width:72px; } .specific-disclosures table tbody tr td table tbody tr td:nth-of-type(2) { min-width:121px; } .specific-disclosures table.disclosure-standard-table > tbody > tr > td:nth-of-type(1) { width:15%; font-size:14px; line-height:17px; font-weight:400; min-width:153px; padding-left:15px; } .specific-disclosures table.disclosure-standard-table > tbody > tr > td:nth-of-type(2) { width:85%; font-size:14px; line-height:17px; min-width:865px; } .specific-disclosures table.disclosure-standard-table > tbody > tr > td:nth-of-type(2) > table tbody tr td:nth-of-type(1) { width:11.8%; font-size:14px; line-height:17px; font-weight:400; min-width:102px; } .specific-disclosures table.disclosure-standard-table > tbody > tr > td:nth-of-type(2) > table tbody tr td:nth-of-type(2) { width:11.8%; font-size:14px; line-height:17px; min-width:102px; } .specific-disclosures table.disclosure-standard-table tbody tr td:nth-of-type(2) > table tbody tr td:nth-of-type(3) { width:29.4%; font-size:14px; line-height:17px; min-width:254px; } .specific-disclosures table.disclosure-standard-table tbody tr td:nth-of-type(2) > table tbody tr td:nth-of-type(4) { width:23.5%; font-size:14px; line-height:17px; min-width:203px; } .specific-disclosures table.disclosure-standard-table tbody tr td:nth-of-type(2) > table tbody tr td:nth-of-type(5) { width:23.5%; font-size:14px; line-height:17px; min-width:203px; } .content .specific-disclosures ul li:before { left:2px; top:5px; } .content .specific-disclosures ul li { padding-left:16px; } main .specific-disclosures a br { display:none; } .specific-disclosures > div:nth-of-type(2) > table:nth-of-type(2) table { min-height:50px; margin-bottom:0; } .specific-disclosures table.disclosure-standard-table > tbody > tr > td:nth-of-type(2) table { margin-bottom:0; border-bottom:0; } .specific-disclosures table tbody tr td { padding:5px; } /* .specific-disclosures table tbody tr:nth-of-type(odd) td { background-color:#eeeeee; } .specific-disclosures table tbody tr:nth-of-type(even) td { background-color:#ffffff; } */ .sasb-disclosures table tbody tr td, .sasb-disclosures table tbody tr td p, .sasb-disclosures table tbody tr td div, .sasb-disclosures table tbody tr td li, .specific-disclosures table tbody tr td, .specific-disclosures table tbody tr td p, .specific-disclosures table tbody tr td div, .specific-disclosures table tbody tr td li { color:#031E45; } .sasb-disclosures { margin-bottom:40px; } .sasb-disclosures table { width:100%; border-collapse:collapse; border:0; margin-bottom:0; } .sasb-disclosures table thead tr td { background-color:#031e45; color:#ffffff; font-weight:700; } .sasb-disclosures table thead tr td:nth-of-type(1) { color:#ffffff; } .sasb-disclosures table tr td { padding:10px 5px; vertical-align:top; border-bottom:#8996A8 1px solid; } .sasb-disclosures table thead tr td:nth-of-type(1) { width:25%; border-top-left-radius:25px; padding-left:15px; } .sasb-disclosures table thead tr td:nth-of-type(2) { width:50%; } .sasb-disclosures table thead tr td:nth-of-type(3) { width:25%; border-top-right-radius:25px; } .sasb-disclosures table tbody tr td.sasb-topic { width:25%; font-weight:700; padding-right:20px; } .sasb-disclosures table tbody tr td.sasb-topic:first-of-type { padding-left:15px !important; } .sasb-disclosures table tbody tr td:nth-last-of-type(1) { width:25%; } .sasb-disclosures table tbody tr td:nth-last-of-type(2) { width:50%; } .sasb-disclosures table.sasb-activity thead tr td:nth-of-type(1) { width:75%; } .sasb-disclosures table.sasb-activity thead tr td:nth-of-type(2) { width:25%; border-top-right-radius:25px; } .sasb-disclosures table.sasb-activity tbody tr td:nth-last-of-type(1) { width:25%; } .sasb-disclosures table.sasb-activity tbody tr td:nth-last-of-type(2) { width:75%; padding-left:15px !important;} .sasb-disclosures table tbody tr td { padding:5px !important; } .sasb-disclosures h3 { margin:30px 0 0 0; } .sasb-disclosures table tbody tr:nth-of-type(2) td:first-of-type, .sasb-disclosures table tbody tr:nth-of-type(5) td:first-of-type, .sasb-disclosures table tbody tr:nth-of-type(6) td:first-of-type, .sasb-disclosures table tbody tr:nth-of-type(7) td:first-of-type, .sasb-disclosures table tbody tr:nth-of-type(9) td:first-of-type, .sasb-disclosures table tbody tr:nth-of-type(13) td:first-of-type, .sasb-disclosures table tbody tr:nth-of-type(15) td:first-of-type { padding:8px; } .disclosure-category.active { background-image:url(/images/icon-arrow-up-white.png); } /*.disclosure-standard-table:nth-of-type(even) > tbody > tr > td:first-of-type { background-color:#ffffff; } */ .disclosure-standard-table > tbody > tr > td:last-of-type { vertical-align:middle; width:85%; padding:0; } .sasb-disclosures table tbody tr td p { margin-bottom:20px; color:#031E45; } .sasb-disclosures table tbody tr td p:last-of-type { margin-bottom:0; } .disclosure-table table tbody tr td p { margin-bottom:20px; color:#031E45; } .disclosure-table table tbody tr td p:last-of-type { margin-bottom:0; } #icons-ethics { display:table; } #icons-ethics > div { display:table-cell; vertical-align:top; width:25%; padding-right:50px; } #icons-ethics > div img { width:150px; display:block; margin:0; } table.table-fouryears thead tr td:nth-last-of-type(1), table.table-fouryears thead tr td:nth-last-of-type(2), table.table-fouryears thead tr td:nth-last-of-type(3), table.table-fouryears thead tr td:nth-last-of-type(4) { width:120px; } table#table-comminvest, table#table-taxes, table#table-royalties, table#table-contributions { width:100%; } table#table-taxes thead tr td { width:120px !important; } table#table-taxes tbody tr td, table#table-taxes thead tr td:first-of-type { width:auto !important; } table#table-comminvest thead tr td:first-of-type, table#table-contributions thead tr td:first-of-type, table#table-royalties thead tr td:first-of-type { width:58% !important; } table#table-comminvest thead tr td, table#table-comminvest tbody tr td, table#table-contributions thead tr td, table#table-contributions tbody tr td, table#table-royalties thead tr td, table#table-royalties tbody tr td { width:14% !important; } table#table-facts thead tr th:nth-of-type(1) { width:30%; } table#table-facts thead tr th:nth-of-type(2) { width:70%; } table#table-axpc thead tr th:nth-of-type(1) { width:15%; } table#table-axpc thead tr th:nth-of-type(2) { width:40%; } table#table-axpc thead tr th:nth-last-of-type(3) { width:15%; text-align:right; } table#table-axpc thead tr th:nth-last-of-type(2) { width:15%; text-align:right; } table#table-axpc thead tr th:nth-last-of-type(1) { width:15%; text-align:right; } table#table-axpc tbody tr td:nth-last-of-type(3) { width:15%; text-align:right; } table#table-axpc tbody tr td:nth-last-of-type(2) { width:15%; text-align:right; } table#table-axpc tbody tr td:nth-last-of-type(1) { width:15%; text-align:right; } table#table-axpc tbody tr td:nth-last-of-type(5) { font-weight:bold; } table#table-reportablespills tbody tr td:nth-of-type(2), table#table-reportablespills tbody tr td:nth-of-type(3), table#table-reportablespills tbody tr td:nth-of-type(4), table#table-reportablespills tbody tr td:nth-of-type(5), table#table-reportablespills tbody tr td:nth-of-type(6), table#table-reportablespills tbody tr td:nth-of-type(7) { width:125px; } table#table-leakdetection thead tr td:first-of-type { width:28%; } table#table-leakdetection thead tr td { width:12%; } table#table-absairemissions thead tr td:first-of-type { width:28%; } table#table-absairemissions thead tr td { width:12%; } table#table-sigairemissions thead tr td:first-of-type { width:28%; } table#table-sigairemissions thead tr td { width:12%; } table#table-airintensities thead tr td:first-of-type { width:40%; } table#table-airintensities thead tr td { width:12%; } table#table-tcfd td.tcfd-topic { background-color:#031e45; color:#ffffff; padding:10px 5px 10px 15px; } table#table-tcfd tbody tr td:first-of-type { padding-left:15px; } table#table-tcfd td.tcfd-topic p { color:#ffffff; } table#table-parental thead tr:nth-of-type(1) td, table#table-methane thead tr:nth-of-type(1) td { border-bottom:1px solid #fff; } table#table-water-produced td:nth-of-type(1) { width:auto; } table#table-water-produced td:nth-of-type(2), table#table-water-produced td:nth-of-type(3), table#table-water-produced td:nth-of-type(4) { width:12%; } table#table-injuries thead tr td, table#table-injuries tbody tr td { width:10% !important; } table#table-injuries thead tr td:first-of-type, table#table-injuries tbody tr td:first-of-type { width:20% !important; } table#table-injuries thead tr td[colspan="2"], table#table-injuries tbody tr td[colspan="2"] { width:20% !important; } table#table-trir thead td:first-of-type { width:29% !important; } table#table-trir thead td:nth-of-type(2) { width:29% !important; } table#table-trir thead td { width:14% !important; } table#table-dart thead td:first-of-type { width:58% !important; text-align:left; } table#table-dart thead td { width:14% !important; text-align:right; } table#table-dart tbody td:first-of-type { text-align:left; } table#table-dart tbody td { text-align:right; } table#table-workrelatedhealth thead td:first-of-type { width:58% !important; } table#table-workrelatedhealth thead td { width:14% !important; } table#table-nearmiss thead td:first-of-type { width:58% !important; } table#table-nearmiss thead td { width:14% !important; } table#table-vehicleaccident thead td:first-of-type { width:58% !important; } table#table-vehicleaccident thead td { width:14% !important; } body.pageid-320 table, body.pageid-330 table, table#table-biodiversity { width:100% !important; } .pageid-530 table thead tr th:nth-of-type(1) { width:30%; } .pageid-530 table thead tr th:nth-of-type(2) { width:20%; } .pageid-530 table thead tr th:nth-of-type(3) { width:10%; } .pageid-530 table thead tr th:nth-of-type(4) { width:10%; } .pageid-530 table thead tr th:nth-of-type(5) { width:10%; } .pageid-530 table thead tr th:nth-of-type(6) { width:10%; } .pageid-530 table thead tr th:nth-of-type(7) { width:10%; } #btn-mobilemenu { display:none; z-index:1000; } #esg-reports { text-align:left; margin:0; max-width:1200px; } #esg-reports a { display:inline-block; vertical-align:top; width:250px; margin:40px 80px 40px 0; } #esg-reports a img { width:100%; border:#ccc solid 1px; margin-bottom:10px; } #executive-summaries { text-align:center; } #executive-summaries a { display:inline-block; vertical-align:top; width:250px; margin:40px; } #executive-summaries a img { width:100%; border:#ccc solid 1px; margin-bottom:10px; } #data-download { text-align:center; } #data-download a { display:inline-block; width:100%; margin:40px 0; } #data-download a img { width:100%; border:#ccc solid 1px; margin-bottom:10px; max-width:400px; } table.bar-chart { border:0; margin:0; } table.bar-chart tbody tr td { border:0; } .template-tertiary main .content table.bar-chart thead tr th p, .template-tertiary main .content table.bar-chart thead tr td p, .template-tertiary main .content table.bar-chart tbody tr td p { font-weight:400; font-size:15px; line-height:7px; } .bar-chart-container > div.barchart-scale { position:absolute; left:0; top:-10px !important; background-color:#ffffff; padding:0 10px 0 0; line-height:20px !important; font-size:12px; text-align:right; width:auto; height:auto; font-weight:bold; color:#49494B; font-family:"Montserrat",sans-serif; } .bar-chart-container > div.barchart-grid { position:absolute; top:0; left:-10px; right:0; height:220px; background-color: transparent; width:100%; background-image: linear-gradient(0deg, transparent 90%, rgba(85,86,90,.25) 90%, transparent 100%, transparent); background-size:auto 20px !important; } .graph-pie-total { display:none; text-align:center; width:100%; position:absolute; z-index:2; padding-top:165px; font-size:18px; font-weight:600; pointer-events:none; } .graph-pie-total span { font-size:12px; text-transform:uppercase; font-weight:normal; } #graph-airquality.bar-chart-horizontal tbody tr td:first-of-type { width:200px; } #graph-airquality.bar-chart-horizontal tbody tr td:last-of-type { width:calc(100% - 200px); } #graph-airquality.bar-chart-horizontal tbody tr td > div { background-color:#031e45 !important; } #graph-airquality.bar-chart-horizontal tbody tr:nth-of-type(2) td > div { background-color:#E50670 !important; } #graph_stop_work > div.barchart-scale { line-height:22px !important; display:none; } #graph_stop_work.bar-chart-container > div { padding-left:0; } #graph_stop_work.bar-chart-container > div.barchart-grid { background-size:auto 22px !important; } #graph-ghgemissions.bar-chart-container > div.barchart-scale { top:-21px !important; line-height:40px !important; } #graph-ghgemissions.bar-chart-container > div.barchart-grid { background-size:auto 40px !important; background-image: linear-gradient(0deg, transparent 98%, rgba(85,86,90,.25) 98%, transparent 100%, transparent); } #graph-emissions-net.bar-chart-container > div.barchart-scale { top:-24px !important; line-height:50px !important; } #graph-emissions-net.bar-chart-container > div.barchart-grid { background-size:auto 49.5px !important; background-image: linear-gradient(0deg, transparent 95%, rgba(85,86,90,.25) 95%, transparent 100%, transparent); } #graph-osha.bar-chart-container > div.barchart-scale { top:-14px !important; line-height:33px !important; } #graph-osha.bar-chart-container > div.barchart-grid { background-size:auto 33px !important; background-image: linear-gradient(0deg, transparent 98%, rgba(85,86,90,.25) 98%, transparent 100%, transparent); } #graph-osha .bar-chart tr td > div > p { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); width:60px; margin-left:-20px; } #graph-emissions-ghg-intensity tr td { width:6.5% !important; } #graph-trir .bar-chart tr:first-of-type td:nth-of-type(odd), #graph-lwdr .bar-chart tr:first-of-type td:nth-of-type(odd), #graph-disease1 .bar-chart tr:first-of-type td:nth-of-type(odd), #graph-absentee1 .bar-chart tr:first-of-type td:nth-of-type(odd) { text-align:right; padding-right:2px; } #graph-trir .bar-chart tr:first-of-type td:nth-of-type(even), #graph-lwdr .bar-chart tr:first-of-type td:nth-of-type(even), #graph-disease1 .bar-chart tr:first-of-type td:nth-of-type(even), #graph-absentee1 .bar-chart tr:first-of-type td:nth-of-type(even) { text-align:left; padding-left:2px; } /* #graph-osha .bar-chart tr:last-of-type td, #graph-disease .bar-chart tr:last-of-type td, #graph-absentee .bar-chart tr:last-of-type td, #graph-fatalities .bar-chart tr:last-of-type td { height:40px; } #graph-osha .bar-chart tr:first-of-type td:nth-of-type(16), #graph-osha .bar-chart tr:last-of-type td:nth-of-type(8), #graph-disease .bar-chart tr td:nth-of-type(8), #graph-absentee .bar-chart tr td:nth-of-type(8), #graph-fatalities .bar-chart tr td:nth-of-type(8), #graph-osha .bar-chart tr:last-of-type td span { transform:rotate(90deg); width:80px; text-align:left; margin:-10px 0 15px -15px; }*/ #graph-trir .bar-chart tr td > div > div, #graph-lwdr .bar-chart tr td > div > div, #graph-disease1 .bar-chart tr td > div > div, #graph-absentee1 .bar-chart tr td > div > div { background-size:600px 300px; } #graph-performance .bar-chart tr:first-of-type td:nth-of-type(odd) { text-align:right; padding-right:2px; } #graph-performance .bar-chart tr:first-of-type td:nth-of-type(even) { text-align:left; padding-left:2px; } #graph-performance .bar-chart tr:first-of-type td:nth-of-type(odd) > div > p:first-of-type { margin-left:-10px; } #graph-performance .bar-chart tr:first-of-type td:nth-of-type(1) > div > p:first-of-type, #graph-performance .bar-chart tr:first-of-type td:nth-of-type(3) > div > p:first-of-type { margin-left:-20px; } #graph-performance .bar-chart tr:first-of-type td:nth-of-type(even) > div > p:first-of-type { margin-left:5px; } #graph-performance .bar-chart tr:last-of-type td { height:60px; } #graph-performance { margin-top:20px; } #graph-absentee.bar-chart-container > div.barchart-scale { top:-11px !important; line-height:25px !important; } #graph-absentee.bar-chart-container > div.barchart-grid { background-size:auto 25px !important; background-image: linear-gradient(0deg, transparent 98%, rgba(85,86,90,.25) 98%, transparent 100%, transparent); } #graph-fatalities.bar-chart-container > div.barchart-scale { height:75px; top:-17px !important; line-height:36px !important; } #graph-fatalities.bar-chart-container > div.barchart-grid { height:75px; background-size:auto 37px !important; background-image: linear-gradient(0deg, transparent 98%, rgba(85,86,90,.25) 98%, transparent 100%, transparent); } #graph-fatalities.bar-chart-container { min-height:75px; } #graph-fatalities .bar-chart tr:first-of-type td { height:75px; } #graph-fatalities .bar-chart tr td > div { height:75px; } .xaxis-tags { width:96%; margin-left:4%; position:relative; padding-top:10px; min-height:24px; } #xaxis-tag-osha2016, #xaxis-tag-performance2016 { position:absolute; left:0; right:50%; text-align:center; margin-top:-15px; font-size:15px; width:50%; font-weight:700; } #xaxis-tag-osha2017, #xaxis-tag-performance2017 { position:absolute; left:50%; right:100%; text-align:center; margin-top:-15px; font-size:15px; font-weight:700; width:50%; } .bar-chart span { font-size:15px; color:#49494B; } .barchart-grid span { border:0; display:none; } .graph-custom-key { text-align:center; } .custom-key { display:inline-block; vertical-align:top; margin:0 auto 15px auto; text-align:left; width:100%; } .key-line { white-space:nowrap; padding:5px 0; } .key-text { font-size:14px; white-space:normal; vertical-align:top; display:table-cell; padding-left:5px; position:relative; width:260px; text-align:left; } .key-text span { position:absolute; right:0; font-weight:700; text-align:right;} .key-square-cell { width:15px; padding:0; display:table-cell; vertical-align:top; } .key-square { width:20px; height:20px; margin-top:0; margin-right:10px; border-radius:10px; } .custom-key.horizontal { max-width:none !important; text-align:center; width:100%; } .custom-key.horizontal .key-line { display:inline-block; padding-right:50px; } .custom-key.horizontal .key-line .key-text { width:auto; text-align:left; } .custom-key.wide { width:80%; } .custom-key.wide .key-line, .custom-key.wide .key-line .key-text { width:100%; } .custom-key.horizontal.wide { width:auto; } .custom-key.horizontal.wide .key-line { width:auto; text-align:left; } .custom-key.horizontal.wide .key-line .key-text { width:auto; text-align:left; } .sasb-table a br { display:none; } .content .tab-contents img#img-ownerrelations { width:100%; max-width:400px; float:right; margin:0 0 50px 50px; border:1px solid #ccc; } #graph-container-49 .custom-key.horizontal .key-line { padding-right:43px; } #graph-emissions table tbody tr td > div > p { padding-left:8px !important; } #graph-emissions tr:first-of-type td:nth-of-type(4n+1) { border-left:1px solid #c7c7c7; } #graph-container-5 { margin:0 20px; } /* #graph-board-composition table.bar-chart tbody tr td > div > p:nth-of-type(1), #graph-board-gender table.bar-chart tbody tr td > div > p:nth-of-type(1), #graph-board-age table.bar-chart tbody tr td > div > p:nth-of-type(1), #graph-board-ethnicity table.bar-chart tbody tr td > div > p:nth-of-type(1), #graph-hires-gender table.bar-chart tbody tr td > div > p:nth-of-type(1), #graph-hires-age table.bar-chart tbody tr td > div > p:nth-of-type(1), #graph-hires-region table.bar-chart tbody tr td > div > p:nth-of-type(1), #graph-turnover-gender table.bar-chart tbody tr td > div > p:nth-of-type(1), #graph-turnover-age table.bar-chart tbody tr td > div > p:nth-of-type(1), #graph-turnover-region table.bar-chart tbody tr td > div > p:nth-of-type(1), #graph-diversity-gender table.bar-chart tbody tr td > div > p:nth-of-type(1), #graph-diversity-age table.bar-chart tbody tr td > div > p:nth-of-type(1), #graph-diversity-other table.bar-chart tbody tr td > div > p:nth-of-type(1) { opacity:0; } */ /*#graph-diversity-age table tbody tr td:nth-of-type(2) > div > p:nth-of-type(1) { bottom:101% !important; }*/ #graph-board-composition table tbody tr td > div > p:nth-of-type(1) { display:none !important; } #graph-container-38 .key-inline { width:95%; margin:0 0 0 5%; white-space:nowrap; } #graph-container-38 .custom-key { width:26%; margin:0 auto; } #graph-board-gender td:nth-of-type(2) div p:nth-of-type(2), #graph-board-gender td:nth-of-type(3) div p:nth-of-type(2), #graph-board-gender td:nth-of-type(4) div p:nth-of-type(2) {bottom:15% !important; } #graph-board-age td:nth-of-type(1) div p:nth-of-type(3), #graph-board-age td:nth-of-type(2) div p:nth-of-type(3) {bottom:15% !important; } #graph-board-ethnicity td:nth-of-type(1) div p:nth-of-type(2), #graph-board-ethnicity td:nth-of-type(2) div p:nth-of-type(2), #graph-board-ethnicity td:nth-of-type(3) div p:nth-of-type(2) {bottom:15% !important; } #graph-board-composition table tbody tr td > div > p:nth-of-type(3) { color:#fff !important; } #graph-bcfe td:nth-of-type(2) p:nth-of-type(2) { color:#E50670; bottom:15px !important; margin-left:-48%; border-bottom:1px solid #000; width:50%; text-align:left; height:16px; } #graph-bcfe td:nth-of-type(2) p:nth-of-type(3) { color:#d1e000; bottom:6.2% !important; margin-left:67%; border-bottom:1px solid #000; width:50%; text-align:right; height:16px; } #graph-bcfe td:nth-of-type(3) p:nth-of-type(2) { color:#E50670; bottom:12px !important; margin-left:-48%; border-bottom:1px solid #000; width:50%; text-align:left; height:16px; } #graph-bcfe td:nth-of-type(3) p:nth-of-type(3) { color:#d1e000; bottom:23px !important; margin-left:85%; border-bottom:1px solid #000; width:50%; text-align:right; height:16px; } #graph-bcfe table tbody tr td:nth-of-type(4) > div > p:nth-of-type(2) { color:#fff !important; } #graph-bcfe table tbody tr td:nth-of-type(3) > div > p:nth-of-type(3) { bottom:6.2% !important; } #graph-mboe td:nth-of-type(2) p:nth-of-type(2) { color:#E50670; bottom:15px !important; margin-left:-65%; border-bottom:1px solid #000; width:65%; text-align:left; height:16px; } #graph-mboe td:nth-of-type(2) p:nth-of-type(3) { color:#d1e000; bottom:20px !important; margin-left:67%; border-bottom:1px solid #000; width:50%; text-align:right; height:16px; } #graph-mboe td:nth-of-type(3) p:nth-of-type(2) { color:#E50670; bottom:-11px !important; margin-left:-65%; border-top:1px solid #000; width:65%; text-align:left; height:27px; padding-top:8px; } #graph-mboe td:nth-of-type(3) p:nth-of-type(3) { color:#d1e000; bottom:23px !important; margin-left:90%; border-bottom:1px solid #000; width:65%; text-align:right; height:16px; } #graph-mboe td:nth-of-type(4) p:nth-of-type(2) { opacity:0; } #graph-mboe td:nth-of-type(4) p:nth-of-type(3) { color:#d1e000; bottom:14px !important; margin-left:67%; border-bottom:1px solid #000; width:50%; text-align:right; height:16px; } #graph-turnover-region table tbody tr td:nth-of-type(1) > div > p:nth-of-type(5) { color:#000 !important; } #graph-hires-region td:nth-of-type(1) p:nth-of-type(4) { bottom:170px !important; margin-left:-20%; border-bottom:1px solid #96d1f1; width:22%; text-align:left; height:16px; } #graph-hires-region table tbody tr td:nth-of-type(1) > div > p:nth-of-type(5) { margin-bottom:-5px; } #graph-hires-region table tbody tr td:nth-of-type(1) > div > p:nth-of-type(6) { margin-bottom:-7px; } #graph-hires-region td:nth-of-type(1) p:nth-of-type(5) { color:#000 !important; } #graph-hires-region td:nth-of-type(1) p:nth-of-type(6) { color:#000 !important; } #graph-hires-region td:nth-of-type(2) p:nth-of-type(4) { bottom:170px !important; margin-left:-20%; border-bottom:1px solid #96d1f1; width:22%; text-align:left; height:16px; } #graph-hires-region table tbody tr td:nth-of-type(2) > div > p:nth-of-type(5) { margin-bottom:-7px; } #graph-hires-region td:nth-of-type(2) p:nth-of-type(6) { color:#000 !important; bottom:190px !important; margin-left:-20%; border-bottom:1px solid #8896a7; width:22%; text-align:left; height:16px; } #graph-hires-region td:nth-of-type(2) p:nth-of-type(5) { color:#000 !important; } #graph-hires-region table tbody tr td:nth-of-type(2) > div > p:nth-of-type(5) { bottom:92% !important; } #graph-hires-region table tbody tr td:nth-of-type(2) > div > p:nth-of-type(6) { bottom:102% !important; } #graph-hires-region td:nth-of-type(3) p:nth-of-type(3) { } #graph-hires-region td:nth-of-type(3) p:nth-of-type(4) { border-top: 1px solid #96d1f1; color:#000 !important; text-align:left; width:50px; padding-top:6px; margin-left:-18%; } #graph-hires-region td:nth-of-type(3) p:nth-of-type(5) { bottom:197px !important; margin-left:90%; border-bottom:1px solid #031e45; width:22%; text-align:right; height:16px; } #graph-hires-region td:nth-of-type(3) p:nth-of-type(6) { bottom:103% !important; border-bottom: 1px solid #8996a8; color:#8996A8; text-align:left; width:50px; padding-bottom:12px; margin-left:-18%; } #graph-hires-ethnicity td:nth-of-type(1) p:nth-of-type(2) { color:#E50670; bottom:18px !important; margin-left:-20%; border-bottom:1px solid #000; width:22%; text-align:left; height:16px; } #graph-hires-ethnicity td:nth-of-type(2) p:nth-of-type(2) { color:#E50670; bottom:18px !important; margin-left:-20%; border-bottom:1px solid #000; width:22%; text-align:left; height:16px; } #graph-hires-ethnicity td:nth-of-type(3) p:nth-of-type(2) { color:#E50670; bottom:18px !important; margin-left:-20%; border-bottom:1px solid #000; width:22%; text-align:left; height:16px; } #graph-turnover-age table tbody tr td:nth-of-type(1) > div > p:nth-of-type(2) { color:#ffffff !important;bottom:12.5% !important; } #graph-diversity-gender td:nth-of-type(2) p:nth-of-type(2) { color:#E50670; bottom:16px !important; margin-left:-22%; border-bottom:1px solid #000; width:22%; text-align:left; height:16px; } #graph-diversity-age td:nth-of-type(2) p:nth-of-type(2) { display:none !important; color:#E50670 !important; bottom:16px !important; margin-left:-22%; border-bottom:1px solid #000; width:22%; text-align:left; height:16px; } #graph-diversity-age td:nth-of-type(3) p:nth-of-type(2) { color:#000 !important; bottom:12px !important; margin-left:-22%; border-bottom:1px solid #000; width:22%; text-align:left; height:16px; } #graph-diversity-age td:nth-of-type(4) p:nth-of-type(2) { color:#000 !important; bottom:17px !important; margin-left:-28%; border-bottom:1px solid #000; width:28%; text-align:left; height:16px; } #graph-diversity-age td:nth-of-type(5) p:nth-of-type(2) { color:#000 !important; bottom:14px !important; margin-left:-28%; border-bottom:1px solid #000; width:28%; text-align:left; height:16px; } #graph-diversity-other td:nth-of-type(2) p:nth-of-type(2) { color:#000 !important; bottom:18px !important; margin-left:-22%; border-bottom:1px solid #000; width:22%; text-align:left; height:16px; } #graph-diversity-other td:nth-of-type(3) p:nth-of-type(2) { color:#000 !important; bottom:16px !important; margin-left:-22%; border-bottom:1px solid #000; width:22%; text-align:left; height:16px; } #graph-diversity-other td:nth-of-type(4) p:nth-of-type(2) { color:#000 !important; bottom:18px !important; margin-left:-28%; border-bottom:1px solid #000; width:28%; text-align:left; height:16px; } #graph-diversity-other td:nth-of-type(5) p:nth-of-type(2) { color:#000 !important; bottom:18px !important; margin-left:-28%; border-bottom:1px solid #000; width:28%; text-align:left; height:16px; } #graph-diversity-other td:nth-of-type(6) p:nth-of-type(2) { color:#000 !important; bottom:16px !important; margin-left:-28%; border-bottom:1px solid #000; width:28%; text-align:left; height:16px; } #graph-contributions table tbody tr td:nth-of-type(1) > div > p:nth-of-type(8), #graph-contributions table tbody tr td:nth-of-type(2) > div > p:nth-of-type(8), #graph-contributions table tbody tr td:nth-of-type(3) > div > p:nth-of-type(8) { color:#fff !important; } #graph-contributions td:nth-of-type(1) p:nth-of-type(4) { } #graph-contributions td:nth-of-type(1) p:nth-of-type(5) { color:#fff !important; } #graph-contributions td:nth-of-type(1) p:nth-of-type(6) { color:#8996A8; bottom:125px !important; margin-left:100%; border-top:1px solid #000; width:22%; text-align:right; height:16px; padding-top:8px; } #graph-contributions td:nth-of-type(1) p:nth-of-type(7) { color:#9ebee4; bottom:154px !important; margin-left:100%; border-bottom:1px solid #000; width:22%; text-align:right; height:16px; } #graph-contributions table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3) { bottom:62% !important; } #graph-contributions td:nth-of-type(2) p:nth-of-type(3) { color:#d1e000; bottom:66px !important; margin-left:-40px; border-top:1px solid #000; width:40px; text-align:left; height:16px; padding-top:8px; } #graph-contributions td:nth-of-type(2) p:nth-of-type(4) { color:#0077cd; bottom:93px !important; margin-left:-70px; border-bottom:1px solid #000; width:70px; text-align:left; height:16px; padding-bottom:12px; } #graph-contributions td:nth-of-type(2) p:nth-of-type(5) { color:#fff !important; } #graph-contributions td:nth-of-type(2) p:nth-of-type(6) { color:#8996A8; bottom:60px !important; margin-left:100%; border-top:1px solid #000; width:22%; text-align:right; height:16px; padding-top:8px; } #graph-contributions td:nth-of-type(2) p:nth-of-type(7) { color:#9ebee4; bottom:77px !important; margin-left:100%; border-bottom:1px solid #000; width:22%; text-align:right; height:16px; } #graph-contributions table tbody tr td:nth-of-type(3) > div > p:nth-of-type(3) {bottom:23.5% !important; border-top:1px solid #000; padding-top:8px; text-align:left; left:-30%; } #graph-contributions table tbody tr td:nth-of-type(3) > div > p:nth-of-type(4) {bottom:29.58% !important; border-bottom:1px solid #000; padding-bottom:12px; text-align:left; left:-30%; } #graph-board-composition table tbody tr td:nth-of-type(4) > div > p:nth-of-type(2) { color:#fff !important; bottom:14% !important; } #graph-board-composition table tbody tr td:nth-of-type(3) > div > p:nth-of-type(2) { color:#fff !important; } #graph-labor table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3) { bottom:69% !important; } #graph-labor td:nth-of-type(1) p:nth-of-type(4) { bottom:150px !important; margin-left:85%; border-bottom:1px solid #000; color:#0077cd; width:50%; height:16px; padding-bottom:8px; text-align:right; } #graph-labor td:nth-of-type(1) p:nth-of-type(5) { color:#031e45; bottom:143px !important; margin-left:-30%; border-top:1px solid #000; width:30%; text-align:left; height:16px; padding-top:8px; } #graph-labor table tbody tr td:nth-of-type(2) > div > p:nth-of-type(3) { bottom:52% !important; } #graph-labor td:nth-of-type(2) p:nth-of-type(4) { bottom:118px !important; margin-left:85%; border-bottom:1px solid #000; color:#0077cd; width:50%; height:16px; padding-bottom:8px; text-align:right; } #graph-labor td:nth-of-type(2) p:nth-of-type(5) { color:#031e45; bottom:111px !important; margin-left:-30%; border-top:1px solid #000; width:30%; text-align:left; height:16px; padding-top:8px; } #graph-labor td:nth-of-type(3) p:nth-of-type(4) { bottom:147px !important; margin-left:85%; border-bottom:1px solid #000; color:#0077cd; width:50%; height:16px; padding-bottom:8px; text-align:right; } #graph-labor td:nth-of-type(3) p:nth-of-type(5) { color:#031e45; bottom:142px !important; margin-left:-30%; border-top:1px solid #000; width:30%; text-align:left; height:16px; padding-top:8px; } #graph-investments td:nth-of-type(1) p:nth-of-type(2) { color:#3AB0C8; bottom:0px !important; margin-left:-35%; border-top:1px solid #000; width:35%; text-align:left; height:16px; padding-top:8px; } #graph-investments td:nth-of-type(1) p:nth-of-type(3) { color:#799A00; bottom:20px !important; margin-left:-35%; border-bottom:1px solid #000; width:35%; text-align:left; height:25px; padding-top:8px; } #graph-investments td:nth-of-type(2) p:nth-of-type(2) { color:#3AB0C8; bottom:0px !important; margin-left:-35%; border-top:1px solid #000; width:35%; text-align:left; height:16px; padding-top:8px; } #graph-investments td:nth-of-type(2) p:nth-of-type(3) { color:#799A00; bottom:20px !important; margin-left:-35%; border-bottom:1px solid #000; width:35%; text-align:left; height:25px; padding-top:8px; } #graph-waterwithdrawal.bar-chart-container > div.barchart-scale { top:-12px !important; line-height:25px !important; } #graph-waterwithdrawal.bar-chart-container > div.barchart-grid { background-size:auto 25px !important; background-image: linear-gradient(0deg, transparent 98%, rgba(85,86,90,.25) 98%, transparent 100%, transparent); } #graph-waterwithdrawal td:nth-of-type(1) p:nth-of-type(3) { color:#799A00; bottom:69px !important; margin-left:85%; border-top:1px solid #000; width:85%; text-align:right; height:25px; padding-top:8px; } #graph-waterwithdrawal td:nth-of-type(1) p:nth-of-type(4) { color:#1D5732; bottom:103px !important; margin-left:85%; border-bottom:1px solid #000; width:85%; text-align:right; height:16px; } /*#graph-waterwithdrawal td:nth-of-type(2) p:nth-of-type(3) { color:#799A00; bottom:71px !important; margin-left:85%; border-top:1px solid #000; width:85%; text-align:right; height:25px; padding-top:4px; }*/ #graph-waterwithdrawal td:nth-of-type(2) p:nth-of-type(3) { bottom:65% !important; } #graph-waterwithdrawal td:nth-of-type(2) p:nth-of-type(4) { color:#1D5732; bottom:113px !important; margin-left:85%; border-top:1px solid #000; width:85%; text-align:right; height:25px; padding-top:8px; } #graph-waterwithdrawal td:nth-of-type(2) p:nth-of-type(5) { color:#009D4E; bottom:139px !important; margin-left:85%; border-bottom:1px solid #000; width:85%; text-align:right; height:16px; } #graph-waterwithdrawal td:nth-of-type(3) p:nth-of-type(4) { color:#1D5732; bottom:162px !important; margin-left:85%; border-top:1px solid #000; width:85%; text-align:right; height:25px; padding-top:8px; } #graph-waterwithdrawal td:nth-of-type(3) p:nth-of-type(5) { color:#009D4E; bottom:190px !important; margin-left:85%; border-bottom:1px solid #000; width:85%; text-align:right; height:16px; } #graph-waterwithdrawal td:nth-of-type(4) p:nth-of-type(3) { color:#799A00; bottom:28px !important; margin-left:-70%; border-top:1px solid #000; width:70%; text-align:left; height:25px; padding-top:8px; } #graph-waterwithdrawal td:nth-of-type(4) p:nth-of-type(4) { color:#1D5732; bottom:35px !important; margin-left:85%; border-top:1px solid #000; width:85%; text-align:right; height:25px; padding-top:8px; } #graph-waterwithdrawal td:nth-of-type(4) p:nth-of-type(5) { color:#009D4E; bottom:62px !important; margin-left:85%; border-bottom:1px solid #000; width:85%; text-align:right; height:16px; } #graph-waterwithdrawal td:nth-of-type(5) p:nth-of-type(3) { bottom:43% !important; } #graph-waterwithdrawal td:nth-of-type(5) p:nth-of-type(4) { color:#1D5732; bottom:95px !important; margin-left:64%; border-bottom:1px solid #000; border-right:1px solid #1D5732; width:70%; text-align:right; height:25px; padding:0 5px 65px 0; } #graph-waterwithdrawal td:nth-of-type(5) p:nth-of-type(5) { color:#009D4E; bottom:100px !important; margin-left:55%; border-bottom:1px solid #000; border-right:1px solid #009D4E; width:71%; text-align:right; height:16px; padding:0 5px 40px 0; } #graph-ghgemissions td:nth-of-type(1) p:nth-of-type(3) { bottom:36.5% !important; } #graph-ghgemissions td:nth-of-type(1) p:nth-of-type(4) { color:#0077cd; bottom:79px !important; margin-left:85%; border-bottom:1px solid #000; width:55%; text-align:right; height:16px; } #graph-ghgemissions td:nth-of-type(2) p:nth-of-type(4) { color:#0077cd; bottom:163px !important; margin-left:85%; border-bottom:1px solid #000; width:55%; text-align:right; height:16px; } #graph-ghgemissions td:nth-of-type(3) p:nth-of-type(4) { color:#0077cd; bottom:150px !important; margin-left:85%; border-bottom:1px solid #000; width:55%; text-align:right; height:16px; } #graph-ghgemissions td:nth-of-type(4) p:nth-of-type(4) { color:#0077cd; bottom:117px !important; margin-left:85%; border-bottom:1px solid #000; width:55%; text-align:right; height:16px; } /* #graph-ghgemissions-scope2 td:nth-of-type(1) p:nth-of-type(3) { color:#000; bottom:123px !important; margin-left:-48%; border-bottom:1px solid #000; width:55%; text-align:left; height:16px; } #graph-ghgemissions-scope2 td:nth-of-type(1) p:nth-of-type(4) { color:#96d1f1; bottom:123px !important; margin-left:85%; border-bottom:1px solid #000; width:55%; text-align:right; height:16px; } #graph-ghgemissions-scope2 td:nth-of-type(2) p:nth-of-type(3) { color:#000; bottom:177px !important; margin-left:-48%; border-top:1px solid #000; width:55%; text-align:left; height:16px; padding-top:10px; } #graph-ghgemissions-scope2 td:nth-of-type(2) p:nth-of-type(4) { color:#96d1f1; bottom:197px !important; margin-left:-48%; border-bottom:1px solid #000; width:55%; text-align:left; height:16px; } #graph-ghgemissions-scope2 td:nth-of-type(3) p:nth-of-type(3) { color:#000; bottom:21px !important; margin-left:85%; border-top:1px solid #000; width:55%; text-align:right; height:16px; padding-top:10px; } #graph-ghgemissions-scope2 td:nth-of-type(3) p:nth-of-type(4) { color:#96d1f1; bottom:41px !important; margin-left:85%; border-bottom:1px solid #000; width:55%; text-align:right; height:16px; } #graph-ghgemissions-scope2 td:nth-of-type(4) p:nth-of-type(3) { color:#000; bottom:166px !important; margin-left:-48%; border-top:1px solid #000; width:55%; text-align:left; height:16px; padding-top:10px; } #graph-ghgemissions-scope2 td:nth-of-type(4) p:nth-of-type(4) { color:#96d1f1; bottom:187px !important; margin-left:-48%; border-bottom:1px solid #000; width:55%; text-align:left; height:16px; } #graph-ghgemissions-scope2 td:nth-of-type(5) p:nth-of-type(3) { color:#000; bottom:31px !important; margin-left:85%; border-top:1px solid #000; width:55%; text-align:right; height:16px; padding-top:10px; } #graph-ghgemissions-scope2 td:nth-of-type(5) p:nth-of-type(4) { color:#96d1f1; bottom:51px !important; margin-left:85%; border-bottom:1px solid #000; width:55%; text-align:right; height:16px; } */ #graph-ghgemissions-scope2.bar-chart-container > div.barchart-scale { top:-11px !important; line-height:24.7px !important; } #graph-ghgemissions-scope2.bar-chart-container > div.barchart-grid { background-size:auto 25px !important; background-image: linear-gradient(0deg, transparent 98%, rgba(85,86,90,.25) 98%, transparent 100%, transparent); } #graph-labor.bar-chart-container > div.barchart-scale { top:-15px !important; line-height:33.5px !important; } #graph-labor.bar-chart-container > div.barchart-grid { background-size:auto 33.5px !important; background-image: linear-gradient(0deg, transparent 98%, rgba(85,86,90,.25) 98%, transparent 100%, transparent); } #graph-container-59 .bar-chart tr:nth-of-type(1) td:nth-of-type(2) { text-align:right; padding-right:2px; } #graph-container-59 .bar-chart tr:nth-of-type(1) td:nth-of-type(3) { text-align:left; padding-left:2px; } #graph-container-59 .bar-chart tr:nth-of-type(1) td:nth-of-type(4) { text-align:right; padding-right:2px;} #graph-container-59 .bar-chart tr:nth-of-type(1) td:nth-of-type(5) { text-align:left; padding-left:2px;} #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(2) > span, #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span { width:200%; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(2) > span > span:first-of-type { left:0; right:36%; bottom:22px; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(2) > span > span:last-of-type {left:36%; right:0; bottom:22px; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:first-of-type { left:0; right:36%; bottom:22px; } #graph-container-59 .bar-chart tr:nth-of-type(2) td:nth-of-type(4) > span > span:last-of-type {left:36%; right:0; bottom:22px; } #graph-ghgemissions-scope2 table tbody tr td > div > p:nth-of-type(2) { color:#fff !important; } #graph-emissions .bar-chart tr:nth-of-type(2) td span { font-size:13px; line-height:15px; } #graph-emissions td p:nth-of-type(1) { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); text-align:left; padding-bottom:9px !important; } /*#graph-emissions .bar-chart tr:first-of-type td:nth-of-type(3n+1) { text-align:right; padding-right:2px; } #graph-emissions .bar-chart tr:first-of-type td:nth-of-type(3n+3) { text-align:left; padding-right:2px; }*/ #graph-emissions .bar-chart tr:nth-last-child(1) td { height:70px; padding-top:20px; } #graph-emissions .bar-chart tr:nth-last-child(1) td span { position:relative; } #graph-emissions.bar-chart-container {overflow:visible; } #graph-container-37 figcaption { margin-bottom:30px; } #graph-emissions table tbody tr td > div > div { background-size:500px 250px; } #graph-emissions > div.barchart-scale { margin-left:-10px !important; } #graph-emissions .bar-chart tr td > div { width:68%; } /* #graph-emissions .bar-chart { margin-left:0; } #graph-emissions td:nth-of-type(7) { position:relative; } #graph-emissions td:nth-of-type(7) p:nth-of-type(1) { position:absolute; width:70px; bottom:40px; -webkit-transform: rotate(0deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); text-align:center; line-height:16px; } #graph-emissions .bar-chart tr:first-of-type td:nth-of-type(7) > div, #graph-emissions .bar-chart tr:first-of-type td:nth-of-type(8) > div, #graph-emissions .bar-chart tr:first-of-type td:nth-of-type(9) > div { background-image:none; } */ #graph-breakdown table tbody tr td:nth-of-type(1) > div > p:nth-of-type(1), #graph-breakdown table tbody tr td:nth-of-type(2) > div > p:nth-of-type(1) { display:none !important; } #graph-container-42 { position:relative; } #graph-container-42 .graph-custom-key { display:none; } #graph-container-42 .custom-key { column-count:2; } #graph-container-42 .custom-key .key-line { break-inside:avoid; } #graph-breakdown table tbody tr td:nth-of-type(1) > div > p { left:-120px; width:120px; text-align:left; } #graph-breakdown table tbody tr td:nth-of-type(2) > div > p { left:100px; width:130px; text-align:right; } #graph-breakdown table.bar-chart tr td > div { width:100px; } #graph-breakdown table.bar-chart { min-width:600px; } #graph-container-19 .bar-chart tr td span, #graph-container-20 .bar-chart tr td span, #graph-container-21 .bar-chart tr td span { display:none; } #graph-container-19 .graph-custom-key, #graph-container-20 .graph-custom-key, #graph-container-21 .graph-custom-key { margin-top:-20px; } #arrow-marcellus { background-image:url(/images/arrow-marcellus.png); background-size:100% 100%; background-repeat:no-repeat; position:absolute; height:113px; width:32%; top:8px; z-index:-1; left:36%; min-width:208px; } #graph-breakdown table tbody tr td:nth-of-type(1) > div > p:nth-of-type(2) { bottom:14% !important; left:100px; text-align:right; border-top:1px solid #000; padding-top:8px; } #graph-breakdown table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3) { bottom:28% !important; left:100px; text-align:right; border-top:1px solid #000; padding-top:8px; } #graph-breakdown table tbody tr td:nth-of-type(1) > div > p:nth-of-type(4) { bottom:32% !important; border-top:1px solid #000; padding-top:8px; left:-65px; width:65px; } #graph-breakdown table tbody tr td:nth-of-type(1) > div > p:nth-of-type(5) { bottom:35.5% !important; border-top:1px solid #000; padding-top:8px; } #graph-breakdown table tbody tr td:nth-of-type(1) > div > p:nth-of-type(6) { bottom:40% !important; left:100px; text-align:right; border-top:1px solid #000; padding-top:8px; } #graph-breakdown table tbody tr td:nth-of-type(1) > div > p:nth-of-type(7) { bottom:49.5% !important; border-bottom:1px solid #000; padding-bottom:12px; } #graph-breakdown table tbody tr td:nth-of-type(1) > div > p:nth-of-type(8) { bottom:52% !important; left:100px; text-align:right; border-top:1px solid #000; padding-top:8px; } #graph-breakdown table tbody tr td:nth-of-type(1) > div > p:nth-of-type(9) { bottom:65.2% !important; border-bottom:1px solid #000; padding-bottom:12px; } #graph-breakdown table tbody tr td:nth-of-type(1) > div > p:nth-of-type(10) { bottom:68.5% !important; left:100px; text-align:right; border-top:1px solid #000; padding-top:8px; } #graph-breakdown table tbody tr td:nth-of-type(1) > div > p:nth-of-type(11) { border-bottom:1px solid #000; padding-bottom:12px; } #graph-breakdown table tbody tr td:nth-of-type(1) > div > p:nth-of-type(12) { bottom:99.5% !important; left:-10px; text-align:center; color:#fff !important; } #graph-emissions-ghg-intensity > div.barchart-grid { top:-1px !important; } #graph-emissions-methane-intensity > div.barchart-scale { top:-14px !important; line-height:33px !important; } #graph-emissions-ghg-intensity .barchart-grid > span, #graph-emissions-methane-intensity .barchart-grid > span { display:block; color:#E2066F; border-top:2px dashed #E2066F; font-size:14px; z-index:100; position:absolute; left:50px; right:0; z-index:-1; } #graph-emissions-ghg-intensity .barchart-grid span, #graph-emissions-methane-intensity .barchart-grid span { display:block; text-align:center; } #graph-emissions-ghg-intensity .barchart-grid > span { top:10px; z-index:-1; } #graph-emissions-methane-intensity .barchart-grid > span {top:12px; } #graph-diversity-other table tbody tr td > div > p:nth-of-type(3), #graph-diversity-age table tbody tr td > div > p:nth-of-type(3) { color:#ffffff !important; } #graph-breakdown table tbody tr td:nth-of-type(2) > div > p:nth-of-type(2) { bottom:19% !important; left:-130px; text-align:left; border-top:1px solid #000; padding-top:8px; } #graph-breakdown table tbody tr td:nth-of-type(2) > div > p:nth-of-type(3) { bottom:35% !important; text-align:right; border-top:1px solid #000; padding-top:8px; } #graph-breakdown table tbody tr td:nth-of-type(2) > div > p:nth-of-type(4) { bottom:38.5% !important; left:-130px; text-align:left; border-top:1px solid #000; padding-top:8px; } #graph-breakdown table tbody tr td:nth-of-type(2) > div > p:nth-of-type(5) { bottom:46.5% !important; border-bottom:1px solid #000; padding-bottom:12px; text-align:right; } #graph-breakdown table tbody tr td:nth-of-type(2) > div > p:nth-of-type(6) { bottom:52% !important; left:-10px; text-align:center; color:#fff !important; } #graph-breakdown table tbody tr td:nth-of-type(2) > div > p:nth-of-type(7) { bottom:53.41% !important; border-bottom:1px solid #000; padding-bottom:12px; text-align:left; left:-130px; } #graph-breakdown table tbody tr td:nth-of-type(2) > div > p:nth-of-type(8) { bottom:58.5% !important; border-bottom:1px solid #000; padding-bottom:12px;} #graph-breakdown table tbody tr td:nth-of-type(2) > div > p:nth-of-type(9) { bottom:65.2% !important; text-align:left; left:-130px; border-bottom:1px solid #000; padding-bottom:12px; } #graph-breakdown table tbody tr td:nth-of-type(2) > div > p:nth-of-type(10) { bottom:73.5% !important; border-bottom:1px solid #000; padding-bottom:12px; text-align:right; } #graph-breakdown table tbody tr td:nth-of-type(2) > div > p:nth-of-type(11) { bottom:83.2% !important; border-bottom:1px solid #000; padding-bottom:12px; text-align:left; left:-130px; } #graph-breakdown table tbody tr td:nth-of-type(2) > div > p:nth-of-type(12) { bottom:96% !important; border-bottom:1px solid #000; padding-bottom:12px; text-align:right; } #graph-impact table tbody tr td > div > p:nth-of-type(3) { color:#fff !important; } #graph-impact table tbody tr td > div > p:nth-of-type(4) { color:#000 !important; } #graph-impact table tbody tr td:nth-of-type(1) > div > p:nth-of-type(4) { bottom:66% !important;} #graph-impact table tbody tr td:nth-of-type(2) > div > p:nth-of-type(4) { bottom:63% !important;} #graph-bcfe table tbody tr td:nth-of-type(1) > div > p:nth-of-type(2), #graph-bcfe table tbody tr td:nth-of-type(5) > div > p:nth-of-type(2), #graph-mboe table tbody tr td:nth-of-type(1) > div > p:nth-of-type(2), #graph-mboe table tbody tr td:nth-of-type(5) > div > p:nth-of-type(2), #graph-board-composition table tbody tr td:nth-of-type(1) > div > p:nth-of-type(2), #graph-board-composition table tbody tr td:nth-of-type(2) > div > p:nth-of-type(2), #graph-board-composition table tbody tr td:nth-of-type(3) > div > p:nth-of-type(4), #graph-ghgemissions table tbody tr td > div > p:nth-of-type(2), #graph-hires-gender table tbody tr td > div > p:nth-of-type(2), #graph-hires-region table tbody tr td > div > p:nth-of-type(2), #graph-hires-age table tbody tr td > div > p:nth-of-type(2), #graph-hires-age table tbody tr td > div > p:nth-of-type(3), #graph-diversity-gender table tbody tr td:nth-of-type(1) > div > p:nth-of-type(2), #graph-diversity-gender table tbody tr td:nth-of-type(3) > div > p:nth-of-type(2), #graph-diversity-gender table tbody tr td:nth-of-type(4) > div > p:nth-of-type(2), #graph-diversity-gender table tbody tr td:nth-of-type(5) > div > p:nth-of-type(2), #graph-diversity-gender table tbody tr td:nth-of-type(6) > div > p:nth-of-type(2), #graph-contributions table tbody tr td > div > p:nth-of-type(2), #graph-contributions table tbody tr td:nth-of-type(1) > div > p:nth-of-type(4), #graph-contributions table tbody tr td:nth-of-type(3) > div > p:nth-of-type(5), #graph-impact table tbody tr td > div > p:nth-of-type(2), #graph-turnover-gender table tbody tr td:nth-of-type(1) > div > p:nth-of-type(2), #graph-turnover-gender table tbody tr td:nth-of-type(2) > div > p:nth-of-type(2), #graph-turnover-region table tbody tr td:nth-of-type(1) > div > p:nth-of-type(2), #graph-turnover-region table tbody tr td:nth-of-type(1) > div > p:nth-of-type(8), #graph-turnover-age table tbody tr td:nth-of-type(1) > div > p:nth-of-type(4), #graph-turnover-age table tbody tr td:nth-of-type(2) > div > p:nth-of-type(4), #graph-labor table tbody tr td > div > p:nth-of-type(2), #graph-diversity-age table tbody tr td > div > p:nth-of-type(2), #graph-hires-gender table tbody tr td > div > p:nth-of-type(3), #graph-hires-region table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3), #graph-hires-ethnicity table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3), #graph-hires-age table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3), #graph-hires-region table tbody tr td > div > p:nth-of-type(3), #graph-hires-ethnicity table tbody tr td > div > p:nth-of-type(3) { color:#ffffff !important; } #graph-labor table tbody tr td > div > p:nth-of-type(3) { color:#fff !important; } #graph-intensity > div.barchart-scale { line-height:28px !important; } #graph-intensity > div.barchart-grid { background-size:auto 28.5px !important; background-image:linear-gradient(0deg, transparent 94%, rgba(85,86,90,.25) 95%, transparent 100%, transparent) !important; } #graph-intensity table tbody tr td > div > p:nth-of-type(2), #graph-intensity table tbody tr td > div > p:nth-of-type(3) { display:none !important; } #graph-countries > div.barchart-grid { background-size:auto 24.9px !important; background-image:linear-gradient(0deg, transparent 92%, rgba(85,86,90,.25) 90%, transparent 100%, transparent); } #graph-countries > div.barchart-scale { line-height:25px !important; } .bar-chart tr:nth-last-child(1) td { border-top:0 !important; } #graph-container-49 .custom-key > div:nth-of-type(2), #graph-container-49 .custom-key > div:nth-of-type(4), #graph-container-49 .custom-key > div:nth-of-type(5), #graph-container-49 .custom-key > div:nth-of-type(7), #graph-container-49 .custom-key > div:nth-of-type(9), #graph-container-49 .custom-key > div:nth-of-type(10), #graph-container-49 .custom-key > div:nth-of-type(11), #graph-container-49 .custom-key > div:nth-of-type(12), #graph-container-49 .custom-key > div:nth-of-type(16), #graph-container-49 .custom-key > div:nth-of-type(17), #graph-container-49 .custom-key > div:nth-of-type(18), #graph-container-49 .custom-key > div:nth-of-type(19), #graph-container-49 .custom-key > div:nth-of-type(20), #graph-container-49 .custom-key > div:nth-of-type(21), #graph-container-49 .custom-key > div:nth-of-type(23), #graph-container-49 .custom-key > div:nth-of-type(24), #graph-container-49 .custom-key > div:nth-of-type(25), #graph-container-49 .custom-key > div:nth-of-type(26), #graph-container-49 .custom-key > div:nth-of-type(28), #graph-container-49 .custom-key > div:nth-of-type(29), #graph-container-49 .custom-key > div:nth-of-type(30), #graph-container-49 .custom-key > div:nth-of-type(31), #graph-container-49 .custom-key > div:nth-of-type(33) { display:none; } #graph-container-45 .bar-chart-container, #graph-container-46 .bar-chart-container, #graph-container-47 .bar-chart-container, #graph-container-57 .bar-chart-container, #graph-container-58 .bar-chart-container { text-align:center; } .pie-chart .center-number { position:absolute; left:50%; width:100px; text-align:center; margin-left:-50px; top:140px; font-size:24px; font-weight:700; } #graph_emissions_gathering > div, #graph_emissions_gathering_alta > div, #graph_emissions_production > div, #graph_emissions_production_alta > div, #graph_emissions_scope1 > div { display:inline-block; vertical-align:middle; } #graph_emissions_production_tug figcaption, #graph_emissions_gathering_tug figcaption, #graph_emissions_scope1 figcaption, #graph_emissions_production_eqt figcaption, #graph_emissions_production_alta figcaption, #graph_emissions_gathering_alta figcaption, #graph_emissions_gathering_eqt figcaption { display:block; } #graph-turnover-gender table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3) { bottom:102% !important; } .graph-container .pie-chart { width:300px; } #graph-turnover-gender table tbody tr td:nth-of-type(1) > div > p:nth-of-type(4), #graph-turnover-age table tbody tr td:nth-of-type(1) > div > p:nth-of-type(4), #graph-turnover-region table tbody tr td:nth-of-type(1) > div > p:nth-of-type(4) { color:#000 !important; } #graph-turnover-gender table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3), #graph-turnover-age table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3), #graph-turnover-region table tbody tr td:nth-of-type(1) > div > p:nth-of-type(3) { color:#fff !important; } #graph-hires-age table tbody tr td:nth-of-type(1) > div > p:nth-of-type(4) { bottom:102% !important; } #graph-hires-age td:nth-of-type(1) p:nth-of-type(4) { bottom:102% !important; border-bottom: 1px solid #000; color:#000 !important; text-align:right; width:50px; padding-bottom:12px; margin-left:86%; } #graph-hires-age table tbody tr td:nth-of-type(2) > div > p:nth-of-type(4) { bottom:102% !important; } #graph-hires-age table tbody tr td:nth-of-type(3) > div > p:nth-of-type(2) { bottom:12% !important; } .content .tab-contents #combo-dev { white-space:nowrap; } .content .tab-contents #combo-dev > img { width:49.5%; vertical-align:top; } .content .tab-contents #combo-dev > img:nth-of-type(1) { margin-right:.5%; } .content .tab-contents #combo-dev > img:nth-of-type(2) { margin-left:.5%; } /*ANIMATED BAR CHART*/ .bar-chart { width:100%; min-width:300px; border-collapse:collapse; border-spacing:0; margin-left:-10px; } .bar-chart tr td { position:relative; vertical-align:bottom; padding:0; text-align:center; font-size:15px; line-height:17px; color:#6D6A6E; } .bar-chart tr td span { position:absolute; left:0; right:0; bottom:5px; text-align:center; } .bar-chart tr:nth-of-type(2) td { font-family:"Montserrat",sans-serif; vertical-align:top; font-weight:bold; } .bar-chart tr:first-of-type td { height:200px; line-height:7px; } .bar-chart tr:first-of-type td > div { } .bar-chart tr td > div { position:relative; display:inline-block; width:50%; margin:0 auto; height:200px; } .bar-chart tr td > div > div { position:absolute; bottom:0; display:none; overflow:hidden; color:#ffffff; text-align:center; margin:15px auto 0 auto; width:100%; /*background-image:url(/interface/bar-chart-highlighted.png);*/ background-position:99.9% 0; border-top-left-radius:15px; border-top-right-radius:15px; } .bar-chart tr td > div > div.unhighlighted { background-image:url(/interface/bar-chart.png); } .bar-chart tr:last-child td { border-top:1px solid #cecece; padding-top:18px; height:40px; } .template-utility main .content table.bar-chart tr td > div > p, .template-utilitytertiary main .content table.bar-chart tr td > div > p, .template-secondary main .content table.bar-chart tr td > div > p, .template-tertiary main .content table.bar-chart tr td > div > p { display:none; text-align:center; position:absolute; left:0; right:0; height:0px; color:#000; z-index:20; margin-bottom:-12px; } .external-resource { background-color:#f7f7f7; padding:30px 40px 30px 80px; color:#031E45; font-weight:300; font-size:19px; line-height:26px; background-image:url(/images/icon-external-resources.svg?v2); background-size:auto; background-repeat:no-repeat; background-position:30px 35px; border-radius:20px; } main .external-resource a { color:#031E45; font-weight:700; text-decoration:underline; } figure.bar-chart-figure { margin:0; cursor:default; } figure.bar-chart-figure figcaption span { text-align:center; display:block; font-size:14px; color:#49494B; } .graph-inline figure.bar-chart-figure figcaption { border-top:0; margin-bottom:0; } .graph-inline { display:inline-block; vertical-align:top; position:relative; } .graph-inline.inline-thirds { width:33%; } .graph-inline.inline-halves { width:49%; text-align:center; } /*#graph-board-age { width:90%; margin:0 5%; }*/ .graph-inline .bar-chart { min-width:auto; } .graph-inline .bar-chart tr td > div { width:65%; } #graph-container-48.graph-container, #graph-container-49.graph-container { overflow-x:auto; } #graph-container-48 figure.bar-chart-figure, #graph-container-49 figure.bar-chart-figure { min-width:1050px; } .template-utility main .content table.bar-chart tr td > div > p:nth-of-type(1), .template-utilitytertiary main .content table.bar-chart tr td > div > p:nth-of-type(1), .template-secondary main .content table.bar-chart tr td > div > p:nth-of-type(1), .template-tertiary main .content table.bar-chart tr td > div > p:nth-of-type(1) { padding:0 !important; margin-bottom:15px; color:#49494B; font-weight:700; text-shadow:#fff 2px 2px 0,#fff -2px -2px 0,#fff -2px 2px 0,#fff 2px -2px 0,#fff 1px 1px 0,#fff -1px -1px 0,#fff -1px 1px 0,#fff 1px -1px 0; } /* .bar-chart tr td > div > p:nth-of-type(1) { padding-top:15px; } .bar-chart tr td > div > p:nth-of-type(2) { padding-top:30px; } .bar-chart tr td > div > p:nth-of-type(3) { padding-top:45px; } .bar-chart tr td > div > p:nth-of-type(4) { padding-top:60px; } */ .bar-chart-container { position:relative; width:100%; min-height:220px; margin:0; overflow:hidden; } .bar-chart-container > div { padding-left:50px; margin-top:20px; vertical-align:middle; width:100%; height:auto; display:inline-block; } .bar-chart tr:nth-last-child(1) td { border-top:1px solid #cecece; padding-top:10px; height:40px; } #graph-container-23 .bar-chart tr:nth-last-child(1) td, #graph-container-24 .bar-chart tr:nth-last-child(1) td, #graph-container-25 .bar-chart tr:nth-last-child(1) td { height:50px; } #canvas-pie2, #canvas-pie3, #canvas-pie5 { text-align:center; } #canvas_Pie2 { background-image:url(/interface/background-graph1.png); background-position:center center; background-size:415px 235px ; background-repeat:no-repeat; } #canvas_Pie3 { background-image:url(/interface/background-graph1.png); background-position:center center; background-size:435px 255px; background-repeat:no-repeat;} #canvas_Pie5 { background-image:url(/interface/background-graph1.png); background-position:center center; background-size:375px 215px; background-repeat:no-repeat;} .table-container { overflow-x:auto; margin-bottom:40px; border-top-left-radius:20px; border-top-right-radius:20px; } .table-container table { margin-bottom:0; width:100% !important; } #table-grossproduction thead tr th, #table-grossproduction thead tr td, #table-grossproduction tbody tr td { text-align:right; width:11% !important; } #table-netproduction thead tr td, #table-netproduction tbody tr td { text-align:right; width:16.6%; } #table-wells thead tr td, #table-wells tbody tr td { text-align:right; } #table-grossproduction thead tr th:first-of-type, #table-grossproduction thead tr td:first-of-type, #table-grossproduction tbody tr td:first-of-type, #table-netproduction thead tr td:first-of-type, #table-netproduction tbody tr td:first-of-type, #table-wells thead tr td:first-of-type, #table-wells tbody tr td:first-of-type { text-align:left; } .accordion-content[data-id="water-withdrawals"] table thead th, .accordion-content[data-id="water-withdrawals"] table thead td, .accordion-content[data-id="water-withdrawals"] table tbody td { width:33.3% !important;} .tab-content[data-id="engaging-stakeholders"] table td { width:33.3% !important; } #graph-countries > div, #graph-intensity > div { min-width:1050px; } #graph-countries > div.barchart-scale, #graph-intensity > div.barchart-scale { min-width:auto !important; } #graph-diversity-gender > div, #graph-diversity-age > div, #graph-diversity-other > div { min-width:695px; } #graph-board-composition > div.barchart-scale, #graph-hires-gender > div.barchart-scale, #graph-hires-region > div.barchart-scale, #graph-hires-age > div.barchart-scale, #graph-hires-ethnicity > div.barchart-scale, #graph-turnover-gender > div.barchart-scale, #graph-turnover-region > div.barchart-scale, #graph-turnover-age > div.barchart-scale, #graph-diversity-gender > div.barchart-scale, #graph-diversity-age > div.barchart-scale, #graph-diversity-other > div.barchart-scale { display:none !important; min-width:auto !important; } #graph-board-composition.bar-chart-container > div, #graph-hires-gender.bar-chart-container > div, #graph-hires-region.bar-chart-container > div, #graph-hires-age.bar-chart-container > div, #graph-hires-ethnicity.bar-chart-container > div, #graph-turnover-gender.bar-chart-container > div, #graph-turnover-region.bar-chart-container > div, #graph-turnover-age.bar-chart-container > div, #graph-diversity-gender.bar-chart-container > div, #graph-diversity-age.bar-chart-container > div, #graph-diversity-other.bar-chart-container > div { padding-left:0; } table#table-benefits tbody tr td { vertical-align:top; } .bar-chart-horizontal { width:100%; border-collapse:collapse; } .bar-chart-horizontal tbody tr:first-of-type td { border-top:1px solid #cccccc; } .bar-chart-horizontal tbody tr td { border-bottom:1px solid #cccccc; padding:0; position:relative; height:100%; } .bar-chart-horizontal tbody tr td:first-of-type { width:50%; font-size:15px; font-weight:700; line-height:17px; padding:5px 10px 5px 0; } .bar-chart-horizontal tbody tr td > div { display:none; color:#ffffff; position:absolute; bottom:0; top:0; min-height:27px; height:100%; /* background-image:url(/images/bar-chart-corner-60.png); background-position:right top; background-repeat:no-repeat;*/ border-top-right-radius:10px; border-bottom-right-radius:10px; } .bar-chart-horizontal tbody tr td > div span { position:absolute; top:50%; margin-top:-9px; right:10px; } .bar-chart-horizontal tbody tr td > div.toosmall { color:#49494B; } .bar-chart-horizontal tbody tr td > div.toosmall span { left:100%; margin-left:5px; right:auto; } .bar-chart-horizontal tbody tr td > div.iszero { background-color:#E6E4E6 !important; } .bar-chart-figure-horizontalbar .bar-chart-container > div { padding:0; } .horizontal-bar { text-align:right; padding-right:5px; } .bar-chart-horizontal-stacked tbody tr td > div.horizontal-stacked-bar { display:none; height:28px; border-radius:0; border-top-right-radius:5px; border-bottom-right-radius:5px; } .bar-chart-horizontal-stacked { width:100%; border-collapse:collapse; } .bar-chart-horizontal-stacked tbody tr:first-of-type td { border-top:1px solid #cccccc; } .bar-chart-horizontal-stacked tbody tr td { border-bottom:1px solid #cccccc; padding:0; position:relative; height:100%; } .bar-chart-horizontal-stacked tbody tr td:first-of-type { width:25%; font-size:15px; font-weight:700; line-height:17px; padding:5px 10px 5px 0; } .bar-chart-horizontal-stacked tbody tr td > div span { position:absolute; top:50%; margin-top:-9px; right:10px; } .bar-chart-horizontal-stacked tbody tr td > div.toosmall { color:#49494B; } .bar-chart-horizontal-stacked tbody tr td > div.toosmall span { left:100%; margin-left:5px; right:auto; } .bar-chart-horizontal-stacked tbody tr td > div.iszero { background-color:#E6E4E6 !important; } .bar-chart-figure-horizontalbar .bar-chart-container > div { padding:0; } .legend { font-size:14px; text-align:center; } .legend > div:first-of-type { margin-left:0; } .legend-square { display:inline-block; width:14px; height:14px; margin:0 5px 0 30px; vertical-align:middle; } .legend-square.water-withdrawn-withdrawn { background-color:#6D6A6E; } .legend-square.water-withdrawn-recycled { background-color:#3ab0c8; } .legend-square.water-withdrawn-intensity { background-color:#009d4e; border-radius:100%; } .legend-square.wedge-1 { background-color:#3ab0c8; } .legend-square.wedge-2 { background-color:#009d4e; } .legend-square.wedge-3 { background-color:#1d5732; } .legend-square.wedge-4 { background-color:#799a00; } .legend-square.year-2012 { background-color:#799a00; } .legend-square.year-2013 { background-color:#009d4e; } .legend-square.year-2014 { background-color:#1d5732; } .legend-square.year-2015 { background-color:#6D6A6E; } .legend-square.year-2016 { background-color:#3ab0c8; } /* ENERGY USE */ .bar-chart-container.energy-use { height:240px; } #chart-energyuse tr:nth-of-type(1) td > div { width:75%; } #chart-energyuse tr:nth-of-type(1) td { width:10%; } #chart-energyuse tr:nth-of-type(1) td:nth-of-type(1), #chart-energyuse tr:nth-of-type(1) td:nth-of-type(7) { width:17%; } #chart-energyuse tr:nth-of-type(1) td:nth-of-type(4) { width:6%; } #chart-energyuse tr:nth-of-type(1) td:nth-of-type(2) > div > div { height:41.7%; } #chart-energyuse tr:nth-of-type(1) td:nth-of-type(2) > div > p { bottom:41.7%; } #chart-energyuse tr:nth-of-type(1) td:nth-of-type(3) > div > div { height:55.6%; } #chart-energyuse tr:nth-of-type(1) td:nth-of-type(3) > div > p { bottom:55.6%; } #chart-energyuse tr:nth-of-type(1) td:nth-of-type(5) > div > div { height:83.8%; } #chart-energyuse tr:nth-of-type(1) td:nth-of-type(5) > div > p { bottom:83.8%; } #chart-energyuse tr:nth-of-type(1) td:nth-of-type(6) > div > div { height:91.7%; } #chart-energyuse tr:nth-of-type(1) td:nth-of-type(6) > div > p { bottom:91.7%; } /* EMISSIONS */ #chart-emissions tr:nth-of-type(1) td > div { width:50%; } #chart-emissions tr:nth-of-type(1) td { width:16.5%; } #chart-emissions tr:nth-of-type(1) td:nth-of-type(1), #chart-emissions tr:nth-of-type(1) td:nth-of-type(6) { width:17%; } #chart-emissions tr:nth-of-type(1) td:nth-of-type(2) > div > div { height:70%; } #chart-emissions tr:nth-of-type(1) td:nth-of-type(2) > div > p { bottom:70%; } #chart-emissions tr:nth-of-type(1) td:nth-of-type(3) > div > div { height:53%; } #chart-emissions tr:nth-of-type(1) td:nth-of-type(3) > div > p { bottom:53%; } #chart-emissions tr:nth-of-type(1) td:nth-of-type(4) > div > div { height:76.1%; } #chart-emissions tr:nth-of-type(1) td:nth-of-type(4) > div > p { bottom:76.1%; } #chart-emissions tr:nth-of-type(1) td:nth-of-type(5) > div > div { height:93.8%; } #chart-emissions tr:nth-of-type(1) td:nth-of-type(5) > div > p { bottom:93.8%; } /* AIR EMISSION BY REGION */ .bar-chart-container.emissions-region { min-height:275px; margin:40px 0 20px 0; } .bar-chart-container.emissions-region .bar-chart { margin-top:10px; margin-left:0; } .bar-chart-container.emissions-region .bar-chart tr:nth-last-child(1) td { border-top:0; padding-top:8px; height:16px; vertical-align:top; } .bar-chart-container.emissions-region .bar-chart tr:nth-last-child(2) td { border-top:1px solid #cecece; padding-top:8px; height:16px; } #chart-emissionsregion tr:nth-of-type(1) td > div { width:75%; } #chart-emissionsregion tr td p { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); margin-bottom:15px; margin-left:8px; } #chart-emissionsregion tr:nth-of-type(1) td { width:2.38%; border-top:0 !important;} #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(4n+1) { width:1%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(4n+2) { width:6%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(4n+3) { width:6%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(4n) { width:1%; border-right:1px solid #cecece;} #chart-emissionsregion tr:nth-of-type(2) td { border-right:1px solid #cecece; border-top:1px solid #cecece; } #chart-emissionsregion tr td:last-of-type { border-right:0 !important;} #chart-emissionsregion tr:nth-of-type(1) td > div > div { background-image:none; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(4n+1) > div > div { } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(4n+2) > div > div { background-color:#6D6A6E; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(4n+3) > div > div { background-color:#3ab0c8; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(4n) > div > div { } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(2) > div > div { height:89%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(2) > div > p { bottom:89%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(3) > div > div { height:65.8%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(3) > div > p { bottom:65.8%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(6) > div > div { height:1.59%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(6) > div > p { bottom:1.59%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(7) > div > div { height:3.2%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(7) > div > p { bottom:3.2%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(10) > div > div { height:10.7%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(10) > div > p { bottom:10.7%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(11) > div > div { height:27%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(11) > div > p { bottom:27%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(14) > div > div { height:3.4%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(14) > div > p { bottom:3.4%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(15) > div > div { height:4.3%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(15) > div > p { bottom:4.3%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(18) > div > div { height:1.7%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(18) > div > p { bottom:1.7%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(19) > div > div { height:2.1%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(19) > div > p { bottom:2.1%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(22) > div > div { height:31%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(22) > div > p { bottom:31%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(23) > div > div { height:28%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(23) > div > p { bottom:28%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(26) > div > div { height:.37%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(26) > div > p { bottom:.37%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(27) > div > div { height:1.3%; } #chart-emissionsregion tr:nth-of-type(1) td:nth-of-type(27) > div > p { bottom:1.3%; } /* AIR EMISSION BY SEGMENT */ .bar-chart-container.emissions-segments { min-height:275px; margin-bottom:20px; } .bar-chart-container.emissions-segments .bar-chart { margin-top:10px; margin-left:0; } .bar-chart-container.emissions-segments .bar-chart tr:nth-last-child(1) td { border-top:0; padding-top:8px; height:16px; vertical-align:top; } .bar-chart-container.emissions-segments .bar-chart tr:nth-last-child(2) td { border-top:1px solid #cecece; padding-top:8px; height:16px; } #chart-emissionssegments tr:nth-of-type(1) td > div { width:75%; } #chart-emissionssegments tr td p { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); margin-bottom:15px; margin-left:8px; } #chart-emissionssegments tr:nth-of-type(1) td { width:5.5%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n+1) { width:4%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n+2) { width:3.87%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n+3) { width:3.87%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n+4) { width:1.5%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n+5) { width:3.87%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n+6) { width:3.87%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n) { width:4%; border-right:1px solid #cecece;} #chart-emissionssegments tr:nth-of-type(2) td:nth-of-type(5n) { border-right:1px solid #cecece;} #chart-emissionssegments tr:nth-of-type(3) td { border-right:1px solid #cecece;} #chart-emissionssegments tr td:last-of-type { border-right:0 !important;} #chart-emissionssegments tr:nth-of-type(1) td > div > div { background-image:none; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n+1) > div > div { } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n+2) > div > div { background-color:#6D6A6E; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n+3) > div > div { background-color:#3ab0c8; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n+4) > div > div { } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n+5) > div > div { background-color:#6D6A6E; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n+6) > div > div { background-color:#3ab0c8; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(7n) > div > div { } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(2) > div > div { height:73%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(2) > div > p { bottom:73%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(3) > div > div { height:40%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(3) > div > p { bottom:40%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(5) > div > div { height:29%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(5) > div > p { bottom:29%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(6) > div > div { height:22%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(6) > div > p { bottom:22%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(9) > div > div { height:2.5%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(9) > div > p { bottom:2.5%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(10) > div > div { height:4.1%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(10) > div > p { bottom:4.1%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(12) > div > div { height:0%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(12) > div > p { bottom:0%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(13) > div > div { height:0%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(13) > div > p { bottom:0%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(16) > div > div { height:6.3%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(16) > div > p { bottom:6.3%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(17) > div > div { height:7.5%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(17) > div > p { bottom:7.5%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(19) > div > div { height:4.5%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(19) > div > p { bottom:4.5%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(20) > div > div { height:13%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(20) > div > p { bottom:13%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(23) > div > div { height:3.7%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(23) > div > p { bottom:3.7%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(24) > div > div { height:1.3%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(24) > div > p { bottom:1.3%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(26) > div > div { height:.6%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(26) > div > p { bottom:.6%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(27) > div > div { height:.7%; } #chart-emissionssegments tr:nth-of-type(1) td:nth-of-type(27) > div > p { bottom:.7%; } /* INCIDENT RATES */ .bar-chart-container.incident-rates { height:275px; } .bar-chart-container.incident-rates .bar-chart { margin-top:10px; margin-left:0; } #chart-incidentrates tr:nth-of-type(1) td > div { width:75%; } #chart-incidentrates tr:nth-of-type(1) td > div > div { background-image:none; } #chart-incidentrates tr td p { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); margin-bottom:15px; margin-left:8px; } #chart-incidentrates tr:nth-of-type(1) td { width:3.44%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(6n+1) > div > div { background-color:#799a00; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(6n+2) > div > div { background-color:#009d4e; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(6n+3) > div > div { background-color:#1d5732; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(6n+4) > div > div { background-color:#6D6A6E; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(6n+5) > div > div { background-color:#3ab0c8; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(6n) > div > div { background-color:#ffffff; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(1) > div > div { height:11.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(1) > div > p { bottom:11.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(2) > div > div { height:12.6%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(2) > div > p { bottom:12.6%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(3) > div > div { height:4.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(3) > div > p { bottom:4.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(4) > div > div { height:12%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(4) > div > p { bottom:12%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(5) > div > div { height:10%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(5) > div > p { bottom:10%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(7) > div > div { height:26%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(7) > div > p { bottom:26%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(8) > div > div { height:34%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(8) > div > p { bottom:34%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(9) > div > div { height:14.6%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(9) > div > p { bottom:14.6%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(10) > div > div { height:19%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(10) > div > p { bottom:19%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(11) > div > div { height:16.6%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(11) > div > p { bottom:16.6%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(13) > div > div { height:40.6%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(13) > div > p { bottom:40.6%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(14) > div > div { height:46.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(14) > div > p { bottom:46.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(15) > div > div { height:48.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(15) > div > p { bottom:48.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(16) > div > div { height:31.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(16) > div > p { bottom:31.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(17) > div > div { height:28.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(17) > div > p { bottom:28.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(19) > div > div { height:0%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(19) > div > p { bottom:0%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(20) > div > div { height:0%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(20) > div > p { bottom:0%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(21) > div > div { height:34%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(21) > div > p { bottom:34%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(22) > div > div { height:14%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(22) > div > p { bottom:14%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(23) > div > div { height:18.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(23) > div > p { bottom:18.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(25) > div > div { height:84%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(25) > div > p { bottom:84%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(26) > div > div { height:84%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(26) > div > p { bottom:84%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(27) > div > div { height:55.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(27) > div > p { bottom:55.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(28) > div > div { height:50%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(28) > div > p { bottom:50%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(29) > div > div { height:46.3%; } #chart-incidentrates tr:nth-of-type(1) td:nth-of-type(29) > div > p { bottom:46.3%; } #graph-incidents table tbody tr td > div > p:nth-of-type(1) { display:none !important; } #graph-incidents table tbody tr td:nth-last-of-type(1) > div > p:nth-of-type(1) { display:block !important; } #graph-incidents .bar-chart tr td > div > p:nth-of-type(2), #graph-incidents .bar-chart tr td > div > p:nth-of-type(3) { margin-bottom:-7px; } #graph-incidents.bar-chart-container { overflow:visible; } #graph-container-39 { padding-right:60px; } #combograph-39-40 { position:relative; min-width:600px; overflow-x:auto; overflow-y:hidden; } #graph-container-40 { position:absolute; top:0; margin:75px 0 0 80px; } /* ABSENTEE RATES */ .bar-chart-container.absentee-rates { height:275px; } .bar-chart-container.absentee-rates .bar-chart { margin-top:10px; margin-left:0; } .bar-chart-container.absentee-rates .bar-chart tr:nth-last-child(1) td { border-top:0; padding-top:8px; height:16px; vertical-align:top; } .bar-chart-container.absentee-rates .bar-chart tr:nth-last-child(2) td { border-top:1px solid #cecece; padding-top:8px; height:16px; } #chart-absenteerates tr:nth-of-type(1) td > div { width:75%; } #chart-absenteerates tr:nth-of-type(1) td > div > div { background-image:none; } #chart-absenteerates tr:nth-last-of-type(1) td:nth-of-type(3), #chart-absenteerates tr:nth-last-of-type(2) td:nth-of-type(11), #chart-absenteerates tr:nth-last-of-type(3) td:nth-of-type(31) {border-left:solid 1px #cecece; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(6n+1) > div > div { background-color:#799a00; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(6n+2) > div > div { background-color:#009d4e; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(6n+3) > div > div { background-color:#1d5732; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(6n+4) > div > div { background-color:#6D6A6E; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(6n+5) > div > div { background-color:#3ab0c8; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(6n) > div > div { background-color:#ffffff; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(32) > div > div { background-color:#799a00; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(33) > div > div { background-color:#009d4e; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(34) > div > div { background-color:#1d5732; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(35) > div > div { background-color:#6D6A6E; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(36) > div > div { background-color:#3ab0c8; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(38) > div > div { background-color:#799a00; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(39) > div > div { background-color:#009d4e; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(40) > div > div { background-color:#1d5732; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(41) > div > div { background-color:#6D6A6E; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(42) > div > div { background-color:#3ab0c8; } #chart-absenteerates tr td p { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); margin-bottom:5px; margin-left:8px; } #chart-absenteerates tr:nth-of-type(1) td { width:2.38%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(1) > div > div { height:53.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(1) > div > p { bottom:53.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(2) > div > div { height:53.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(2) > div > p { bottom:53.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(3) > div > div { height:43.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(3) > div > p { bottom:43.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(4) > div > div { height:51.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(4) > div > p { bottom:51.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(5) > div > div { height:56.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(5) > div > p { bottom:56.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(7) > div > div { height:31.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(7) > div > p { bottom:31.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(8) > div > div { height:25%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(8) > div > p { bottom:25%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(9) > div > div { height:23.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(9) > div > p { bottom:23.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(10) > div > div { height:50%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(10) > div > p { bottom:50%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(11) > div > div { height:63.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(11) > div > p { bottom:63.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(13) > div > div { height:0%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(13) > div > p { bottom:0%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(14) > div > div { height:0%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(14) > div > p { bottom:0%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(15) > div > div { height:26.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(15) > div > p { bottom:26.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(16) > div > div { height:76.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(16) > div > p { bottom:76.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(17) > div > div { height:85%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(17) > div > p { bottom:85%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(19) > div > div { height:61.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(19) > div > p { bottom:61.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(20) > div > div { height:48.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(20) > div > p { bottom:48.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(21) > div > div { height:20%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(21) > div > p { bottom:20%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(22) > div > div { height:30%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(22) > div > p { bottom:30%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(23) > div > div { height:36.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(23) > div > p { bottom:36.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(25) > div > div { height:26.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(25) > div > p { bottom:26.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(26) > div > div { height:30%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(26) > div > p { bottom:30%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(27) > div > div { height:28.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(27) > div > p { bottom:28.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(28) > div > div { height:45%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(28) > div > p { bottom:45%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(29) > div > div { height:46.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(29) > div > p { bottom:46.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(32) > div > div { height:33.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(32) > div > p { bottom:33.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(33) > div > div { height:28.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(33) > div > p { bottom:28.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(34) > div > div { height:21.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(34) > div > p { bottom:21.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(35) > div > div { height:51.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(35) > div > p { bottom:51.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(36) > div > div { height:60%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(36) > div > p { bottom:60%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(38) > div > div { height:50%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(38) > div > p { bottom:50%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(39) > div > div { height:41.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(39) > div > p { bottom:41.6%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(40) > div > div { height:48.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(40) > div > p { bottom:48.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(41) > div > div { height:40%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(41) > div > p { bottom:40%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(42) > div > div { height:53.3%; } #chart-absenteerates tr:nth-of-type(1) td:nth-of-type(42) > div > p { bottom:53.3%; } .bar-chart-container.water-withdrawn { pointer-events:none; width:75%; height:350px; margin-top:-350px; margin-left:9.5%; } #chart-waterwithdrawn { height:338px; margin-left:5px; min-width:450px; } table#chart-waterwithdrawn tr:first-of-type td > div { background-image:none; } #line-waterwithdrawn { z-index:-1; height:350px; } #chart-waterwithdrawn tr td p { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); margin-bottom:35px; } #chart-waterwithdrawn tr td.td-spacer { width:4%; } #chart-waterwithdrawn tr:nth-of-type(1) td { width:8%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(3n) { width:4%; } #chart-waterwithdrawn tr:nth-of-type(1) td div { width:100%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(3n+1) { text-align:right; padding-right:5px; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(3n+2) { text-align:left; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(3n+1) > div > div { background-image:url(/interface/bar-chart.png); } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(1) > div > div { height:28.6%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(1) > div > p { bottom:28.6%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(2) > div > div { height:9.3%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(2) > div > p { bottom:9.3%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(4) > div > div { height:46%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(4) > div > p { bottom:46%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(5) > div > div { height:10.3%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(5) > div > p { bottom:10.3%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(7) > div > div { height:64%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(7) > div > p { bottom:64%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(8) > div > div { height:13.2%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(8) > div > p { bottom:13.2%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(10) > div > div { height:89.2%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(10) > div > p { bottom:89.2%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(11) > div > div { height:22.1%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(11) > div > p { bottom:22.1%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(13) > div > div { height:25.6%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(13) > div > p { bottom:25.6%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(14) > div > div { height:25.7%; } #chart-waterwithdrawn tr:nth-of-type(1) td:nth-of-type(14) > div > p { bottom:38.7%; } #chart-gdpbystate tr td { width:14.28%; } #chart-gdpbystate tr td:nth-of-type(1) > div > div { height:38.1%; } #chart-gdpbystate tr td:nth-of-type(1) > div > p { bottom:38.1%; } #chart-gdpbystate tr td:nth-of-type(2) > div > div { height:5.4%; } #chart-gdpbystate tr td:nth-of-type(2) > div > p { bottom:5.4%; } #chart-gdpbystate tr td:nth-of-type(3) > div > div { height:1.26%; } #chart-gdpbystate tr td:nth-of-type(3) > div > p { bottom:1.26%; } #chart-gdpbystate tr td:nth-of-type(4) > div > div { height:.9%; } #chart-gdpbystate tr td:nth-of-type(4) > div > p { bottom:.9%; } #chart-gdpbystate tr td:nth-of-type(5) > div > div { height:.3%; } #chart-gdpbystate tr td:nth-of-type(5) > div > p { bottom:.3%; } #chart-gdpbystate tr td:nth-of-type(6) > div > div { height:.3%; } #chart-gdpbystate tr td:nth-of-type(6) > div > p { bottom:.3%; } #chart-gdpbystate tr td:nth-of-type(7) > div > div { height:84.1%; } #chart-gdpbystate tr td:nth-of-type(7) > div > p { bottom:84.1%; } .icon-square { display:inline-block; width:10px; height:10px; margin-right:6px; margin-bottom:0 !important; } .icon-square.darkblue { background-color:#008BBE; } .icon-square.lightblue { background-color:#14BEF0; } @media screen and (max-width:2015px) { #home-metrics-container .home-metrics-pillar .home-metric-image { border-bottom-left-radius:0; border-top-left-radius:0; } /*.pageid-320.template-tertiary .masthead-title h1 { max-width:500px; display:inline-block; } .pageid-320.template-tertiary .masthead-title h1 br { display:none; }*/ } @media screen and (max-width:1860px) { #highlight-slider-container { padding-left:5vw; } } @media screen and (max-width:1760px) { .template-contentindices .masthead-title, .template-utility .masthead-title, .template-utilitytertiary .masthead-title, .template-tertiary .masthead-title { padding-left:50px; } .template-secondary .masthead.secondary { padding:0 50px; } .template-secondary .masthead.secondary .masthead-title h1 { font-size:60px; line-height:60px; margin-left:-4px; } .template-secondary .masthead.secondary .masthead-companyname { font-size:20px; padding-bottom:40px; } .template-secondary .masthead.secondary .masthead-reporttitle { display:inline-block; color:#ffffff; font-weight:700; font-size:24px; } .template-secondary .masthead.secondary .masthead-content p { font-size:24px; line-height:32px; } } @media screen and (max-width:1615px) { .nav-topic-spacer { display:inline-block; width:40px; } .masthead.home .masthead-text { padding:120px 0 0 50px; } .masthead.home .masthead-text h1 > span:nth-of-type(2) { font-size:95px; line-height:95px; } .masthead.home .masthead-text h1 > span:nth-of-type(3) { font-size:95px; line-height:80px; } #ceo-message > div:nth-of-type(2) p:nth-of-type(2) { font-size:30px; line-height:46px; } } @media screen and (min-width:1521px) { nav { display:block !important; } } @media screen and (max-width:1520px) { .content-main-container { min-height:auto; } .template-secondary .content-main > div:last-of-type { padding-top:0; width:477px; } .template-secondary .content-main > div:last-of-type > div { margin-top:0;} header { height:111px; } /*header #logo-container { padding-top:32px; }*/ .nav-topics { } .tabbed-container { display:block; width:auto; margin:50px 0; } .tabbed-container > div { display:block; } .tabbed-container > div:first-of-type { width:auto; margin-bottom:30px; } .sub-tabs { display:none; } .tabs { position:relative; width:auto; transition-property:margin; transition-duration:.5s; } .tabs.scrolled { position:relative; top:auto; margin-top:0 !important; } .highlight-story-feature-content { display:block; width:auto; } .highlight-story-feature-content > div { display:block; width:auto; } #highlight-story-feature .highlight-image { width:100%; max-width:600px; } #highlight-story-feature .highlight-text { padding:50px 0 0 50px; } nav .subnav { margin:10px 0 18px -10px; } nav .subnav a { display:block; background-color:transparent; color:#031e45; padding-left:0 !important; } .nav-toplevel > img { display:none; } nav .menu a.nav-sublevel { padding: 10px 0; } nav .menu-container .menu { border:0; padding:0; } nav .primarynav > div:last-of-type .menu { right:10px; } #btn-search { display:none; } #btn-search:before { margin-right:0; } #btn-search.active { color:#031e45; } #search-container { width:200px; padding:0; } .highlight-story > div:nth-of-type(1) { background-size:contain; } #search-container input[type="text"] { width:170px; } #search-container { margin:0; } #btn-mobilemenu { position:absolute; right:40px; top:32px; display:inline-block; vertical-align:middle; width:30px; height:30px; cursor:pointer; } #btn-mobilemenu span { display:block; width:100%; height:4px; margin-bottom:6px; background-color:#031e45; border-radius:2px; transition-property:transform,opacity; transition-duration:.5s; opacity:1; } #btn-mobilemenu span:nth-of-type(1) { transform:rotate(0deg); transform-origin:1px 1px; } #btn-mobilemenu span:nth-of-type(3) { transform:rotate(0deg); transform-origin:0 3px; } #btn-mobilemenu.active span:nth-of-type(1) { transform:rotate(45deg); } #btn-mobilemenu.active span:nth-of-type(2) { opacity:0; } #btn-mobilemenu.active span:nth-of-type(3) { transform:rotate(-45deg); } nav { display:none; margin-top:111px; background-color:#F3F3F3; position:fixed; width:100%; top:0; left:0; bottom:0; right:0; padding:20px 0 40px 60px; overflow:auto; bottom:0; box-shadow:inset 0 10px 10px rgba(0,0,0,.1); text-align:left; } nav .menu:before { right:auto !important; left:30px !important; } nav .menu-container { display:block; text-align:left; } nav .menu-container .menu { display:block; position:relative; left:auto; width:auto !important; opacity:1 !important; border-radius:0; border-bottom:0; padding:20px 0; background-color:transparent; } nav .menu-container.active .menu { background-color:#031e45; } nav a.nav-toplevel { margin:0 0 0 -10px; padding:25px 0 0 0; } nav .menu-container.active:hover a.nav-toplevel { background-color:#031e45; } nav .menu a.nav-sublevel br { display:none; } nav .menu a.nav-sublevel { } nav .menu:before { display:none; } .template-tertiary main .content .callout-number p { display:inline-block; font-size:80px; line-height:80px; font-weight:300; margin:0; white-space:nowrap; } .template-tertiary main .content .callout-number span { font-size:40px; line-height:60px; } } @media screen and (max-width:1450px) { .template-tertiary .promises-container .promises-content .promises { overflow-x:auto; } .template-tertiary .promises-container .promises-content .promises-slides .promises-slide .promise-scroller { max-width:none !important; } } @media screen and (max-width:1400px) { .template-primary .promises-container .promises-content .promises, .template-secondary .promises-container .promises-content .promises { overflow-x: auto; overflow-y:visible; } .template-primary .promises-container .promises-content .promises a.promise-button, .template-secondary .promises-container .promises-content .promises a.promise-button { bottom:15px; left:30px; position:sticky; } .template-primary .promises-container .promises-content .promises-slides .promises-slide .promise-scroller, .template-secondary .promises-container .promises-content .promises-slides .promises-slide .promise-scroller { padding:25px; } } @media screen and (max-width:1300px) { } @media screen and (max-width:1250px) { .promises-container { padding:50px; } .promises-container .promises-content h2 { padding-bottom:0; } .nav-topics-container { padding:50px 25px; } body.template-secondary .nav-topics-container h2, body.template-tertiary .nav-topics-container h2 { font-size:30px; line-height:36px; } .nav-topic-spacer { display:none; } .nav-topics-3 a.nav-topic, .nav-topics-4 a.nav-topic, a.nav-topic { display:inline-block; width:250px; padding-top:250px; margin:20px 12.5px 50px 12.5px; } footer .more-content, footer .more-content > div { display:block; align-content:normal; padding:30px 20px 0 0; } .footer-links-container { padding:25px; } .footernav-container { padding:25px 0; } .footernav-container .footernav, .footernav-container .footernav > div { display:block; align-content:normal; padding:0 0 0 0; width:auto; } .footernav-container .footernav a.nav-toplevel { white-space:normal; } .footer-links-container .footer-links { text-align:center; display:block; } .footer-links-container .footer-links a:nth-of-type(1), .footer-links-container .footer-links a:nth-of-type(2), .footer-links-container .footer-links a:nth-of-type(3), .footer-links-container .footer-links > a, .footer-links-container .footer-links > span { display:block; width:auto; text-align:center; padding:10px 20px; font-size:14px; } footer .more-content, footer .more-content > div { padding:20px 0; } footer .more-content > div:nth-of-type(2) { padding:0 0 20px 0; } .template-primary #page-container .more-about-our-report h2, .template-secondary #page-container .more-about-our-report h2, .template-tertiary #page-container .more-about-our-report h2, .template-utility #page-container .more-about-our-report h2, .template-utilitytertiary #page-container .more-about-our-report h2, .template-contentindices #page-container .more-about-our-report h2, .template-cms_highlights #page-container .more-about-our-report h2, .template-cms_metrics #page-container .more-about-our-report h2 { font-size:32px; line-height:36px; } footer .more-content > div p a { font-size:18px; padding:10px 60px 10px 0; } footer .more-content > div p a:after { width:30px; height:30px; background-size:30px 30px; } .pageid-320.template-tertiary .masthead-title h1 { max-width:none; } .pageid-320.template-tertiary .masthead-title h1 br { display:block; } .pageid-440 .masthead.tertiary img { position:absolute; right:0; margin-left:0; left:auto; } #icons-ethics { display:block; } #icons-ethics > div { display:inline-block; width:49%; padding-right:50px; padding-bottom:10px; } .tab-contents { padding:0; } .pageid-700 .content .tab-contents, .pageid-800 .content .tab-contents { padding:0; } .pageid-210.template-tertiary main .content, .pageid-320.template-tertiary main .content { box-shadow:none; } #ellipses-secondary-masthead-right { display:none; } .secondary-callout-box { float:none; margin:0 auto; width:auto; } .masthead.tertiary { height:auto; } .masthead.tertiary #masthead-tertiary-overlay { display:none; } .template-tertiary .masthead-title { position:relative; padding:30px 0 30px 50px; bottom:auto; } .masthead.tertiary .masthead-tertiary-image { display:block; position:relative; max-width:none; width:100%; padding-top:35%; height:auto; left:0; } body.template-secondary h2 { max-width:none; } .masthead.tertiary img#ellipses-tertiary-masthead-left { display:none; } .template-primary .callout-boxes { max-height:none; padding-bottom:30px; padding-top:40px; } .callout-boxes a.callout-box { display:block; width:auto; max-width:400px; margin:0 auto 100px auto !important; height:auto; padding-bottom:60px; } .callout-title { height:auto; } div.three-callouts { display:block; padding:60px 0 20px 0; } div.three-callouts > div { display:block; width:auto; padding:20px 30px; } div.three-callouts > div:before { right:auto; top:0; bottom:auto; width:150px; margin-left:-75px; left:50%; height:1px; } div.three-callouts > div:first-of-type:before { display:none; } div.three-callouts:after { width:50%; } div.three-callouts > span {left:40px; } .template-primary .callout-boxes a:nth-of-type(2):before { position:absolute; height:1px; background-color:#A1ABB9; width:150px; top:0; left:50%; margin-left:-75px; } .template-primary .callout-boxes a:nth-of-type(2):after { position:absolute; height:1px; background-color:#A1ABB9; width:150px; bottom:0; top:auto; right:50%; margin-right:-75px; } .callout-boxes a.callout-box { margin-bottom: 0 !important; } } @media screen and (max-width:1210px) { .disclosures > div { min-width:1018px; } .disclosure-table { min-width:1018px; } .disclosure-category { min-width:1018px; } .disclosures { overflow-x:auto; } } @media screen and (max-width:1110px) { .template-secondary .content-main { display:block; } .template-secondary .content-main > div { display:block; width:auto; padding:0; } .template-secondary .content-main > div:first-of-type p, .template-secondary .content-main > div:first-of-type h2 { max-width:none; } .template-secondary .content-main > div:last-of-type { padding-top:50px; margin:0 auto; width:400px; } } @media screen and (max-width:1024px) { .highlight-slider { height:400px; } .highlight-slider .highlight-slider-slides .highlight { width:300px; height:350px; } .highlight-slider .highlight-slider-slides .highlight > div:nth-of-type(2) { font-size:18px; line-height:24px; } .masthead.home .masthead-text { padding-top:0; } .masthead.home .masthead-text h1 { font-size:60px; line-height:75px; } .masthead.home .masthead-companyname { font-size:14px; padding-bottom:40px; } .masthead.home .masthead-reporttitle { font-size:18px; line-height:24px; } #highlight-slider-container .highlight-title { display:inline-block; color:#ffffff; font-size:16px; font-weight:600; } .template-secondary .masthead.secondary .masthead-image { padding-top:60%; } .template-secondary .masthead.secondary { flex-wrap:wrap; } .template-secondary .masthead.secondary > div { width:100%; } .template-secondary .masthead.secondary > div:first-of-type { padding:60px 0 0 0; order:1; } .template-secondary .masthead.secondary > div:last-of-type { padding:20px 0 40px 0; order:2; } #columns-ceoletter { display:block; width:auto; } #columns-ceoletter > div { display:block; } #columns-ceoletter > div:first-of-type { padding-right:0; width:auto; } #columns-ceoletter > div:last-of-type { padding-left:0; width:auto; } .footernav-container .footernav .menu a.nav-sublevel { padding-bottom:12px; } .footernav-container .footernav, .footernav-container .footernav > div { text-align:left; } .footernav-container .footernav .menu { padding:10px 0 20px 0; } .content .tab-contents #img-wvwaternetwork { float:none; max-width:none; margin:0 0 40px 0; } #graphs-46-47-57, #graphs-58-62-63 { display:block; } #graphs-46-47-57 > div, #graphs-58-62-63 > div { display:block; width:auto; padding-right:0; } div.columns#columns-lowercarbonfuture > div:nth-of-type(1), div.columns#columns-lowercarbonfuture > div:nth-of-type(2) { width:auto; display:block; padding:0 0 20px 0; } footer a, footer > span { padding:10px 20px 0 20px; display:block; } footer > span { padding-top:40px; padding-bottom:50px; } .footernav-container .footernav > div { padding-right:0; } .masthead.utility h1 { font-size: 60px; line-height: 60px; background-position: 0px calc(100% - 10px); background-size: 12px auto; } .tab-contents .tab-content > div.column-left, .tab-contents .tab-content > div.column-right { width:auto; display:block; } .tab-contents .tab-content > div.column-left { padding-right:0; } .tab-contents .tab-content > div.column-right { padding-left:0; } div.columns > div:nth-of-type(2) { padding-left:0; margin-top:-20px; } .template-primary #slash-primary-magenta { right:-15vw; } .template-primary #slash-primary-cyan { right:-28vw; } .quotation-block-container { margin-top:-200px; } .template-tertiary main .content { padding:0 50px 50px 50px; } .template-utilitytertiary div#report-resources.columns > div:nth-of-type(1) { padding-right:0; } .template-utilitytertiary div#report-resources.columns > div:nth-of-type(2) { padding-left:0; padding-right:0; } .template-utilitytertiary div#report-resources.columns > div:nth-of-type(3) { padding-left:0; } div.columns .column-third { width:100%; } .content .tab-contents #combo-dev { white-space:normal; } .content .tab-contents #combo-dev > img { width:100%; } .content .tab-contents #combo-dev > img:nth-of-type(1) { margin-right:0; } .content .tab-contents #combo-dev > img:nth-of-type(2) { margin-left:0; } .masthead.secondary h1 { font-size:60px; } /*.template-tertiary .masthead-title h1 br { display:none; } */ #focus-infographic { text-align:center; } #focus-infographic > div { display:block; text-align:left; margin:20px auto; } #focus-infographic > div:nth-of-type(1) { width:100%; max-width:550px; } #focus-infographic > div:nth-of-type(2) { padding-left:0; width:100%; max-width:550px; } .secondary-callout-box { } .secondary-callout-box-mobile { display:block; } /*.nav-topics > div { display:none !important; }*/ .template-tertiary .masthead-title { padding-left:50px; } .map-city { display:none; } /* footer { padding:40px 20px; } footer > div { display:block; width:auto; padding:0; max-width:none; } footer a, footer span { padding:10px; } footer > div.copyright { margin-top:0; padding-top:20px; } footer > div:nth-of-type(1), footer > div:nth-of-type(2), footer > div:nth-of-type(3) { width:260px; } */ footer > div:nth-of-type(1), footer > div:nth-of-type(2), footer > div:nth-of-type(3) { width:auto; } .footernav-container .footernav, .footernav-container .footernav > div { display:block; width:auto; } .more-about-our-report a.button-rounded { display:block; } .highlight-stories-slider { overflow:visible; height:auto; text-align:center; } #highlight-arrow-left, #highlight-arrow-right { display:none; } .highlight-stories-slider .highlight-stories { width:auto; overflow:visible; text-align:left; max-width:550px; margin:0 auto 40px auto; height:auto; } .highlight-stories-slider .highlight-stories .highlight-story { display:block; position:relative; margin:0 auto 40px auto; } .highlight-stories-slider .highlight-stories .highlight-story > div:nth-of-type(1) { padding-top:50%; background-size:cover; } #container-materiality { overflow-x:auto; } .quotation-block .quotation-image { display:block; margin:0 auto; padding:0 0 40px 0; text-align:center; width:70%; } .quotation-block .quotation-text { display:block; margin:0 auto; padding:0 0 40px 0; text-align:center; width:100%; font-size:30px; line-height:40px; } .quotation-block .quotation-attribution { font-size:22px; } .page-intro { padding:20px; font-size:28px; line-height:38px; text-align:left; } main .content { padding:40px; } .template-secondary .content-main, .template-tertiary .content-main { display:block; width:auto; padding:0;} .template-secondary .related-resources, .template-tertiary .related-resources { display:block; width:auto; padding:0; margin:0; } .template-tertiary .callout-boxes { display:block; width:auto; padding:0; margin:0; } div.columns { white-space:nowrap; margin:0 0 30px 0; } div.columns > div { width:auto; display:block; } div.columns > div:nth-of-type(1) { padding-right:0; } div.columns > div:nth-of-type(2) { padding-left:0; } .inline-metrics .inline-metric { width:100% !important; display:block !important; } .highlight-story { height:auto; } .highlight-story > div { display:block; height:auto; } .highlight-story > div:nth-of-type(1) { width:100%; } .highlight-story > div:nth-of-type(2) { width:100%; } .highlight-story > div:nth-of-type(2) > div { position:relative; overflow:visible; padding:25px; left:auto; right:auto; top:auto; bottom:auto; min-height:auto; } #highlight-story-feature { margin:0 auto; } .template-highlights .highlight-story > div:nth-of-type(1) { padding-top:100%; } .specific-disclosures > div:nth-of-type(2) > table:nth-of-type(2) table { min-height:70px} .specific-disclosures > div:nth-of-type(4) > table:nth-of-type(2) table { min-height:50px} } @media screen and (max-width:950px) { #ceo-message { display:block; } #ceo-message > div:nth-of-type(1), #ceo-message > div:nth-of-type(2), #ceo-message > div { width:auto; } #ceo-message > div:nth-of-type(2) { padding:25px; } #ceo-message > div:nth-of-type(2) p { font-size:22px; line-height:32px; } #ceo-message > div:nth-of-type(1) { border-radius:0; border-top-left-radius:20px; border-top-right-radius:20px; } .promises-container .promises-content .promises-pillars a { font-size:16px; padding:15px 25px; } .promises-container .promises-content .promises-pages > a { font-size:14px; } .secondary-callout-box .callout-number span { line-height:40px; } .template-primary #page-container .more-about-our-report h2, .template-secondary #page-container .more-about-our-report h2, .template-tertiary #page-container .more-about-our-report h2, .template-utility #page-container .more-about-our-report h2, .template-utilitytertiary #page-container .more-about-our-report h2, .template-contentindices #page-container .more-about-our-report h2, .template-cms_highlights #page-container .more-about-our-report h2, .template-cms_metrics #page-container .more-about-our-report h2{ display:block; line-height:28px; font-size:24px; padding:0; white-space:normal; } .highlight-slider > div:first-of-type { display:block; width:auto; padding:0 50px 0 0; } h2#highlight-slider-heading br { display:none; } h2#highlight-slider-heading { white-space:normal; max-width:460px; } .highlight-slider .highlight-slider-slides { padding:0; } #ceo-message > div:nth-of-type(2) { padding-right:20px; } .template-secondary main .content .callout-number p { font-size:40px; line-height:40px; } .content .tab-contents img#img-ownerrelations { float:none; margin:30px auto; display:block; } .highlight-text img { float:none !important; width:50%; height:auto; } .template-primary #slash-primary-magenta { right:-20vw; } .template-primary #slash-primary-cyan { right:-37vw; } .content .tab-contents img#image-coal-to-gas { width:100%; max-width:700px; float:none; } .content .tab-contents img#image-assetmap { width:100%; max-width:700px; float:none; margin-left:0; display:block; } #home-metrics-controls { margin:50px 0 0 calc(25% + 30px); width:calc(75% - 30px); } #home-metrics-container .home-metrics-pillar .home-metric-text { padding:50px 20px 10px 50px; } #home-metrics-container .home-metrics-pillar .home-metric-text h2 { font-size:36px; line-height:42px; } #home-metrics-container .home-metrics-pillar .home-metric-text p { font-size:18px; line-height:24px; } h2#highlight-slider-heading { font-size:48px; line-height:48px; } #home-metrics-container .home-metrics a div.callout-number, #home-metrics-container .home-metrics a div.callout-number p { font-size:40px; line-height:40px; } .callout-number span, .callout-number p span { font-size:32px; line-height:40px; } .callout-text { font-size:18px; line-height:20px; } /* #highlight-story-feature { padding:0; } #highlight-story-tertiary { padding:0 40px 60px 40px; } #highlight-story-tertiary .highlight-image { text-align:center; width:100%; display:block; padding:0; margin-bottom:30px; } #highlight-story-tertiary .highlight-image span { right:auto; top:-40px; left:50%; margin-left:80px; height:80px; width:80px; } #highlight-story-tertiary .highlight-image div { height:250px; width:250px; padding:0; display:inline-block; margin:-50px auto 0 auto; } #highlight-story-tertiary .highlight-text { display:block; width:100%;padding:0; } .template-highlights .content.content-main-container { padding-top:0; } */ p.callout-group-thirds, div.callout-group-thirds { column-count:auto; } .graph-container { overflow-x:auto; } .graph-container > .key-inline, .graph-custom-key, figure.bar-chart-figure { min-width:950px; } .pie-chart .graph-custom-key, .pie-chart figure.bar-chart-figure { min-width:auto; } #strategy-infographic { overflow-x:auto; } #strategy-infographic img { min-width:950px; } } @media screen and (max-width:850px) { .template-secondary .masthead.secondary .masthead-reporttitle { font-size:16px; line-height:20px; } h2#highlight-slider-heading { font-size:30px; line-height:36px; } .content ul.topic-highlights, .highlight-text ul.topic-highlights { column-count:auto; } .promises-container .promises-content h2 { font-size:30px; line-height:36px; } .promises-container .promises-content .promises-slides .promises-slide .promise-scroller { padding:25px; } .template-tertiary .promises-container { padding:0 0 50px 0; } a#top-of-page { bottom:25px; right:25px; margin:0; width:40px; } body.template-secondary .content { padding:25px; } #highlight-story-tertiary { padding:0 50px 60px 50px; } #highlight-story-tertiary .highlight-image { left:-50px; width:calc(100% + 100px); } #highlight-story-tertiary #slash-highlight-cyan { display:none; left:-150px; top:-80px; } #highlight-story-tertiary #slash-highlight-magenta { display:none; left:-150px; top:-145px; } #highlight-story-tertiary .highlight-text { padding:150px 0 50px 0; } .template-secondary .content-main > div:first-of-type { padding-right:0; } .masthead.secondary { background-size:cover; margin-left:0px; } .masthead.secondary #masthead-secondary-overlay { width:100%; display:none; } .masthead.secondary img { width:auto; height:100%; } .template-secondary .masthead.secondary .masthead-title h1 { font-size:40px; line-height:40px; } .template-secondary .masthead.secondary .masthead-content p { font-size:18px; line-height:24px; } .template-secondary .masthead.secondary > div:last-of-type { padding:0; } body.template-secondary .content { margin-top:110px; } .marquee-item { font-size:16px; } .tab-contents .tab-content { padding-right:0; } .masthead.home .masthead-reporttitle { font-size:16px; } } @media screen and (max-width:750px) { #home-metrics-container .home-metrics-pillar .home-metric-image { width:auto; right:50px; } #home-metrics-container .home-metrics { left:0; bottom:-250px; width:100%; } #home-metrics-container { margin-bottom:290px; } #home-metrics-controls-container { height:0; padding:20px; } #home-metrics-controls { width:100%; margin:0; } #home-metrics-controls div { font-size:13px; } #home-metrics-container .home-metrics a:nth-of-type(1) { width:100%; padding:0 30px; } #home-metrics-container .home-metrics a:nth-of-type(2), #home-metrics-container .home-metrics a:nth-of-type(3) { display:none;} div.callout, p.callout { font-size:22px !important; line-height:34px !important; } .masthead img { min-width:800px; } .quotation-block-container { margin-top:-150px; } .template-tertiary .masthead-title h1 { font-size:60px; line-height:60px; } main .content { padding:40px 20px; } .masthead.home { margin-top:0; } .template-primary .callout-boxes { background-position:center 0; } .header-container { height:111px; } #icons-ethics > div { display:block; width:auto; padding-right:0; padding-bottom:10px; } #highlight-story-feature #slash-highlight-magenta, #highlight-story-feature #slash-highlight-cyan { display:none; } #highlight-story-feature .highlight-text { padding:30px 0; } #highlight-story-feature { padding:0; } } @media screen and (max-width:650px) { .pageid-101 .content .tab-contents img.float-right { float:none; margin:0 0 25px 0; width:100%; } .template-utilitytertiary main .content, .template-utility main .content { padding:25px; } .template-contentindices .masthead-title, .template-utility .masthead-title, .template-utilitytertiary .masthead-title, .template-tertiary .masthead-title { padding-left:25px; } .promises-container .promises-content .promises-pillars a { font-size:14px; padding:10px 20px; margin-right:-5px; } .promises-container .promises-content .promises-pages > a { font-size:12px; padding:10px 0 5px 0; } .floating-boxes { padding-top:0; white-space:nowrap; } .floating-boxes > div.floating-image.bottom-left, .floating-boxes > div.floating-image.bottom-right, .floating-boxes > div.floating-image.left, .floating-boxes > div.floating-image.right { display:inline-block; position:relative; top:auto; right:auto; left:auto; bottom:auto; } .floating-boxes > div.floating-image.left { padding-top:25%; width:14%; margin-right:1%; } .floating-boxes > div.floating-image.right { padding-top:25%; width:33%; margin-right:1%; border-radius:20px; } .floating-boxes > div.floating-image.bottom-left { padding-top:25%; width:33%; margin-right:1%; border-radius:20px; } .floating-boxes > div.floating-image.bottom-right { padding-top:25%; width:14%; border-top-right-radius:0; border-bottom-right-radius:0; } .floating-boxes > div.floating-text { font-size:16px; line-height:24px; position:relative; left:auto; top:auto; bottom:auto; right:auto; white-space:normal; padding:25px; } .masthead.contentindices, .masthead.utility, .masthead.utilitytertiary { height:auto; } .template-contentindices .masthead-title, .template-utility .masthead-title, .template-utilitytertiary .masthead-title { padding-bottom:0; } .masthead.home .masthead-text { padding-left:25px; } .masthead.home .masthead-text h1 { max-width:200px; line-height:52px; font-size:48px; } .masthead.home .masthead-text h1 span { display:inline-block; padding-top:10px; } main .content .tab-contents a.section-button, a.readmore-button, a.section-button, a.tab-button, main .content .tab-contents a.tab-button { padding:15px 50px 15px 25px; font-size:16px; } main .content .tab-contents a.section-button:after, a.readmore-button:after, a.section-button:after, a.tab-button:after, main .content .tab-contents a.tab-button:after { background-size:20px auto; width:30px; right:10px; margin-top:-5px; } .template-contentindices .masthead-title h1 .masthead-pillar, .template-utility .masthead-title h1 .masthead-pillar, .template-utilitytertiary .masthead-title h1 .masthead-pillar { font-size:18px; } .template-secondary .masthead.secondary { padding:0 25px; } .promises-container { padding:50px 25px; } .footnote, .template-secondary main .content p.footnote, .template-secondary2020 main .content p.footnote, .template-tertiary main .content p.footnote { overflow:hidden; } footer .more-content > div p a { font-size:16px; line-height:20px; } .masthead.secondary h1 { font-size:50px; line-height:50px; } body.template-secondary h2 { font-size:40px; line-height:44px; } body.template-secondary h2 nobr { white-space:normal !important; } .template-secondary .content-main > div:first-of-type { padding-right:0; } body.template-secondary .content { margin-top:80px; } footer { padding:25px; } .footer-container { padding:0 25px; } body .tab-content div.callout, body .tab-content p.callout, div.callout, p.callout { font-size:30px !important; line-height:36px !important; } header { padding-left:25px; } .masthead.utility { padding:60px 30px 60px 0; align-content:center; } .masthead.utility h1 { background-position: 0px calc(100% - 7px); background-size: 10px auto; font-size:40px; line-height:45px; } .masthead.contentindices .masthead-title h1, .masthead.utility .masthead-title h1, .masthead.utilitytertiary .masthead-title h1 { font-size:50px; line-height:54px; } body.template-contentindices h2:first-of-type, body.template-utility h2:first-of-type, body.template-utilitytertiary h2:first-of-type, body.template-tertiary .tab-content h2:first-of-type { font-size:36px; line-height:40px; } .template-contentindices .content, .template-utilitytertiary .content-main-container { padding:50px 30px; } .template-secondary .content-main > div:last-of-type { width:360px; } .template-tertiary .masthead-title { padding-left:25px; } .template-tertiary main .content { padding:0 25px 0 25px; } .tabbed-container { margin-top:25px; margin-bottom:0; } .template-tertiary .masthead-title h1 { font-size: 40px; line-height: 40px; } .template-tertiary .masthead-title h1 .masthead-pillar { font-size:18px; line-height:20px; } #ceo-message > div:nth-of-type(2) p:nth-of-type(2) { font-size:20px; line-height:30px; } .nav-topics { margin-bottom:50px; padding-top:50px; } #home-metrics-container .home-metrics > a:nth-of-type(2), #home-metrics-container .home-metrics > a:nth-of-type(3) { display:none; } .more-about-our-report a.button-rounded { font-size:16px; display:block; } .footernav-container { padding:20px 0; } #ceo-message > div { display:block; width:auto; } #ceo-message { display:block; } #ceo-message > div:nth-of-type(2) { padding-right:50px; } header { padding-top:23px; } .header-container { height:80px; } header #logo-container img { width:130px; } /*header #logo-container { padding-top:21px; }*/ .template-primary #page-container, #page-container { padding-top:80px; } #btn-mobilemenu { top:28px; right:25px; } nav { margin-top:80px; } } @media screen and (max-width:550px) { .template-secondary .masthead.secondary .masthead-content p { font-size:18px; line-height:24px; } .promises-container .promises-content .promises-pages > a { font-size:14px; } .highlight-slider .highlight-slider-slides .highlight { width:300px; } nav { padding-left:35px; } .callout-boxes.active a.callout-box { max-width:none; } .highlight-story-feature-content { padding:0 50px; } .highlight-text img { width:100%; } .pageid-100 .masthead img { margin-left:-530px; } .gri-terms { width:300px; } .tab-contents .tab-content { padding-bottom:50px; } .template-secondary main .content p { font-size:18px; line-height:25px; } body.template-secondary h2 { margin-top:0; padding-bottom:20px; } .content .tab-contents img.half-width-image { width:100%; } .template-highlights main .content { padding:40px 0; } .masthead img { min-width:600px; } .nav-topics { padding-top:50px; } .callout-dots span { width:50px !important; } .template-secondary .content-main > div:last-of-type > div:first-of-type { width:100%; } .highlight-story-preview { width:100%; } .highlight-story-preview .highlight-title { padding:0 20px; font-size:24px; line-height:28px; } #table-intensity-container { overflow:auto; } #table-intensity { min-width:650px; } .masthead-overlay { overflow:hidden; } .masthead-overlay img { width:200%; margin-left:-50%; } .pageid-700 main .content, .pageid-800 main .content { padding:0 30px; } .template-highlights #highlight-story-feature { margin-top:-45px; } .template-highlights .highlight-story-preview { text-align:center; } .highlight-story-preview .highlight-story-thumbnail { margin:0 auto 40px auto; } .highlight-story-preview span.icon-pillar { width:60px; height:60px; right:auto; left:50%; margin-left:40px; } header { padding-right:30px; } .template-secondary h1 .icon-pillar { width:40px; height:40px; top:40px; margin-left:20px; line-height:40px; border-radius:50%; box-shadow:rgba(0,0,0,.25) 0 0 20px; background-color:#0077cd; display:inline-block; margin-top:-10px; vertical-align:middle; } .template-secondary h1 .icon-pillar img { width:100%; } .template-secondary .masthead.secondary .masthead-title h1 { font-size:42px; line-height:48px; } .template-secondary .masthead.secondary .masthead-companyname { font-size:14px; padding-bottom:20px; } .masthead.home .masthead-companyname { font-size:14px; padding-bottom:20px; } .masthead.home { background-position:center center; } .quotation-block-container { margin-top:-100px; } .highlight-story-preview .highlight-story-thumbnail { width:150px; height:150px; } /* header #logo-container { font-size:21px; line-height:21px; max-width:320px; } header #logo-container img { height:40px; margin-right:20px; } */ .general-disclosures table thead tr th { font-size:13px; line-height:16px; } .specific-disclosures table thead tr td:nth-of-type(1) { font-size:13px; line-height:16px; } .specific-disclosures table thead tr td:nth-of-type(2) { font-size:13px; line-height:16px; } .specific-disclosures table thead tr td:nth-of-type(3) { font-size:13px; line-height:16px; } .specific-disclosures table thead tr td:nth-of-type(4) { font-size:13px; line-height:16px; } .specific-disclosures table thead tr td:nth-of-type(5) { font-size:13px; line-height:16px; } .sasb-disclosures table thead tr td:nth-of-type(1) { font-size:13px; line-height:16px; } .sasb-disclosures table thead tr td:nth-of-type(2) { font-size:13px; line-height:16px; } .sasb-disclosures table thead tr td:nth-of-type(3) { font-size:13px; line-height:16px; } .sasb-disclosures { overflow-x:auto; } .sasb-disclosures > table { min-width:460px; } .sasb-disclosures > div { min-width:460px; } .sasb-disclosures table thead tr td:nth-last-of-type(3), .sasb-disclosures table tbody tr td:nth-last-of-type(3) { width:30%; } .sasb-disclosures table thead tr td:nth-last-of-type(2), .sasb-disclosures table tbody tr td:nth-last-of-type(2) { width:30%; } .sasb-disclosures table thead tr td:nth-last-of-type(1), .sasb-disclosures table tbody tr td:nth-last-of-type(1) { width:40%; } .sasb-disclosures table.sasb-activity thead tr td:nth-of-type(1), .sasb-disclosures table.sasb-activity thead tr td:nth-of-type(2), .sasb-disclosures table.sasb-activity tbody tr td:nth-last-of-type(1) { width:50%; } .sasb-disclosures table.sasb-activity tbody tr td:nth-last-of-type(2) { width:50%; } .specific-disclosures table table thead tr td:nth-of-type(1) { min-width:108px; } .specific-disclosures table table thead tr td:nth-of-type(2) { min-width:121px; } .content ul.columnize, .content ol.columnize, .content ul.columnize.three-wide { column-count:1; column-gap:0; } .content div.columnize { column-count:1; column-gap:0; } .inline-callout-left { margin:40px 0 40px 0; padding:60px 50px 30px 50px; } .inline-callout-right { margin:40px 0 40px 0; padding:60px 50px 30px 50px; } } @media screen and (max-width:450px) { .template-tertiary .masthead-title h1 { font-size:40px; line-height:40px; } /*.masthead.secondary h1 .icon-pillar { width:40px; height:40px; top:40px; margin-left:20px; line-height:40px; }*/ body.template-contentindices h2, body.template-utilitytertiary h2, body.template-tertiary h2 { font-size:30px; line-height:36px; } .masthead img { min-width:500px; } } @media print { .content-main-container > div:last-of-type { margin-bottom:0; } main, .template-tertiary main .content { padding-bottom:0; } .nav-topics-container, .footer-links-container, .tab-contents h3:before, .marquee-wrapper { display:none !important; } table { width:100% !important; } .promises-container .promises-content .promises-slides { min-width:auto; } .highlight-story-feature { margin:80px auto; max-width:800px; break-inside:avoid; } .tab-contents .tab-content { padding-right:0; } .template-contentindices .tab-contents { padding-top:100px; } .template-contentindices .masthead-title, .template-utility .masthead-title, .template-utilitytertiary .masthead-title { padding-left:80px; } .template-secondary { background-color:#fff; } .template-secondary main { overflow:hidden; border-bottom:0; } .pageid-210.template-tertiary main .content { box-shadow:none; } body.template-contentindices h2, body.template-utilitytertiary h2, body.template-tertiary h2 { margin-top:60px; } /*.tab-contents .tab-content { break-before:page; }*/ main .content .tab-contents a.section-button, a.section-button, a.tab-button, main .content .tab-contents a.tab-button, .tabbed-container > div:first-of-type { display:none; } .accordion-content { display:block !important; } .tab-contents h3 { background-image:none !important; padding-top:50px !important; padding-left:0 !important; font-weight:700 !important; } .tab-contents .tab-content { padding-bottom:50px; } .header-gri-tags { background-image:none; } .table-container, .graph-container, p.callout, div.callout, div.three-callouts, div.three-callouts div { break-inside:avoid; } /*.tab-contents div:first-of-type { break-before:avoid; }*/ .template-tertiary .masthead-main, .template-tertiary main .content, .template-secondary .content-main { padding-left:80px; padding-right:80px; } .template-tertiary .masthead-title, .template-secondary .masthead-title { padding-left:80px; } .matrix-printable-content, .matrix-printable-content * { break-inside:auto !important; page-break-inside:auto !important; } .matrix-printable { padding-left:50px; } .matrix-printable h2 { margin-top:50px !important; padding-top:20px !important; } a#top-of-page, .callout-dots, #cmstools, .footernav-container, footer, .nav-topics, .header-container, .tabs, .tabs-border { display:none !important; } #page-container { padding-top:0 !important; } .tab-content, #focus-infographic .focus-text > div { display:block !important; } .disclosure-table { display:block !important; } .disclosure-category { background-image:none; } .template-utilitytertiary div#report-resources.columns > div:nth-of-type(1) { padding-right:0; } .template-utilitytertiary div#report-resources.columns > div:nth-of-type(2) { padding-left:0; padding-right:0; } .template-utilitytertiary div#report-resources.columns > div:nth-of-type(3) { padding-left:0; } /* div.columns .column-third { width:100%; } div.columns { white-space:nowrap; margin:0 0 30px 0; } div.columns > div { width:auto; display:block; } div.columns > div:nth-of-type(1) { padding-right:0; } */ .masthead.utility h1 { margin-left:80px; } .template-contentindices .content, .template-utilitytertiary .content-main-container { padding-left:80px; padding-top:0; padding-right:80px; } #highlight-story-tertiary { page-break-before:always; margin-top:200px; } #page-container { box-shadow:none; } #highlight-story-feature .highlight-image { height:280px; margin-top:100px; } #highlight-story-feature .highlight-text { padding-left:30px; } .highlight-stories-container { display:none; } }