/* -- MAIN STYLES -- */
html, body, p {font-family: 'Hind Madurai', sans-serif; padding: 0; margin: 0; width: 100%; font-size: 17.5px; line-height: 24px; color: #333333;}
hr {color: #c2c2c2; border: 1px #e4e4e4 solid;}
svg {padding: 0; margin: 0; line-height: 0; border: 0;}
h1, h2, h3, h4, h5, h6 {font-family:'Assistant', 'Arial', Sans-serif;}
h1 {font-size:1.7rem; line-height:2.2rem; font-weight:400;}
h1.if {font-size:1.8rem; line-height:2rem; font-weight:600; position:absolute; bottom:0; padding-bottom:1rem;}
h1.detail-title, h1.mission-title {font-size:1.9rem; font-weight:600;}
h1.contentHeader {font-family: 'Assistant', sans-serif;}
h2.resolutionTitle {font-size: 1.4rem; font-weight: 400; margin-bottom: .2rem;}
.topSpacer {padding-top: 1rem; padding-bottom: .4rem;}
.divideLine {height: 1px; width: 100%; background: #cccccc;}
.divideLine.margins {margin: .6rem 0;}
.uppercase, .capText {text-transform: uppercase;}
.ddShadow {box-shadow: 5px 8px 4px rgba(0,0,0,.14);}
.element-item {left: 0;}
.semibold {font-weight: 600;}
/* .right {text-align: right;} */
.topSpacer {padding-top: 1rem; padding-bottom: .4rem;}
.divideLine {height: 1px; width: 100%; background: #cccccc;}
.divideLine.margins {margin: .6rem 0;}
.justify-content-center, .justify-content-start {display:flex;}
.borderLine {padding: 1.2rem; background: #e6f2ff; border-bottom: 1px #aaa solid;}
/* -- Google Analytics -- */
.switchAnalytics {position: relative; display: inline-block; width: 44px; height: 25px;}
.switchAnalytics input {display: none;}
input:checked + .slider {background-color: #ccc;}
input:focus + .slider {box-shadow: 0 0 1px #007ea8;}
input:checked + .slider:before {-webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px);}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #007ea8; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 18px; width: 18px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .3s; transition: .3s;}
.slider.round {border-radius: 20px;}
.slider.round:before {border-radius: 50%;}
/* -- COLORS - Text -- */
.white {color: #ffffff;}
.black {color: #333333;}
.darkBlueTxt {color:#19507b;}
.blue-78-text {color: #007ea8;}
.blue-lt-text {color: #00ABD5;}
.blue-div-text {color: #006497;}
.blue {color: #008BCD; color: rgb(0,139,205);}
.green {color: #89A833; color: rgb(137,168,51);}
.teal {color: #319895; color: rgb(49,152,149);}
.orange {color:#DF8E21; color: rgb(223,142,33);}
.esgText, #esgNavSection {color: #6ca90f;}
.esg-dark-green-text {color: #22773E;}
.infraText, #infrastructureNavSection {color: #00aea9;}
.divText, #dividendsNavSection {color: #007ea8;}
.mhiMediaEditorHeadline {color: #008b8b}
.infraStrong {font-weight: 600; color: #00aea9;}
.divStrong {font-weight: 600; color: #007ea8;}
.esgStrong {font-weight: 600; color: #6ca90f;}
#dividendsNavSection {color: #007ea8;}
#esgNavSection {color: #6ca90f;}
#infrastructureNavSection {color: #00aea9;}
/* -- BACKGROUND COLORS -- */
.blue-lt {background:#00ABD5;}
.blue-78, .divDark {background:#007ea8;}
.blue-div, .divBlue {background:#006497;}
.darkBlue {background-color:#19507b;}
.divLight {background-color: #99d6ea; background-color: rgba(0,153,204,0.05);}
.infraTeal {background-color: #019c9a;}
.infraDark {background-color: #00AEA9; background-color: rgb(0,174,169);}
.infraLight {background-color: #99dedc; background-color: rgba(0,174,169,0.05);}
.esg-dark-green-background {background-color: #22773E;}
.esgGreen {background-color: #639b4f;}
.esgDark {background: rgb(108,169,15);}
.esgLight {background: #b5d487; background: rgb(108,169,15,0.05);}
#headerBlock {background: #ffffff;}
#dividendsNavSection.productLinkItem.productLinkNav.active {color: #ffffff; background: #007ea8;}
#esgNavSection.productLinkItem.productLinkNav:hover,
#esgNavSection.productLinkItem.productLinkNav.active {color: #ffffff; background: #6ca90f;}
#infrastructureNavSection.productLinkItem.productLinkNav:hover,
#infrastructureNavSection.productLinkItem.productLinkNav.active {color: #ffffff; background: #00aea9;}
/* -- General Text -- */
.textMain, p.textMain {font-family: 'Hind Madurai', sans-serif; font-size: .95rem; line-height: 1.5rem; font-weight:400;}
ul.textMain {padding-top:4px;}
li.bulletMain {list-style-type: disc;}
.firstWord {text-transform: uppercase; font-weight: 400;}
strong {color: #676767; font-weight: 700;}
strong a, a strong {color: #007ea8;}
p.textMain.first {padding-top: 0;}
p.tabText {font-weight: 400; color: #333333;}
.titleText {font-family: 'Assistant', sans-serif; font-weight: 200;}
.textDisplay {font-family: 'Assistant', sans-serif; font-weight: 300;}
.capText {text-transform: uppercase;}
.underline {text-decoration: underline;}
.contentMargins {margin: 1rem 2rem;}
.shadowWhiteText {color: #ffffff; text-shadow: #555555 0.1rem 0.1rem 0.2rem;}
.quoteItem {padding-bottom: .5rem;}
.quoteSlab {font-family: 'Assistant', sans-serif; font-size: 1.1rem; font-weight: 400; color: #007ea8;}
.footnote {font-size: .95rem; line-height: 1.4rem; font-style: italic;}
.footerBold {color: #333333;}
.footerSmall, p.footerSmall {font-size: .85rem; line-height: 1.2rem;}
.captionTitle {font-family: 'Assistant', sans-serif; color: #007ea8; font-weight: 600;}
h2.smallSubhead.dark {font-size: 1.1rem; line-height:1.5rem; font-weight: 600; padding-bottom:4px;}
.thinSubhead.accHead {font-family: 'Assistant', sans-serif; color: #007ea8; text-align: left; white-space: normal;}
.mission-title, .detail-title {text-align:center; padding-bottom:20px;}
.disclosureText p, .disclosureText a {font-family: 'Hind Madurai', sans-serif;}
.divStrong, .infraStrong, .esgStrong, .semibold, .resolutionSubhead .bolder {font-weight: 600;}
p.focusExplore {font-family: 'Assistant', sans-serif; color:#555555; font-weight:400; font-size:1.2rem; padding:1.4rem 0;}
.bubbleText {font-family: Assistant, Sans-serif; text-align: center; font-size: 1.4rem; line-height: 1.8rem; color: #999999; width: 100%;} /* Retired */
.top, h2.thinSubhead.top {padding-top: 0; margin-top: 0;}
/* -- Resolutions and Memos -- */
.resolutionTitleBlock {padding: 2.6rem 0 2rem 0; font-family: 'Assistant', sans-serif;}
.resolutionSubhead {font-size: 1.1rem; font-weight: 400; line-height: 1.6rem;}
.resolutionSubhead .bolder {font-weight: 600;}
/* -- Flex / Grid -- */
.grid, .row {margin:0 auto;}
.gridFlex {display: grid; justify-content: center; align-content: center; gap: 10px; grid-auto-flow: column; width:100%; height:auto;}
.flexContainer.educational {max-width:1600px; width:100%; margin:0 auto; padding:0 auto; align-items:center;}
.flexCenter {display: flex; justify-content: center; align-items: center;}
.titleSection {display: flex;}
/* -- Blog -- */
h2.blogTitle, .titleText > a, a.blogTitle {font-family: 'Assistant', sans-serif; font-weight:400; text-align: left;}
h2.blogTitle {color: #0099cc; font-size: 2.6rem; line-height: 3rem;}
h2.blogSubhead.dark {font-size: 1.1rem; font-weight: 300; margin-top:1rem;}
h2.blogSubhead.dark > a {font-weight:400;}
li#menu-item:not(:first-child) {margin-left: 5px;}
.blogDate {font-weight: 500; text-align: left; color: #333333; margin-top: 0; padding-top: 1rem; padding:1.4rem 0;}
.blogDate > time {font-family: 'Hind Madurai', sans-serif; font-size: 16px; line-height: 23px; font-weight: 500; text-align: left; color: #333333;}
p.blogDate.blogMain {padding:.7rem 0; margin: 0; font-weight: 600;}
.pagination {display: flex; justify-content: center;}
.titleText > a, a.blogTitle, h2.blogSubhead.dark > a {text-decoration: none; color:#0099cc;}
.mainContent.blog-main-block {max-width: 1000px; margin: 0 auto; padding: 0 2rem;}
.mhi-blog-subscribe {text-align: center;}
.mhi-blog-subscribe a {font-weight: 600; text-transform: uppercase; text-decoration-line: underline overline;}
.mhi-blog-subscribe a:hover {color: #c0c0c0;}
/* -- Icons -- */
.iconFont:before {font-family: 'icomoon'; src: url('../fonts/icomoon.eot?ujqjvc'); src: url('../fonts/icomoon.eot?ujqjvc#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?ujqjvc') format('truetype'), url('../fonts/icomoon.woff?ujqjvc') format('woff'), url('../fonts/icomoon.svg?ujqjvc#icomoon') format('svg'); font-weight: normal; font-style: normal;}
.audioIcon, .chartIcon, .videoIcon, .articleIcon {text-transform: uppercase;}
.audioIcon:before {content: "\e900";}
.chartIcon:before {content: "\e901";}
.videoIcon:before {content: "\e909";}
.articleIcon:before {content: "\e902";}
.smaCheck {width: 1rem; height: auto;}
.smaGlobes {height: .6rem; width: auto;}
.infoIcon {width: 14px; height: 14px; display: inline-block; margin-right: 6px; vertical-align: bottom;}
.iconAlign {vertical-align: middle;}
/* -- Tooltips -- */
a#tooltip {position: relative; display: inline-block;}
a#tooltip .tooltiptext {visibility: hidden; width: 60px; background-color: #fff; border: 1px #aaa solid; font-size: 1rem; color: #333; text-align: center; border-radius: 4px; padding: 4px 0; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1); outline: 0; position: absolute; z-index: 1; top: 50%; left: 70%; margin-left: 0px;}
a#tooltip:hover .tooltiptext {visibility: visible;}
/* -- Buttons -- */
.mainButton {display:block; width:100%; font-size: 1rem; font-weight: 600; display: inline-block; width: auto; border-radius: 12px; text-decoration:none; text-align: center;}
.fat {padding: .6rem 1.4rem;}
.skinny {padding: .4rem .8rem;}
.login-to-view, .contact-section {padding:2rem; text-align:center; width:100%;}
button#selectInvestment, button.blueButton {background: #d4e5ee; background: rgba(42,127,170,.2); font-size: .9rem;}
button.btn.btn-link.accPlus {padding-top: 0; padding-left: 0; margin-top: 0; text-decoration: none; text-align: left;}
button#showAllButton {display: block; padding: .3rem 1rem; background: #d4e5ee; background: rgba(42,127,170,.2); border-radius: 6px; border: 3px #fff solid; white-space: nowrap; border: none; outline: none;}
button#ddMediaListButtonShowAll {display: block; padding: .3rem 1rem; background: #d4e5ee; background: rgba(42,127,170,.2); border-radius: 6px; border: 3px #fff solid; white-space: nowrap; border: none; outline: none;}
button.filterBy.btn.btn-link.dropdown-toggle {font-size: .9rem; border-radius: 6px; text-align: center; background: #d4e5ee; background: rgba(42,127,170,.2); text-transform: uppercase; color: #333333; height: 2rem; text-decoration: none;}
button.filterBy.btn.btn-link.dropdown-toggle:after {content: "";}
button.bioButton {outline: none; background: none; border: 0; background-color: transparent; margin: 0; padding: 0;}
button.peopleItem:hover, a.peopleItem:hover {cursor: pointer;}
a.btn.btn-link.dropdown-toggle .form-control, button.btn.btn-link.dropdown-toggle .form-control {font-size: .9rem; line-height: 1.2rem; text-decoration: none;}
.button-group.filters-button-group .selectItem {font-size: .8rem; flex: 2 0 auto;}
.btn.accProductTitle {padding: 0; margin: 0;}
.bluePill {padding: .3rem 1rem; background: #d4e5ee; background: rgba(42,127,170,.2); border-radius: 6px; border: 1px rgba(42,127,170,.2) solid;}
.paLink {float: right;}
a.btn-link:hover, a.btn-link:focus, a.btn-link:active {text-decoration: none;}
.readButtonBlock {padding: 1rem 0;}
a.readButton {display: inline-block; border: 1px #078cb6 solid; border-radius: 6px; background: #fff; text-align: center; padding: .6rem 1rem .4rem 1rem; text-decoration: none; font-weight: 400; font-size: 1.1rem; line-height: 1.1rem;}
.showAllButton, .showAllButton > a {display: block; white-space: nowrap; text-transform: uppercase; color: #555555; text-decoration: none;}
.showAllButton.home > a {margin: .6rem 0 .6rem 2rem;}
.showmore.collapsed, .showless.expanded {text-decoration: none;}
.btn-link.showmore {padding: 0; margin: 0px;}
/* -- Read More -- */
li.active {font-weight: bold;}
.mb-3, .my-3 {margin-bottom: 0px;}
.read-more-state {display: none;}
.read-more-target {opacity: 0; max-height: 0; display: none;}
.read-more-state:checked ~ .read-more-wrap .read-more-target {opacity: 1; display: block; max-height: 999rem;}
.read-more-state ~ .read-more-trigger:before {content: 'SHOW MORE'; color: #007ea8; white-space: nowrap; font-size: .9rem;}
.read-more-state:checked ~ .read-more-trigger:before {content: 'SHOW LESS'; color: #007ea8; font-size: .9rem; white-space: nowrap;}
.read-more-state.disclosure ~ .read-more-trigger:before {content: 'Read Full Disclosure >'; color: #555555; white-space: nowrap; font-size: .8rem;}
.read-more-state.disclosure:checked ~ .read-more-trigger:before {content: '< Hide Disclosure'; color: #555555; font-size: .8rem; white-space: nowrap;}
.read-more-state.resolutions ~ .read-more-trigger:before {content: 'About MH Shareholder Advocacy >'; color: #555555; white-space: nowrap; font-size: 1rem;}
.read-more-state.resolutions:checked ~ .read-more-trigger:before {content: '< Hide'; color: #555555; font-size: 1rem; white-space: nowrap;}
.read-more-trigger {cursor: pointer; display: inline-block; margin-top: 4px; margin-bottom: 16px;}
/* -- New People buttons -- */
button.button.peopleButton {margin-bottom: 4px; border: none; text-align:left; color: #222; font-family: sans-serif; font-size: 14px; cursor: pointer; background:transparent; margin-left: .2rem;}
.button.peopleButton:hover, .button.peopleButton:active, .button.peopleButton.is-checked {color: #007ea8; white-space: nowrap; outline: 0;}
.button.peopleButton.is-checked {font-weight: bold;}
.button-group .button.peopleButton {margin-left: 0; margin-right: 1px;}
/* -- Core Structure - Containers and Blocks -- */
#headerContainer {width: 100%; position: fixed; top: 0; z-index: 1000; border-bottom: 1px #cdcdcd solid; }
#headerContainer.people {width: 100%; position: fixed; top: 0; z-index: 1000; margin-bottom: 0;}
#mastheadContainer, #mainContainer, #flexContainer {width: 100%;}
#bannerContainer {width: 100%; overflow: hidden; height: 400px;}
#carouselContainer {width: 100%; background: rgba(0,0,0,.09);}
#headerBlock, #carouselBlock, #mastheadBlock, #bannerBlock {width: 100%; margin: 0 auto; padding: 0 auto;}
#headerBlock {background: #ffffff;}
#headerMemberMenu {float: right;}
#mainBlock {width: 100%; margin: 0 auto; padding: 2rem auto 0 auto;}
#playerContainer {width: 100%; background: #000; border-top: 1px #c2c2c2 solid; border-bottom: 1px #c2c2c2 solid;}
#titleBlock {margin: 0 auto; padding: 0 auto;}
#playerBlock {width: 100%; margin: 0 auto; padding: 0 auto;}
#flexBlockWrapper {display: flex; justify-content: center; width: 100%; margin: 0 auto; padding: 0 auto;}
.halfHero {background-repeat:no-repeat;}
.articleSection {padding-top: 1rem;}
.contactMap a img {width: 120px; height: auto;}
.focusDivider {width: 100%; background: #eeeeee; text-transform: uppercase;}
.mainContent.saResolutions {margin: 2rem 0 .2rem 0;}
.mainContent.subNav {margin: .4rem 2rem 1rem 2rem;}
.mainItem.sectionTitleCenter {text-align: center; padding: 1rem 0; font-size: 1.4rem; font-family: Assistant, Sans-serif;}
.education-section {background-color:#006497;}
.esg-dna-block {background-image:url('/media/j2an0miq/sprout_hands_sm_shade.jpg'); display:block;}
.sio-block {background-image:url('/media/ihxhmgo5/couple_mtns_sm_shade.jpg'); display:block;}
.overlay {position: absolute; bottom: 0; left: 0; right: 0; background-image: linear-gradient(180deg, rgba(0,0,2,0), rgba(0,0,2,0.5)); overflow: hidden; width: 100%; height: 0; transition: .2s ease;}
.overlayText {color:#fff; position:absolute; display:block;}
.edu-arrow {opacity:.5; padding-left:10px;}
.edu-arrow > img, .edu-arrow a img {width:16px; height:auto;}
.edu-arrow a img {text-decoration: none;}
.mastheadLogo {flex: 0 0 auto;}
.mastheadTextLiner {padding-right: 2rem;}
.textDisplay {font-size: 1.1rem; line-height: 1.6rem;}
.titleSection.banner {padding: 2rem 0 2.6rem 0;}
.topSpace {padding-top: 2rem;}
p.tabText {font-size: 1rem; line-height: 1.4rem;}
.peopleNameBox {text-align: left; flex: 1 0 auto; position: absolute; display: block; bottom: 1.4rem; color: #ffffff; text-shadow: #555555 0.1rem 0.1rem 0.2rem;}
.mediaBioSummary {padding: .2rem 0 1rem 0;}
.mediaCenterLink a {margin: 0; padding: .8rem 0;}
.mediaItem .mediaImage .mediaImageText {display: inline-block; width: 100%; height: 100%; background-size: cover;}
.mediaTopTitle {padding: 12px 0px 8px 18px; line-height: 1rem; padding-left: 18px;}
.learn-label {display: inline-block; padding:10px 0 10px 12px; font-size: 1.2rem; font-weight: bold;}
.learn-block {display: block; border-top: 1px #aaaaaa solid; border-bottom: 1px #aaaaaa solid;}
.learn-button-block {width: 100%; margin: 0 auto; text-align: center; padding:1rem 0;}
.inBlock {position: relative; display: block; background-size: cover; height: 200px; background-repeat: no-repeat;}
.inBlock > .edu-label, .edu-label {position: absolute; bottom: 0; right: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; font-family:'Assistant', Sans-serif; font-weight:600; font-size: 1.2rem; line-height: 1.5rem; text-align: right;}
/* -- Masthead -- */
.mastheadSection {width: 100%; margin: 0 auto; display: flex; align-items: center; height: 300px; padding-left: 2rem;}
.mastheadTextLarge, .mastheadTextSmall {font-family: 'Assistant', sans-serif;}
.mastheadSection.home {justify-content: center;}
.mastheadSection {width: 100%; margin: 0 auto; display: flex; align-items: center;}
.mastheadBrandedHeader {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; padding-left: 1rem; width: 100%;}
#mastheadContainer #mastheadBlock img {width: 100%; height: auto;}
#mastheadContainer.bg.infrastructureMasthead {background-image: url('/media/images/INFRA_rig_banner5.jpg'); background-position: left 0% bottom 0%;}
#mastheadContainer.bg.esgMasthead {background-image: url('/media/1006/esg_forest_banner_overlay3_429835018-1.jpg') !important;}
#mastheadContainer.bg.mountains {background-image: url('/media/images/mhi_mountain_banner.jpg');}
#mastheadContainer.bg.mountains.left {background-image: url('/media/images/mhi_mountain_banner.jpg');}
#mastheadContainer.bg.dividendsMasthead {background-image: url('/media/images/dev_mtn_bird.jpg');}
/* -- MASTHEAD CAROUSEL -- */
.cmType, .cmType > a {text-transform:uppercase; font-family:'Assistant', Sans-serif; min-height: 34px;}
.cmTitle, .cmTitle > a {font-family:'Assistant', Sans-serif; text-decoration:none; font-size:2rem; line-height:2.3rem; font-weight:600;}
.cmBlurbContainer {display: flex; width: 100%; margin-bottom: 1.4rem;}
.cmBlurb, .cmBlurb > a {font-family:'Assistant', Sans-serif; font-size:1rem; line-height:1.3rem; font-weight:300; margin-top:.9rem; max-width:600px;}
.cmLeft {justify-content: start;}
.cmRight {justify-content: end;}
.cmCenter {justify-content: center;}
.cmShadowText {text-shadow: 4px 3px 20px #000;}
.cmShadowBox {background-color: rgba(0,0,0,0.2); box-shadow: 0 0 20px 20px rgba(0,0,0,0.2);}
/* -- Carousel section -- */
.carouselFrame {display: flex; justify-content: center; width: 100%; flex-direction: row; flex-wrap: nowrap; /* padding: 0 1.8rem; */}
.carousel-inner {background: #ffffff;}
.carousel-inner.cm {background: #333333;}
.carousel-inner.masthead {height: 300px; width: 100%;}
.carouselSection.focus {padding-bottom: 2rem;}
/* -- Banner Section -- */
#bannerContainer #bannerBlock img {width: 100%; height: auto;}
.bannerSection {width: 100%; margin: 0 auto; padding: 0 auto; display: flex; flex: wrap; justify-content: center;}
.introSectionHome {width: 100%; margin: 0 auto;}
.sloganHome, .sloganHome.incomeOpportunity {color: #007ea8; font-family: 'Assistant', sans-serif;}
/* -- Header & Navigation Section - Top nav xl, ESG nav lg -- */
.headerSection nav.navbar.navbar-expand-lg.navbar-light, .headerSection nav.navbar.navbar-expand-lg.navbar-light button.navbar-toggler,
.headerSection nav.navbar.navbar-expand-xl.navbar-light, .headerSection nav.navbar.navbar-expand-xl.navbar-light button.navbar-toggler {margin: 0px; border: none; outline: none;}
.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
ul.navbar-nav {background-color: #ffffff;}
a.dropdown-item {text-decoration: none;}
a:link.dropdown-item {color: #333333;}
a:visited.dropdown-item {color: #333333;}
a:hover.dropdown-item {color: #007ea8; background: #ffffff; text-decoration: underline;}
a:active.dropdown-item {color: #333333;}
a.secondNavItem {font-family: 'Hind Madurai', sans-serif; font-size: .95rem; font-weight: 400; color: #333333;}
a.secondNavItem:link {color: #333333;}
a.secondNavItem:visited {color: #333333;}
a.secondNavItem:hover {color: #333333; background: #eeeeee; text-decoration: none;}
a.secondNavItem:active {color: #333333;}
a.secondNavItem.noHover:hover {color: #333333; background: #ffffff; text-decoration: none;}
.brandedHeaderLogo {flex: 0 0 auto;}
.subNavSection {width: 100%;}
.col-lg-4 > .selectItem {display:flex; justify-content: center; text-align: center;}
.logo-channel-menu {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: center;}
/* -- Sign In Section -- */
nav.navbar.navbar-expand-xl.navbar-light {justify-content: space-between; background: #ffffff;}
nav.navbar.navbar-expand-xl.navbar-light .collapse.navbar-collapse#navbarNavDropdown ul.navbar-nav li.nav-item a.nav-link.loginRegister {text-transform: none;}
nav.navbar.navbar-expand-xl.navbar-light ul li {list-style-type: none;}
/* -- Sidebar -- */
.sidebarTopTitle {text-transform: uppercase; color: #2A7FAA; color: rgb(42,127,170); font-weight: 600;}
/* -- Channel Changer -- */
#channelChangeContainer {margin: 0 auto; padding: 0 auto; font-size: .9rem; color: #333333; width: 100%; background: #efefef; height: auto; border-bottom: 1px #cdcdcd solid;}
#channelChangeBlock {width: 100%; margin: 0 auto; padding: 0 auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;}
#channelChangeBlock form {margin: 1rem auto; padding: 0 auto; align-item: center;}
/* -- Dropdown Menus -- */
.contentDropdownCaption, .dropdown.contentDropdown {display: inline-block;}
.contentDropdown button.btn.dropdown-toggle {background: #ffffff; border: 1px #dddddd solid; padding: .3rem .6rem;}
.contentDropdown button.btn.dropdown-toggle.blueButton {background: #d4e5ee; background: rgba(42,127,170,.2);}
.contentDropdown .dropdown-menu {padding: .8rem;}
.contentDropdown .dropdown-menu a.dropdown-item {padding-left: 0px;}
/* -- Accordion -- */
#accordion .card {padding: 1rem 0 0 0;}
#accordion.accordion {border: 0;}
.accordion {border-bottom: 1px #bdbdbd solid;}
.accordion.filterPanel {border: 0;}
.accordion.accPlus {border-bottom: 0;}
.card-header a.accPlus:after, .card-header button.accPlus:after {content: '-'; color: #007ea8;}
.card-body.esgIntro, .card-body.filterMenus {padding: 1rem 0; margin: 0; width: 100%;}
.card-body.esgIntro {margin: 0; padding: 1.8rem 0;}
.card-body.product {background: rgba(0,0,0,.03);}
a.btn.btn-link.collapsed:after, button.btn.btn-link.accPlus.collapsed:after {content: '+'; font-weight: normal; color: #007ea8;}
ul.noBullet {text-decoration: none; list-style-type: none;}
table.paTable td {border-bottom: 1px #bbbbbb solid; padding: .2rem 0 .2rem .6rem;}
.tableLabel {font-weight: 600; text-align: right;}
h5.mb-0.accordionTitleBar {width: 100%;}
#introText.collapse {padding: 0; border-top: 1px #cdcdcd solid;}
#introHeader.card-header.flexContainer {margin: 0; padding: 0; background: none;}
#ieHeading.focus {font-weight: bold;}
/* -- Filter Menus - For Isotope filter function -- */
.tableSection .grid.filterTable .filter.element-item .row {margin: 0; padding: 0;}
#headingOne.card-header, .card-header {padding: 0; margin: 0; background: #ffffff; border: 0;}
.card {border: 0;}
.card.filterPanel {width: 100%;}
.grid.filterTable .filter.element-item {padding: 0; margin: 0; width: 100%;}
.filterRow {display: flex; width: 100%;}
.filterRow.divider {font-size: .9rem;}
.clientApprovedCheck {display: inline; width: 1rem; height: 1rem; width: 1rem; height: 1rem;}
.reset {flex: 1 0 auto; padding: .6rem auto;}
/* -- Product Table -- */
#ieHeading, #ienoHeading, #iexHeading, #meHeading, #infraHeading, #mlpHeading, #mlpfocusHeading, #utilHeading, #hyeHeading, #dbbtHeading, #dbbtxHeading, #epHeading, #waterHeading {background: #ffffff;}
.tableCheck {width: 1.2rem; height: auto;}
/* -- Investment Focus/Bucket Section -- */
#productLinkContainer {margin-top: 4px;}
#productLinkBlock {display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto; padding: 0 auto; border-top: 1px #ddd solid; border-bottom: 4px #dddddd solid;}
.productLinkNav {font-family: 'Assistant', sans-serif; font-size: 1.2rem; font-weight: 700; text-align: center;}
.navSection {flex: 1 1 auto;}
/* -- Feature blocks -- */
.featureItem, a.featureItem {background-color: #d3d3d3; overflow: hidden; border: 0; display: inline-block;}
.featureItem.carousel, a.featureItem.carousel {flex: 1 0 33%;}
.featureTextSmall {font-family: 'Hind Madurai', sans-serif;}
.featureTextLarge {font-family: 'Assistant', sans-serif;}
/* -- Tab Section -- */
#container {width: 100%; min-height: 400px; padding: 0px; margin: 0px auto;}
.tab-pane {margin: 0px; font-size: .95rem;}
.tabPaneItem {border-bottom: 1px #c2c2c2 solid; padding-top: 16px;}
.tabPaneItem.last {border-bottom: none; padding-top: 1rem;}
.tabPaneSubhead {font-weight: bold; color: #2A7FAA; color: rgb(42,127,170); text-transform: capitalize;}
.tabPaneBioName.mediaBio {display: table-cell; vertical-align: middle; padding-left: 14px;}
.aboutTitle {font-weight: bold; color: #2A7FAA; color: rgb(42,127,170);}
.nav-link {display: block; padding: 4px; background: #fff;}
.nav-link.bluePill {display: block; padding: .3rem 1rem; background: #d4e5ee; background: rgba(42,127,170,.2); border-radius: 6px; border: 3px #fff solid;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background: #2A7FAA; background: rgb(42,127,170); border-radius: 6px;}
#pills-tabContent.tab-content {padding: 0 .25rem;}
#pills-tabContent.tab-content {text-align: left; color: #333333; line-height: 1.4rem;}
/* -- Media Filter Section -- */
#mediaSection {width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; margin: 0 auto; padding: 0 auto;}
.mediaItem.element-item {overflow: hidden;}
.mediaTitles {width: 100%; color: #2A7FAA; color: rgb(42,127,170);}
.mediaTitleLarge {color: #2A7FAA; color: rgb(42,127,170); font-family: 'Assistant', sans-serif; display: block;}
.mediaTopTitle {color: #2A7FAA; color: rgb(42,127,170); font-weight: bold;}
.mediaBlurbTitle {font-size: 1.3rem; color: #007ea8; line-height: 1.4rem; font-weight: 600; padding-bottom: 4px;}
.mediaBlurbDate {text-transform: uppercase; font-size: .9rem; line-height: 1.2rem;}
.mediaCenterLink {text-align: center; text-transform: uppercase; font-weight: bold;}
.mediaCenterLink a {display: block; background: #d4e5ee; background: rgba(42,127,170,.2); border-radius: 6px;}
.mediaImageText > .mediaImageTextSmall {font-family: 'Hind Madurai', sans-serif;}
.mediaImageText > .mediaImageTextLarge {font-family: 'Assistant', sans-serif;}
a.mediaImage, .mediaImage {display: block;}
.element-item img {margin: 0; padding: 0; line-height: 0rem; margin-bottom: 0px; padding-bottom: 0px; bottom: 0; top: 0;}
.bioHeader {flex-direction: row; flex-wrap: wrap; justify-content: left; margin-bottom: .6rem;}
.informationIcon {width: 16px; height: auto; margin-top: -4px;}
.bioImagePopup {background-repeat: no-repeat; background-position: right; width: 100%; height: 220px;}
.informativeSection {width: 100%; padding: 0 auto; margin: 0 auto; padding-bottom: 3rem;}
.informativeSectionText {color: #007ea8; text-align: center;}
/* -- Audio Player -- */
.audioPlayerSection {margin: 0 auto; padding: 30px auto;}
.waveformAudio {width: 100%; height: auto; max-width: 800px;}
/* -- Products Filter Page -- */
/* POPUP BOX STYLES */
.paInfoPopup {position: relative; z-index: 0; float: left;}
.paInfoPopup:hover {background-color: transparent; z-index: 50;}
.paInfoPopup .popupBlock {display: none; position: absolute; top: -150px; background-color: #fff; color: black; text-decoration: none; opacity: 0; pointer-events: none; transition-duration: 300ms;}
.paInfoPopup:hover .popupBlock {visibility: visible; display: block; opacity: 1; transition-duration: 300ms;}
img.popupGlobes {width: 120px; height: auto;}
div.textBox {position: relative; width: 260px; height: auto; background: #fff; font-size: .9em; font-family: 'Hind Madurai', sans-serif; padding: 20px; line-height: 1.4em; box-shadow: 6px 6px 8px rgba(0,0,0,.14);}
div.textBox.blue {border: 6px rgba(0,139,205,.4) solid;}
div.textBox.green {border: 6px rgba(137,168,51,.4) solid;}
div.textBox.teal {border: 6px rgba(49,152,149,.4) solid;}
div.textBox.orange {border: 6px rgba(223,142,33,.4) solid;}
.strategyTitlePop {font-weight: bold; font-size: 1.1em; text-align: center;}
.strategyDefinition {padding-top: 10px; color: #676767; font-weight: normal; font-size: .95em; line-height: 1.35em;}
.morningstarRatingText, .categoryLgValueText {font-size: .9em; color: #007ea8; text-align: center; padding-bottom: 4px;}
/* -- People -- */
.modal-content.people {border-radius: 0;}
.modal-header.people {border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-radius: 0;}
.modal-body.people {padding: 0 1rem 1rem 1rem; margin: 1rem; font-size: 1rem; line-height: 1.4rem;}
h5.modal-title.people {padding: 1rem 1rem 0 1rem; font-size: 1.4rem; line-height: 1.8rem;}
.bioName {color: #555555; font-size: 1.4rem; line-height: 1.6rem; font-weight: 300;}
.bioTitle {color: #555555; font-size: 1rem; line-height: 1.6rem; font-weight: 300;}
a.peopleItem, button.peopleItem {position: relative;}
.peopleDeptBackground, button.peopleItem {background-size: cover; overflow: hidden; background-position: right 0% bottom 0%; background-repeat: no-repeat; height: 300px;}
.peopleDeptBackground {display: flex;}
.peopleTextSmall, .peopleTextLarge {text-transform: uppercase; color: #ffffff; text-decoration: none;}
.peopleTextSmall {font-weight: 300; font-size: .95rem; line-height: 1.3rem;}
.mainItem.leftHalf, .mainItem.rightHalf {flex: 1 0 50%;}
.idItem {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: left; padding-bottom: 10px; display: table;}
.idLabel {display: table-cell; vertical-align: middle; padding-left: 14px; text-transform: uppercase; color: #333333;}
.idName {font-size: .9rem; line-height: 1.4rem;}
.idTitle {font-size: .8rem; line-height: .95rem;}
.tabPaneBioName {text-transform: uppercase; color: #333333; font-size: .9rem;}
.tabPaneBioName .tabPaneBioTitle {font-size: .8rem; line-height: .95rem;}
.cropCircle {width: 80px; height: 80px; position: relative; overflow: hidden; border-radius: 50%; border: 1px #c2c2c2 solid;}
img.portrait {display: inline; margin: 0 auto; height: 100%; width: auto;}
button.peopleItem {background-color: transparent; outline: none; border: 0; text-decoration: none; display: block;}
/* -- New People styles -- */
#mainBlock.people-section {padding:2rem;}
.flex-container-people {align-items: top; justify-content: left; width:100%;}
.flex-item-people.left-side .spacer-header {height:2.5rem; width: 100%;}
.grid.people-grid {max-width: 820px; margin:0;}
/* ---- mhi-person ---- */
.mhi-person-label {position: relative; top: 8px;}
.mhi-person-label h3.person-name {font-size: .8rem; line-height: 1rem; margin: 0; font-weight: bold;}
.mhi-person-label p.person-title {font-size: .75rem; line-height: 1rem; margin: 0; padding: 0;}
p.person-title a {text-decoration: none;}
.headshot-block {height: 220px; width: 220px; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: self-end; background-color: #eeeeee; overflow: hidden; border: 0;}
.headshot-block > a {border: none; cursor: pointer;}
img.headshot {width: auto; height: 100%; bottom: 0;}
.department-header {text-transform: uppercase; padding-left: 8px; font-size: 1.1rem; font-family: 'Assistant', Sans-serif; letter-spacing:1px; font-weight:300; height:2rem;}
a.headshot-block-link {display:block; width:100%; height:100%;}
/* plain collapse */
[aria-expanded="false"] > .expanded, [aria-expanded="true"] > .collapsed {display: none;}
/* -- Footer Section -- */
#footerContainer {width: 100%; margin: 0 auto; padding: 0 auto; background: #f4f4f4; border-top: 1px #c2c2c2 solid; min-height: 600px;}
#disclosureBlock.disclosureText {width: 100%; padding: 2em; font-size: .8rem; text-align: justified;}
#disclosureBlock.disclosureText p {font-size: .85rem; line-height: 1.2rem;}
.disclosureText.bottomLinks {border-top: 1px #ccc solid; display: flex;}
.bottomLink a, .bottomLinkItem a {color: #555555; font-size: .8rem;}
/* -- Member login/registration pages */
.member-navbar-menu {color: #5299cc;}
.member-navbar-menu > span {margin-left: 6px; margin-right: 6px;}
.loginBlock {padding-top: 40px; padding-bottom: 20px;}
.authBlock {margin: 100px auto; width: 100%;}
.authFormSection {width: 260px; margin: 0rem auto;}
.authFormSection img {width: 160px; height: auto;}
input {border: none; height: 34px; padding: 6px;}
input.emailSpace {border-bottom: 1px #aaa solid; outline: 0; width: 100%; max-width: 260px; margin-top: .5rem; margin-top: 2rem;}
input.emailSpace:link {border-bottom: 1px #aaa solid;}
input.emailSpace:hover {border-bottom: 2px #777 solid;}
input.emailSpace:active {border-bottom: 1px #aaa solid;}
input.emailSpace:focus {border-bottom: 2px #777 solid;}
input.loginSubmitButton {background: rgba(0,137,183,.2); color: #000; width: 100%; max-width: 260px; margin-top: 20px; border-radius: 6px; height: 40px; border: 1px rgba(0,137,183,.6) solid;}
input.loginSubmitButton:hover {background: rgba(0,137,183,.4); color: #000;}
input.loginSubmitButton:active {background: rgba(0,137,183,.6); color: #fff;}
p.titleText.login {margin-top: 2rem;}
/* media editor styles (TODO: move to Umbraco stylesheet section as different file) */
.mediaEditorSection {margin: 8rem auto; font-size: large;}
.mhiMediaEditorHeadline {color: #008b8b}
.mhiFormLabel {color: #0077b5; font-weight: bolder;}
#popupDescriptionSection {margin: 0px 12px;}
.mhiPopup {margin: 0px auto;}
.mhiPopupLabel {font-family: sans-serif; font-weight: 600; color: #0077b5;}
.mhiPopupTextbox {width: 100%;}
.mhiPopupTextarea {min-height: 80px; min-width: 100%;}
.mhiPopupPaddedLabel {padding-top: 1.0rem;}
/* members login/registration page styles */
.mhiLoginSection {padding-top: 4rem; padding-bottom: 4rem;}
.mhiLoginForm {padding: 1.4rem 0 1.4rem 1.4rem;}
.mhiLoginFormElement {width: 100%; margin: 0 auto;}
.mhi-form-error {color: brown; font-family: sans-serif; font-size: medium;}
.mhi-media-editor-access-error {color: brown; font-family: sans-serif; font-size: x-large;}
.mhi-media-editor-auth-error {color: brown; font-family: sans-serif; font-size: medium;}
.mhi-media-editor-auth-form {background-color: cornsilk; margin: 2rem auto;}
.mhi-media-editor-labels {color: #0077b5;}
.mhi-media-editor-auth-form-heading {font-family: Helvetica; font-size: medium; color: #0077b5;}
.mhi-media-editor-auth-form-username {margin: 0 1.8rem;}
.mhi-media-editor-auth-form-password {margin: 0 2rem;}
.mhi-media-editor-auth-form-button {margin: 1.2rem 0 0 10rem;}
.field-validation-error:before {font-family: FontAwesome; content: "\f06a\00a0";}
.icon {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: red; float: right;}
.box {display: block;}
#ddChannel.form-control {background-color: #d4e5ee; background-color: rgba(42,127,170,.2); border-radius: 6px; border: 1px rgba(42,127,170,.6) solid;}
#ddChannel > option {background: #ffffff;}
/* Loading GIF */
.loadingRow {margin-top: 100px; margin-bottom: 150px; text-align: center; font-size: 1.4rem; font-family: Assistant, Sans-serif;}
#loadingCircle {margin: 0 auto; position: relative;}
/* -- Links -- */
a {text-decoration: none; color: #007ea8;}
a:link {color: #007ea8;}
a:visited {color: #007ea8;}
a:hover {color: #007ea8; text-decoration: underline;}
a.nu-white:hover {text-decoration: none;}
a:active {color: #007ea8;}
a.edu-link {height:100%; width:100%; display:block; background-size:cover; color: #fff; text-decoration:none;}
a.edu-link:hover {}
a.link-block, .link-block {display: block; width: 100%; height: 100%; z-index: 3000; position: absolute; top: 0; left: 0;}
a.if-link > ul {padding-left:15px; padding-top:30px;}
a.if-link {height:100%; width:100%; display:block; background-size:cover; text-decoration:none; background-size: 0% 100%; background-image: linear-gradient(-120deg, rgba(0,0,2,0), rgba(0,0,2,0.5)); background-repeat: no-repeat; transition: all 0.2s linear; color: #fff;}
a.if-link:hover {background-size: 100% 100%; color: #fff; transition: all 0.2s cubic-bezier(0.000, 0.000, 0.230, 1);}
a.edu-link:hover .overlay {height: 100%;}
a.mainButton:hover {text-decoration:none; cursor: pointer;}
a.mainButton.golden:hover {background: #dc7700; border:1px #C79200 solid; color: #ffffff;}
a.mainButton.blue-78:hover {background: #0099cc; border:1px #7fbed3 solid; color: #ffffff;}
a.mainButton.blue-lt:hover {background: #00beed; border: 1px #7fbed3 solid; color: #ffffff;}
a.mainButton.blue-div:hover {background:#00ABD5; border: 1px #7fbed3 solid; color: #ffffff;}
a.golden {background:#dc9400; border:1px #C79200 solid; color: #ffffff;}
a.blue-78 {background:#007ea8; border: 1px #7fbed3 solid; color: #ffffff;}
a.blue-lt {background:#00ABD5; border: 1px #7fbed3 solid; color: #ffffff;}
a.blue-div {background:#006497; border: 1px #007ea8 solid; color: #ffffff;}
a.investItem:hover {text-decoration:none;}
.mediaCenterLink a {background: #d4e5ee; background: rgba(42,127,170,.2);}
/* -- COLORS - override link colors -- */
a.intro {color: #7FCCE5; font-weight: bold;}
.cmTitle > a {color: #ffffff; text-decoration: none;}
.blue, a.blue, strong a, a strong, .divStrong, .cmTitle > a.blue {color: #007ea8;}
.white, a.white {color: #ffffff;}
.black, a.black, .cmTitle > a.black, .footerBold {color: #333333;}
.aqua, a.aqua {color: rgb(0,139,205);}
.green, a.green {color: rgb(137,168,51);}
.teal, a.teal {color: rgb(49,152,149);}
.orange, a.orange {color: rgb(223,142,33);}
.bottomLink a, .bottomLinkItem a, .showAllButton, .showAllButton > a {color: #555555;}
/* -- :.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:. -- */
/* -- MEDIA QUERIES -- */
/* -- ++++++++++++++ -- */
@media (max-width:575.98px) {
.splitSection {display: flex; flex: wrap; flex-direction: column;}
.mainItem.left, .mainItem.right {flex: 1 0 auto;}
.mainItem.leftHalf, .mainItem.rightHalf {flex: 1 0 50%;}
.mainItem.rightHalf, .mainItem.right {padding: 0;}
.gridFlex {display: block;}
.education-section {padding: 2rem 0;}
.fa-talk > p {padding: .4rem 1.4rem;}
.cmBlock {padding: 2rem 1.2rem;}
/* -- People blocks -- */
a.peopleItem, button.peopleItem {padding: 1rem 1.4rem; margin: .4rem 0; width: 100%;}
.peopleDeptBackground {margin-bottom: .8rem;}
.peopleTextSmall, .peopleTextLarge {text-transform: uppercase; color: #ffffff; text-decoration: none;}
.peopleTextSmall {font-weight: 300; font-size: .95rem; line-height: 1.3rem;}
.peopleTextLarge {font-weight: 500; font-size: 1.4rem; line-height: 1.8rem;}
}
/* -- ++++++++++++++ -- */
@media (min-width:576px) {
.splitSection {display: flex; flex: wrap; flex-direction: row;}
.mainItem.left {flex: 1 0 66%;}
.mainItem.right {flex: 1 0 33%; padding: 1rem;}
.mainItem.leftHalf, .mainItem.rightHalf {flex: 1 0 50%;}
.education-section {padding: 2rem;}
.cmBlock {padding:3rem;}
/* -- People blocks -- */
.peopleDeptBackground {margin-bottom: .6rem; padding: 0; margin: .4rem;}
.peopleNameBox {text-align: left; flex: 1 0 auto; position: absolute; display: block; bottom: 1.4rem; color: #ffffff; text-shadow: #555555 0.1rem 0.1rem 0.2rem;}
a.peopleItem, button.peopleItem {padding: 1rem 1.3rem; margin: 0; width: 100%; border: 0; margin-bottom: .6rem;}
.peopleSidebar a.peopleItem, .peopleSidebar button.peopleItem {margin-bottom: .6rem;}
.peopleTextSmall, .peopleTextLarge {padding-bottom: .4rem; text-transform: uppercase; color: #ffffff; text-decoration: none;}
.peopleTextLarge {font-weight: 400; font-size: 1.5rem; line-height: 1.7rem;}
.peopleTextSmall {font-weight: 300; font-size: .95rem; line-height: 1.3rem;}
}
/* -- oooooooooooooooooooooooooooooooooooooo -- */
/* -- ++++++++++++++ -- */
@media (max-width:767.98px) {
#carouselBlock, #mastheadBlock, #bannerBlock, .flexContainer.educational, #bannerContainer #bannerBlock img, .bannerSection, #channelChangeBlock {max-width: 1200px;}
#headerBlock, #mainBlock, #mediaSection, .introSectionHome, #disclosureBlock.disclosureText, #playerBlock, #flexBlockWrapper, #productLinkBlock, #container, .subNavSection {max-width: 1200px;}
/* -- Flex styles -- */
.flexContainer {display: flex; flex-direction: column; flex-wrap: wrap; justify-content: justify;}
.flexItem, .flexItem.adminSwitch, .flexItemProductRow, .flexItemProductPane {flex: 1 0 auto;}
.flex-item-half {flex: 1 0 auto;}
.flexItem-50 {flex:1 0 100%;}
.flexItem-60, .flexItem-40 {flex:1 0 100%;}
.flexItem.adminSwitch {padding: 0; margin: 0;}
.flexItemProductRow {padding: 1rem 0;}
.flexItemProductPane {padding: .8rem;}
.flexItemProductPane.left {padding-right: 0;}
.flexItemProductPane.right {flex: 1 0 60%;}
form.flexContainer.adminSwitch {justify-content: center;}
/* -- New People page -- */
.flex-container-people {display:flex; flex-direction: column; flex-wrap: wrap;}
.flex-item-people.left-side {flex: 0 1 auto; margin-bottom: 3rem;}
.flex-item-people.right-side {display:block; width: 100%;}
/* -- Filter / Grid -- */
.grid {padding: .6rem 0rem 1.2rem 0rem;}
.grid.filterTable .element-item.filter {padding: 0; margin: 0; width: 100%;}
.grid.filterTable.media {padding: 0; margin: 0 0 3rem 0;}
.grid.filterTable .element-item.filter.table {padding: 1rem 0; margin: 0; width: 100%; border-bottom: 1px #c2c2c2 solid;}
.filterRow {flex-direction: column; flex-wrap: wrap; justify-content: space-between;}
.grid.filterTable .filter.element-item.table,
.grid.filterTable .filter.element-item.resolutions {border-bottom: 1px #cdcdcd solid;}
.filterRow.divider {background: #ffffff;}
.company {font-weight: 400;}
.filterRow .filter.title:before {content: "Title: "; text-transform: uppercase;}
.filterRow .filter.focus:before {content: "Focus: "; text-transform: uppercase;}
.filterRow .filter.product:before {content: "Product: "; text-transform: uppercase;}
.filterRow .filter.type:before {content: "Type: "; text-transform: uppercase;}
.filterRow .filter.topic:before {content: "Topic: "; text-transform: uppercase;}
.filter.smaTitle:before {content: "Focus: ";}
.filter.focus:before {content: "Focus: ";}
.filter.inception:before {content: "Composite Inception: ";}
.filter.product:before {content: "Product: ";}
.filter.esgStatus:before {content: "ESG Managed: ";}
.filter.ticker:before {content: "Platform / Ticker: ";}
.company:before {content: "Company: ";}
.sector:before {content: "Sector: ";}
.initiative:before {content: "Initiative: ";}
.outcome:before {content: "Outcome: ";}
.year:before {content: "Year: ";}
.type:before {content: "Type: ";}
.topic:before {content: "Topic: ";}
.resolution:before {content: "Resolution: ";}
.filterRow .filter.title:before, .filterRow .filter.focus:before, .filterRow .filter.product:before, .filterRow .filter.type:before, .filterRow .filter.topic:before, .filter.smaTitle:before, .filter.focus:before, .filter.inception:before, .filter.product:before, .filter.esgStatus:before, .filter.ticker:before, .company:before, .sector:before, .initiative:before, .outcome:before, .year:before, .type:before, .topic:before, .resolution:before {font-weight: 600;}
.margins {padding-right: 1.2rem; padding-left: 1.2rem;}
.tableHeader {display: none;}
.tableSection {padding: 0 0 1.8rem 0;}
img.greenCheckIcon {width: 1.6rem; height: 1.6rem;}
.cell-1 {flex: 1 0 100%;}
.cell-2 {flex: 2 0 100%;}
.cell-5, .cell-10, .cell-15, .cell-20, .cell-25, .cell-30, .cell-35, .cell-40, .cell-45, .cell-50, .cell-55, .cell-60, .cell-65, .cell-70, .cell-75, .cell-80, .cell-85, .cell-90, .cell-95, .checkCell {flex: 1 0 100%; padding: .2rem 0; font-size: 1rem;}
.row.row-cols-lg-2 > .col-lg-6 {padding:.6rem 0;}
.row-cols-lg-3 {display: flex; justify-content: center; align-items: center;}
.edu-divider {padding-bottom:1.4rem; border-bottom:1px #0099cc solid;}
.fa-talk > p {font-size:.9rem; font-weight:400;}
.overlayText {font-size:2.2rem; top:40%; padding:1rem;}
/* -- Accordion -- */
.accordion.saResolutions {margin-top: 1.2rem;}
.accordion.filterPanel {margin-top: 1rem; margin-bottom: 1.8rem;}
.accordion.filterPanel.media {margin-top: 1rem; margin-bottom: 1.8rem; padding: 0 2rem;}
.tableFootnoteSection {margin: 1.5rem 1.3rem 2rem 1.3rem; border: 0;}
.thinSubhead.accHead {font-size: 1.3rem; font-weight: 500;}
/* -- Main -- */
form.flexContainer.adminSwitch {display: flex; flex-wrap: wrap; justify-content: center;}
/* .education-section {padding:2rem;} */
.education-block {display:block; background-size: cover; background-repeat: no-repeat; height:150px; width: 90%;} /* width:340px; */
.education-block > a.edu-link {font-weight:bold; font-size: 1.05rem; padding:1rem; text-align:right; position:relative;}
a.edu-link.sio-block {background-position: center;}
a.edu-link.esg-dna-block {background-position: left center;}
.mission-block {padding:2rem 1.4rem;}
.mission-text {font-family:'Assistant', 'Arial', Sans-serif; font-size:1.1rem; font-weight:200; line-height:1.6rem; letter-spacing:.01rem;}
.if-section {width:100%; padding:0 2rem 2rem 2rem;}
.if-section.grid {padding:2rem 3rem;}
.if-divider {border:none;}
.if-divider, .if-divider-last {margin-bottom:30px;}
li.if {font-size: .9rem; line-height: 1.1rem; margin:0; padding:0 0 4px 0;}
.detail-section {padding:1rem 2rem;}
.contact-section {margin-bottom:2rem;}
.login-to-view {background:#eee;}
#invest.flexContainer {margin:0 auto; padding:0 2rem; height:auto;}
.investItem {flex: 1 0 100%; text-align:center;}
.learn-container {justify-content: center; flex-wrap: wrap;}
.learn-block {margin: 2rem 0; padding: 0 0 20px 0;}
.inBlock {margin: .6rem .4rem;}
.inBlock > .edu-label, .edu-label {margin: 1.6rem;}
a.navbar-brand {margin-right: 1rem;}
.divideLine.margins {display: none;}
/* -- MASTHEAD CAROUSEL -- */
.halfHero {height:400px;}
.cmBlurb, .cmBlurb > a {height:140px; overflow: hidden; display:none;}
.cmEllipsis {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: pre-wrap;}
.containSmall, .contain {background-size:contain;}
.coverSmall, .cover {background-size:cover;}
.shadeLeft {background: linear-gradient(180deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.7)); width:100%; height: 100%;}
.shadeRightBottom {background: linear-gradient(120deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)); width:100%; height: 100%;}
.shadeRight {background: linear-gradient(90deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)); width:100%; height: 100%;}
.shadeTop {background: linear-gradient(175deg, rgba(0,0,2,0.5) 40%, rgba(0,0,2,0.1) 60%, rgba(0,0,0,0.4)); width:100%; height: 100%;}
.shadeBottom {background: linear-gradient(175deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.2) 70%, rgba(0,0,0,0.7)); width:100%; height: 100%;}
.shadeFull {background: linear-gradient(180deg, rgba(0,0,2,0.2), rgba(0,0,2,0.5)); width:100%; height: 100%;}
.saturate {filter: saturate(130%);}
.smWhite, a.smWhite {color:#ffffff;}
.carousel-control-next-icon, .carousel-control-prev-icon {display: none;}
.carousel-control-prev {left: 0;}
.carousel-control-next {right: 0;}
/* -- Media Section -- */
.mediaItem {min-height: 300px; height: 300px; width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; margin: .6rem 0;}
.mediaItem .mediaImage {flex: 1 0 auto; width: 100%; padding: 1rem 1.3rem;}
.mediaImageText > .mediaImageTextSmall {font-weight: 400; font-size: 1.05rem; line-height: 1.3rem; padding: .4rem 0rem;}
.mediaImageText > .mediaImageTextLarge {font-weight: 300; font-size: 1.9rem; line-height: 2.1rem; padding: .5rem 0rem;}
.mediaImageTextLarge.hideForWide, .mediaImageTextSmall.hideForWide {display: block;}
.mediaItem .mediaBlurb {display: none;}
/* -- Tabs -- */
ul.nav.nav-pills.mb-3#pills-tab {padding-left: 2px;}
/* Buttons */
.button-group.filters-button-group {display: flex; flex-direction: column; flex-wrap: wrap; justify-content: left;}
.button-group.filters-button-group .selectItem {display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center;}
.option-set.clearfix.form-control.filterfields {flex: 1 0 auto; width: 100%; margin-bottom: 10px;}
/* -- For Isotope filter function -- */
button.filterBy.btn.btn-link.dropdown-toggle {font-size: .9rem; border-radius: 6px; text-align: center; background: #d4e5ee; background: rgba(42,127,170,.2); text-transform: uppercase; color: #333333; height: 2rem; text-decoration: none;}
button.filterBy.btn.btn-link.dropdown-toggle:after {content: "";}
.focusButton {margin:6px 0; font-size:1.3rem; padding:12px 20px; font-weight:600;}
/* -- Links -- */
a.if-link {height:220px; width:280px; padding:1rem;}
}
/* -- ++++++++++++++ -- */
@media (min-width:768px) {
#carouselBlock, #mastheadBlock, #bannerBlock, .flexContainer.educational, #bannerContainer #bannerBlock img, .bannerSection, #channelChangeBlock {max-width: 1400px;}
#headerBlock, #mainBlock, #mediaSection, .introSectionHome, #disclosureBlock.disclosureText, #playerBlock, #flexBlockWrapper, #productLinkBlock, #container, .subNavSection {max-width: 1400px;}
/* -- Flex styles -- */
form.flexContainer.adminSwitch, .education-section > .row, #invest.flexContainer, .carouselSection {max-width: 1400px;}
form.flexContainer.adminSwitch {justify-content: center; width: 100%;}
.flexContainer {display: flex; flex-direction: row; flex-wrap: nowrap;}
.flexItem, .flexItem.adminSwitch, .flexItemProductRow, .flexItemProductPane {flex: 1 0 auto;}
.flexItem.adminSwitch {padding: 0 .4rem; margin: 0;}
.flexItemProductRow {padding: 1rem 0;}
.flexItemProductPane {padding: .8rem;}
.flexItemProductPane.left {padding-right: 3rem;}
.flexItemProductPane.right {padding-right: 0;}
.flex-item-half {flex: 0 1 50%;}
.flexItem-40, .flexItemProductPane.left {flex:1 0 40%;}
.flexItem-50 {flex:1 0 50%;}
.flexItem-60, .flexItemProductPane.right {flex:1 0 60%;}
.flexItemInvest {flex: 0 1 auto;}
/* -- New People page -- */
.flex-container-people {display: flex;}
.flex-item-people.left-side {width:300px; padding-right:2rem;}
.flex-item-people.right-side {display: block; width:90%;}
/* -- Table Filter -- */
.grid {padding: 0; margin: 0 2rem 3rem 2rem}
.grid.filterTable {padding: 0; margin: 0;}
.grid.filterTable.media {padding: 0; margin: 0 2rem 3rem 2rem;}
.grid.filterTable .filter.element-item.table {margin-bottom: .1rem;}
.grid.filterTable .filter.element-item.resolutions {padding: .4rem 0; width: 100%; border-bottom: 1px #cdcdcd solid;}
.tableHeader {font-weight: 500; display: flex;}
.tableSection {padding: 0 0 2rem 0;}
.filterRow {flex-direction: row; flex-wrap: wrap; justify-content: center; border-bottom: 1px #bdbdbd solid; padding: .2rem 0;}
.filterRow.table {padding: 0;}
img.greenCheckIcon {width: 1rem; height: 1rem;}
.checkCell {flex: 1 0 auto; width: 2%;}
.cell-1 {flex: 1 0 auto;}
.cell-2 {flex: 2 0 auto;}
.cell-5 {flex: 1 0 5%;}
.cell-10 {flex: 1 0 10%;}
.cell-15 {flex: 1 0 15%;}
.cell-20 {flex: 1 0 20%;}
.cell-25 {flex: 1 0 25%;}
.cell-30 {flex: 1 0 30%;}
.cell-35 {flex: 1 0 35%;}
.cell-40 {flex: 1 0 40%;}
.cell-45 {flex: 1 0 45%;}
.cell-50 {flex: 1 0 50%;}
.cell-55 {flex: 1 0 55%;}
.cell-60 {flex: 1 0 60%;}
.cell-65 {flex: 1 0 65%;}
.cell-70 {flex: 1 0 70%;}
.cell-75 {flex: 1 0 75%;}
.cell-80 {flex: 1 0 80%;}
.cell-85 {flex: 1 0 85%;}
.cell-90 {flex: 1 0 90%;}
.cell-95 {flex: 1 0 95%;}
.company {font-weight: normal;}
.filterRow.divider {background: #eeeeee; padding-left: 1rem;}
.tableFootnoteSection {padding: 0; margin: 2rem .5rem 2rem .5rem; border: 0;}
.row.row-cols-lg-2 > .col-lg-6 {padding:.6rem;}
.row-cols-lg-3 {display:flex; justify-content:center; align-items:center; padding:0 2rem;}
/* -- Main -- */
.education-section {padding:2rem;}
.education-block {display:block; background-size: cover; background-repeat: no-repeat; height:150px; width:320px;}
.education-block > a.edu-link {font-weight:bold; font-size: 1.05rem; padding:1rem; text-align: right; position: relative;}
a.edu-link.sio-block {background-position: center;}
a.edu-link.esg-dna-block {background-position: left center;}
.mission-block {padding: 0 1rem 1rem 1rem;}
.mission-text {font-family:'Assistant', 'Arial', Sans-serif; font-size:1.1rem; font-weight:200; line-height:1.6rem; letter-spacing:.01rem;}
.login-to-view {background:#eee;}
.if-section {max-width: 1400px; margin: 3rem auto 0 auto; padding:0 auto;}
.if-section > .row {max-width: 1400px;}
.if-section.grid {max-width: 1200px; /* min-width: 900px; */}
.if-divider {border-right:1px #aaa solid;}
.if-divider, .if-divider-last {margin-bottom:20px;}
li.if {font-size: .9rem; line-height:1.1rem; margin:0; padding:0 0 4px 0;}
.edu-divider {border-right:1px #0099cc solid;}
.detail-section {padding:4rem 3rem 2rem 3rem; max-width: 1200px; margin:0 auto; padding:0 auto;}
.detail-text, .detail-text > ul > li, .detail-text > p {font-family: 'Aesistant', 'Hind Madurai', sans-serif; font-weight:400;} /* font-size: 1.05rem; line-height: 26px; color: #333333; */
.detail-text p:nth-child(1) {padding-top: 0;}
.contact-section {margin-bottom:2rem;}
.fa-talk > p {font-size:.9rem; font-weight:400; padding-left:1.8rem;}
.overlayText {font-size:2.2rem; top:40%; padding:1rem;}
#invest.flexContainer {margin:0 auto; padding:1rem 2rem 0 2rem; justify-content: flex-end;}
.investItem {flex: 1 0 25%;}
.learn-container {justify-content: space-evenly; flex-wrap: nowrap;}
.learn-block {margin: 2rem 0; padding: 0 0 16px 0;}
.inBlock {margin: .5rem .8rem;}
.inBlock > .edu-label, .edu-label {margin: 1.2rem;}
a.navbar-brand {margin-right: 2rem;}
/* -- MASTHEAD CAROUSEL -- */
.halfHero {height:744px;}
.cmBlock {padding:6rem 5rem 4rem 5rem;}
.cmTitle, .cmTitle > a {font-size:3.6rem; line-height:4rem; font-weight:600;}
.cmBlurb, .cmBlurb > a {font-size:1.2rem; line-height:1.8rem; font-weight:300; margin-top:2rem; max-width:600px;}
.shadeLeft {background: linear-gradient(-140deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.4) 75%); width:100%; height: 100%;}
.shadeRightBottom {background: linear-gradient(120deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)); width:100%; height: 100%;}
.shadeRight {background: linear-gradient(90deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)); width:100%; height: 100%;}
.shadeTop {background: linear-gradient(180deg, rgba(0,0,2,0.5) 30%, rgba(0,0,2,0) 70%, rgba(0,0,0,0.4)); width:100%; height: 100%;}
.shadeBottom {background: linear-gradient(175deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.2) 70%, rgba(0,0,0,0.7)); width:100%; height: 100%;}
.shadeFull {background: linear-gradient(180deg, rgba(0,0,2,0.3), rgba(0,0,2,0.6)); width:100%; height: 100%;}
.containSmall, .cover {background-size: cover;}
.coverSmall, .contain {background-size: contain;}
.lgRight {justify-content: end; text-align: right;}
a.lgBlue {color:#007ea8;}
.saturate {filter: saturate(1.3);}
/* -- Carousel -- */
.carouselSection {width: 100%; margin: 1rem auto; padding: 0 auto;}
.carousel-item.mastheadSecond .carouselFrame.white {height: 300px; padding: 0px; margin: 0;}
.carousel-control-next, .carousel-control-prev, a.carousel-control-next, a.carousel-control-prev {text-align: center;}
.carousel-control-prev-icon, .carousel-control-next-icon {display: inline-block; width: 40px; height: 40px; background: transparent no-repeat center center; background-size: 100% 100%;}
/* -- Small arrows - UPDATED 12/26/2023 -- */
a.carousel-control-next, a.carousel-control-prev {width: 20px;}
.carousel-control-next-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}
.carousel-control-prev-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}
/* -- Large arrows -- */
a.carousel-control-next.cm-next, a.carousel-control-prev.cm-prev {width: 60px; height: 100%;}
.carousel-control-next-icon.cm-next{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");} /* arrow fill edited here */
.carousel-control-prev-icon.cm-prev {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");} /* arrow fill edited here */
/* -- Accordion -- */
.accordion.accPlus {padding-left: 0; padding-right: 0;}
.accordion.saResolutions {margin-top: 1rem;}
.accordion.filterPanel {margin-top: 1rem; margin-bottom: 2rem;}
.accordion.filterPanel.media {margin-top: 1rem; margin-bottom: 2rem; padding: 0 2rem;}
.thinSubhead.accHead {font-size: 1.5rem; font-weight: 400;}
.accordion.filterPanel.esgLiterature {padding-top: 1rem;}
/* -- Media Section -- */
.mediaItem {min-height: 220px; height: 220px; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: .5rem 0;} /* must have explicit height or min-height */
.mediaItem .mediaImage {flex: 1 0 auto; width: 33.3%; padding: 1rem;}
.mediaImageText > .mediaImageTextSmall {font-weight: 400; font-size: 1rem; line-height: 1.3rem; padding-bottom: .5rem;}
.mediaImageText > .mediaImageTextLarge {font-weight: 500; font-size: 1.4rem; line-height: 1.5rem; padding-bottom: .6rem;}
.mediaItem .mediaBlurb {flex: 2 0 auto; width: 66.6%; display: inline; padding: 1rem 1.6rem .1rem 1.2rem;}
.mediaImageText .mediaImageTextSmall img.mediaFormatIcon {height: 1.5rem; width: auto; padding-right: .3rem; vertical-align: bottom;}
.mediaImageTextLarge.hideForSmall, .mediaImageTextSmall.hideForSmall {display: block;}
/* -- Tab Section -- */
button#showAllButton, button#ddMediaListButtonShowAll {white-space: nowrap;}
.button-group.filters-button-group {padding-bottom: 10px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.button-group.filters-button-group .selectItem {display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start;}
.option-set.clearfix.form-control.filterfields {flex: 1 0 auto; width: 6%; margin-right: 12px;}
.ddPanel a.dropdown-item {padding: .1rem 1.3rem 0rem 1.3rem;}
/* -- Buttons -- */
.focusButton {margin: 14px; font-size: 1.3rem; padding: 14px 20px; font-weight: 300;}
/* -- For Isotope filter function - Filter Menus -- */
button.filterBy.btn.btn-link.dropdown-toggle {font-size: .9rem; border-radius: 6px; text-align: center; background: #d4e5ee; background: rgba(42,127,170,.2); text-transform: uppercase; color: #333333; height: 2rem; text-decoration: none;}
button.filterBy.btn.btn-link.dropdown-toggle:after {content: "";}
/* -- Links -- */
a.if-link {height:220px; width:260px; padding:1rem;}
}
/* -- oooooooooooooooooooooooooooooooooooooo -- */
/* -- ++++++++++++++ -- */
@media (max-width:991.98px) {
#productLinkBlock, #titleBlock {max-width: 1400px;}
/* -- Flex -- */
.flexThis {display: flex; flex-direction: column; flex-wrap: wrap; justify-content: justify;}
#flexBlockWrapper {flex-direction: column; flex-wrap: wrap;}
/* -- Icons -- */
.iconFont:before {margin-right: 8px;}
.audio.iconFont {padding-bottom: .2rem;}
/* -- Header -- */
#mastheadContainer.bg {width: 100%; padding: 0; height: 300px; background-size: cover; background-repeat: no-repeat; overflow: hidden;}
#mastheadContainer.bg.mountains {background-position: right 0% bottom 0%;}
#mastheadContainer.bg.mountains.left {background-position: left 0% bottom 0%;}
#mastheadContainer.bg.dividendsMasthead {background-position: right 0% bottom 0%;}
#mastheadContainer.bg.esgMasthead {background-position: left 0% bottom 0%;}
#mastheadContainer.bg.hie {height: 300px; background-image: url('/media/images/hie_masthead_2018.jpg'); background-size: cover; background-repeat: no-repeat; background-position: left 0% bottom 0%; overflow: hidden;}
#mastheadContainer.bg.mediaMasthead {background-position: left 0% bottom 0%;}
.mastheadSection {height: 300px; display: flex; align-items: center; padding-left: 2rem;}
.mastheadSection.home {height: auto; flex-direction: column;}
.mastheadSection.mountains {padding-top: 4rem; align-items: flex-start;}
.mastheadItem.left {width: 100%; padding: 0; height: 300px;}
.mastheadItem.right {width: 100%; padding: 0;}
.mastheadTextLarge {font-size: 2.3rem; line-height: 2.5rem; font-weight: 400;}
.mastheadTextSmall {font-size: 1.4rem; line-height: 1.5rem; font-weight: 300;}
.mastheadBrandedHeader .mastheadLogo img.esgLogo {width: 120px; height: auto; padding-right: 1rem;}
.mastheadBrandedHeader .mastheadTextLarge.mastheadTitle {flex: 2 0 auto; padding: 0; margin: 0; padding-top: .4rem;}
#headerBlock, .headerSection {/* height: 56px; */}
.headerSection {width: 100%; margin: 0rem;}
.brandedHeader {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; width: 100%;}
.brandedHeader .brandTitleLogo img.esgLogo {width: 100px; height: auto; padding-right: 1rem;}
.brandedHeader .headerTitle {flex: 2 0 auto; padding: 0; margin: 0; padding-top: .4rem;}
.sloganHome {font-size: 1.4rem; line-height: 1.8rem; font-weight: 500; padding: 2rem 1rem 0 0;}
.sloganHome.incomeOpportunity {font-size: 1.4rem; line-height: 1.8rem; font-weight: 500; padding: 0;}
/* -- ESG Nav -- */
.headerSection nav.navbar.navbar-expand-lg.navbar-light {padding: 0px; border-bottom: 1px #cdcdcd solid;}
.headerSection nav.navbar.navbar-expand-lg.navbar-light .collapse.navbar-collapse#navbarNavDropdown ul.navbar-nav {border-bottom: 1px #cdcdcd solid;}
.headerSection > nav.navbar.navbar-expand-lg.navbar-light > #navbarNavDropdown.navbar-collapse.collapse > ul.navbar-nav > li.nav-item.dropdown.show > .dropdown-menu.show {border: 0; padding: 0 0 .8rem 1rem;}
.headerSection nav.navbar.navbar-expand-lg.navbar-light button.navbar-toggler {padding: .2rem 1.8rem .2rem 0rem;}
/* -- Media -- */
#bannerContainer.home {margin-top: 64px;}
.bannerSection {display: flex; flex: wrap; flex-direction: column;}
.bannerItem.right {height: 100%; padding-top: 0;}
.mountainBannerSmall {width: 100%; overflow: hidden; height: auto;}
img.mountainBanner {width: 100%; overflow: hidden; height: 300px;}
/* -- Buckets -- */
#productLinkBlock {margin: 0 auto; padding: 0 12px;}
.productLinkItem {flex: 1 0 auto; width: 100%;}
#infrastructureNavSection, #esgNavSection {border-top: 1px #ddd solid;}
#productLinkContainer {display: none;}
/* -- Main Section -- */
body.mainNav, body.mainNav.secondNav { /* margin-top: 56px; */}
body.mainNav.switch {margin-top: 120px;}
body.mainNav.secondNav.switch {margin-top: 370px;}
p {padding: .65rem 0;}
h1.contentHeader {font-weight: 300; font-size: 1.8rem; padding: 1.4rem 0;}
h2.smallSubhead.flexGroupHeader {padding-top: 1.4rem;}
h2.thinSubhead {color: #007ea8; font-size: 1.3rem; font-weight: 400; padding: 2.2rem 0 0 0;}
h2.smallSubhead {color: #007ea8; font-size: 1rem; font-weight: 500; padding-top: .4rem;}
ul.displayBullets li {padding-bottom: .6rem; line-height: 1.5rem;}
li.bulletMain {font-size: 1rem; line-height: 1.6rem; margin-bottom: .6rem;}
.mainSection {display: flex; flex: wrap; flex-direction: column;}
.mainSection .mainItem.left {flex: 1 0 auto; border-top: 2px #dddddd solid;}
.mainSection .mainItem.right {flex: 1 0 auto; background: #ffffff;}
.mainContent {margin: 0 2rem 1rem 2rem;}
.mainContent.first {margin: 0 2rem 1rem 2rem;}
.mainContent.subNav {margin: .4rem 2rem 1rem 2rem;}
.leftSideContent {padding: 1.2rem 2rem 2rem 2rem;}
#contentSection, #sidebarSection {flex: 1 0 auto; width: 100%; padding: 0;}
#contentSection {padding: .5rem 2rem 2rem 2rem;}
#sidebarSection {padding: 0;}
#titleBlock {width: 100%; padding: 0;}
.sidebarTopTitle {display: none;}
.sidebarItem {display: flex; flex-direction: row; padding: 10px 0;}
.sidebarLinkSection {margin: 0 0 2rem 2rem;}
.introSectionHome {padding: 2rem;}
.titleSection {flex-direction: column; flex-wrap: wrap; align-items: flex-start;}
.titleSection.plain {padding: 2rem 0 2.6rem 0;}
.titleSection.media {padding: 2rem 2rem 2.6rem 2rem;}
.titleLogo {flex: 1 0 auto;}
.titleText {font-size: 2rem; line-height: 2.3rem;}
.textBlockItem {padding: 0;}
.bottomSpace {padding-bottom: 2rem;}
.captionTitle {font-size: 1.2rem; line-height: 1.6rem;}
.contactMap {margin-bottom: 1.4rem; text-align: left;}
.contactDivider {margin: 1rem 0;}
.contactBlockDivider {border-bottom: 1px #aaa solid; margin: 1rem 0;}
.bioHeader {flex-direction: column; display: table;}
.peopleSection {padding: 0 0 0 0; margin: 0;}
a.peopleItem, button.peopleItem {align-items: flex-end;}
.footnoteSection {width: 100%; border-top: 1px #cdcdcd solid; margin-top: 2rem; padding-top: 1rem;}
#disclosureBlock.disclosureText {margin: 0 6px;}
.disclosureText.bottomLinks {margin-top: 1rem; display: flex; flex-direction: row; justify-content: center; padding: 1rem 0; flex-direction: column; flex-wrap: wrap;}
.disclosureText.bottomLinks .bottomLinkItem {flex: 1 0 auto;}
.focusExplore {font-size:1.1rem; text-align: center;}
img.esgFlower {width: 90px; height: auto;}
/* -- Carousel -- */
#featureContainer.home {width: 100%; margin-bottom: 2rem;}
.carouselFrame .featureItem, .carouselFrame a.featureItem {margin-bottom: .8rem;}
.carouselSection {width: 100%; margin: 0 auto; padding: 0 auto;}
.carouselFrame {flex-direction: column; flex-wrap: wrap;}
.carousel-item.mastheadSecond .carouselFrame.white {height: 300px; padding: 0px; margin: 0;}
.featureItem, a.featureItem {width: 100%; height: 260px; padding: 1rem 1.3rem; color: #ffffff; text-decoration: none;}
.featureSidebar, .peopleSidebar {padding: 0;}
.featureSidebar .featureItem, .featureSidebar a.featureItem {margin-bottom: .6rem;}
.featureTextSmall {font-weight: 400; font-size: .95rem; line-height: 1.3rem; padding-bottom: .5rem;}
.featureTextLarge {font-weight: 300; font-size: 1.7rem; line-height: 2rem; padding-bottom: .6rem;}
/* -- Media Section -- */
#titleBlock .titleSectionPosts {font-family: 'Assistant', sans-serif; font-weight: 300; font-size: 1.7rem; color: #333333; line-height: 2rem; item-align: center;}
.mediaTitles {font-size: 1.1rem; line-height: 1.8rem; margin: 2rem 0 0 0;}
.mediaTitleLarge {font-size: 1.8rem; line-height: 2rem; padding-bottom: 1rem; font-weight: 400;}
.mediaCenterLink {padding: 1rem;}
.audio.mastheadTextLarge, .audio.mastheadTextSmall {padding-bottom: .6rem;}
.waveformAudio {padding: 20px 0;}
/* -- Philosophy - Retired -- */
.flexContainer.bubbles {align-items: center; flex-wrap: wrap; margin: 1rem 0;}
.philosophyBubble {border: 1px #aaa solid; background: #eeeeee; border-radius: 50%; width: 150px; height: 150px; display: flex; align-items: center;}
.philosophyBubble.last {width: 200px; height: 200px;}
.plusMinusSection {width: auto; height: 100%;}
.plusMinusText {text-align: center; font-weight: bold; font-size: 6rem; color: #999999; height: 100%;}
/* -- Hides, Shows content for small view - Media Center -- */
.hideForSmall {display: none;}
.hideForWide {display: inline-block;}
/* -- Links -- */
.titleText > a, a.blogTitle {font-size: 1.4rem; line-height: 1.7rem;}
}
/* -- ++++++++++++++ -- */
@media (min-width:992px) {
.heroScreamer, #secondNavBlock, #productLinkBlock, #titleBlock, .carouselSection, .mediaTitles, #invest.flexContainer {max-width: 1400px;}
/* -- Flex -- */
.flexThis {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: justify;}
/* -- Icons -- */
.iconFont:before {margin-right: 8px;}
.audio.iconFont {padding-bottom: .1rem;}
/* -- Header -- */
#headerContainer {background: #ffffff;}
#headerBlock {/* height: 112px; */}
.headerSection {/* padding: .4rem 1rem 0 1rem; */ width: 100%;}
.headerSection.people {padding: 1rem 0rem 0rem 0rem;}
/* -- MASTHEAD CAROUSEL -- */
.heroScreamer {margin:0 auto; padding:0 1rem;}
.cmTitle, .cmTitle > a {font-size:3.6rem; line-height:4rem; font-weight:600;}
.cmBlurb, .cmBlurb > a {font-size:1.2rem; line-height:1.8rem; font-weight:300; margin-top:2rem; max-width:600px;}
.cmEllipsis {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; white-space: pre-wrap;}
/* -- MASTHEAD -- */
#mastheadContainer.bg.mountains {background-position: right 0% bottom 50%;}
#mastheadContainer.bg.mountains.left {background-position: left 0% bottom 50%;}
#mastheadContainer.bg.dividendsMasthead {background-position: right 0% top 0%;}
#mastheadContainer.bg.esgMasthead {background-position: left 0% top 0%;}
#mastheadContainer.bg.hie {background-image: url('/media/images/hie_masthead_2018.jpg'); background-size: cover; background-repeat: no-repeat; overflow: hidden; background-position: left 0% bottom 50%;}
#mastheadContainer.bg {width: 100%; height: 300px; background-size: cover; background-repeat: no-repeat; overflow: hidden;}
.mastheadSection {height: 300px; padding-left: 2rem;}
.mastheadSection.home {display: flex; flex-direction: row;}
.mastheadSection.mountains {align-items: flex-start; padding-top: 4rem;}
.mastheadItem {height: 300px;}
.mastheadItem.left {flex: 2 0 66%; height: 100%; background-image: none; padding-top: 2rem;}
.mastheadItem.right {flex: 1 0 33%; height: 100%; background-image: none; padding-top: 2rem;}
.mastheadTextLarge {font-size: 2.6rem; line-height: 2.8rem; align-items: center; font-weight: 300;}
.mastheadTextSmall {font-size: 1.6rem; line-height: 2rem; align-items: center; font-weight: 300;}
.mastheadBrandedHeader .mastheadLogo img.esgLogo {width: 100px; height: auto; padding-right: 1rem;}
.mastheadBrandedHeader .mastheadTextLarge.mastheadTitle {flex: 2 0 auto; padding: 0; margin: 0; padding-top: 1rem;}
.brandedHeader {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; width: 100%;}
.brandedHeader .mastheadLogo img.esgLogo {width: 100px; height: auto; padding-right: 1rem;}
.brandedHeader .mastheadTitle {flex: 2 0 auto; padding: 0; margin: 0; padding-top: .4rem;}
/* -- Media Player -- */
.bannerSection {display: flex; flex: wrap; flex-direction: row; margin-top: 2rem;}
.bannerSection.home {height: 300px; margin-top: 0;}
.bannerItem {height: 300px;}
.bannerItem.left, .bannerItem.right {height: 100%; background-image: none;}
.bannerItem.left {flex: 2 0 66%;}
.bannerItem.right {flex: 1 0 33%;}
.sloganHome {font-size: 1.8rem; line-height: 2.4rem; font-weight: 300; padding-right: 2rem;}
.sloganHome.incomeOpportunity {font-size: 1.8rem; line-height: 2.4rem; font-weight: 300;}
.audio.mastheadTextLarge, .audio.mastheadTextSmall {padding-bottom: .2rem;}
/* -- Buckets Nav -- */
#productLinkBlock {margin: 0 auto; padding: 0 auto;}
.productLinkItem {flex: 1 0 auto; width: 33.3%;}
.productLinkItem.productLinkNav {padding: .5em 0; font-size: 1.2rem;}
#esgNavSection, #infrastructureNavSection {border-left: 1px #ddd solid;}
/* -- Main Section -- */
#flexBlockWrapper {flex-direction: row; flex-wrap: no-wrap;}
#mainBlock .mainSection .mainItem .mediaItem {min-height: 220px; height: 220px; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: .5rem 0;}
#titleBlock {width: 100%; padding: 0;}
#contentSection {flex: 1 0 66.66%; padding: .5rem 2rem 2rem 2rem;}
#sidebarSection {flex: 1 0 33.33%; border-left: 1px #c2c2c2 solid; padding: 1rem;}
p {padding: .7rem 0;}
h1.contentHeader {font-weight: 300; font-size: 1.8rem; padding: 1.4rem 0;}
h2.thinSubhead {color: #007ea8; font-size: 1.3rem; font-weight: 400; padding: 2.2rem 0 0 0;}
h2.smallSubhead {color: #007ea8; font-size: 1rem; font-weight: 500; padding-top: .4rem;}
h2.smallSubhead.flexGroupHeader {padding-top: 1.4rem;}
ul.displayBullets li {padding-bottom: .4rem; line-height: 1.5rem;}
li.bulletMain {font-size: .95rem; line-height: 1.6rem; margin-bottom: .4rem;}
.mainSection {display: flex; flex: wrap; flex-direction: row;}
.mainSection .mainItem.left {flex: 1 0 66.66%; background: #ffffff;}
.mainSection .mainItem.right {flex: 1 0 33.33%; background: #ffffff;}
.mainContent {margin: 0 2rem 4rem 2.2rem;}
.mainContent.first {margin: 0 2rem 3rem 2.2rem;}
.leftSideContent {padding: 1.1rem 2rem 2rem 2rem;}
.sidebarTopTitle {padding: 1rem 0; line-height: 1rem;}
.sidebarItem {padding: 7px 0px 7px 16px; display: flex; flex-direction: column; flex-wrap: wrap;}
.introSectionHome {padding: 2rem 2.5rem;}
.titleSection {flex-direction: row; flex-wrap: nowrap; align-items: center;}
.titleSection.plain {padding: 2rem 0 2.6rem 0;}
.titleSection.media {padding: 2rem 2rem 2.6rem 2rem;}
.titleLogo {flex: 1 0 10%;}
.titleText {font-size: 2.1rem; line-height: 2.4rem;}
.textBlockItem {padding: 0 2.8rem 0 0; flex: 1 0 24%;}
img.esgFlower {width: 90px; height: auto; padding-right: 1rem;}
.captionTitle {font-size: 1.2rem; line-height: 1.6rem;}
.footnoteSection {width: 100%; border-top: 1px #cdcdcd solid; margin-top: 3rem; padding-top: 1rem;}
.contactMap {margin-bottom: 1.4rem; text-align: left;}
.contactDivider {border-bottom: 1px #fff solid; margin: 1rem 0;}
.contactBlockDivider {border-bottom: 0;}
.focusExplore {font-size:1.1rem; text-align: center;}
#esgIntro {padding-top:1.4rem;}
/* -- Tab Section -- */
.bioHeader {flex-direction: row; display: table;}
/* -- Feature blocks -- */
.featureSidebar, .peopleSidebar {padding: 0;}
.featureSidebar .featureItem, .featureSidebar a.featureItem {margin-bottom: .6rem;}
.featureItem, a.featureItem {width: 100%; height: 220px; padding: 1rem 1.1rem; color: #ffffff; text-decoration: none;}
.carouselFrame .featureItem, .carouselFrame a.featureItem {margin: 0 .4rem;}
.featureTextSmall {font-weight: 400; font-size: .95rem; line-height: 1.3rem; padding-bottom: .4rem;}
.featureTextLarge {font-weight: 300; font-size: 1.5rem; line-height: 1.7rem; padding-bottom: .4rem;}
/* -- People -- */
.peopleSection {padding: 1.4rem; margin: 0;}
a.peopleItem, button.peopleItem {align-items: center;}
/* -- Carousel -- */
.carouselSection {width: 100%; margin: 1rem auto; padding: 0 auto;}
.carousel-item.mastheadSecond .carouselFrame.white {height: 300px; padding: 0px; margin: 0;}
/* -- Media Section -- */
.mediaTitles {font-size: 1.1rem; line-height: 1.8rem; margin: 2rem 0 0 0;}
.mediaTitleLarge {font-size: 1.8rem; line-height: 1.9rem; padding-bottom: .6rem; font-weight: 300;}
.mediaCenterLink {padding: 1rem 0;}
#playerContainer {max-height: 526px;}
video.playerSection {max-height: 524px;}
.waveformAudio {padding: 30px 0;}
#titleBlock .titleSectionPosts {font-family: 'Assistant', sans-serif; font-weight: 200; font-size: 2.1rem; color: #333333; padding: 2rem 0rem 2.2rem 0rem; line-height: 2.4rem;}
/* -- Buttons -- */
#invest.flexContainer {margin:0 auto; padding:1rem 2rem 0 2rem;}
.carouselFrame {flex-direction: row; flex-wrap: nowrap; padding: 0 1.8rem;}
.hideForSmall {display: inline-block;}
.readButtonBlock {padding: 1rem 0;}
a.readButton {display: inline-block; border: 1px #078cb6 solid; border-radius: 6px; background: #fff; text-align: center; padding: .6rem 1rem .4rem 1rem; text-decoration: none; font-weight: 400; font-size: 1.1rem; line-height: 1.1rem;}
/* -- Philosophy - retired -- */
.flexContainer.bubbles {align-items: center; flex-wrap: wrap; margin: .4rem 0;}
.flexItem.bubbles {margin: 0; padding: .2rem;}
.philosophyBubble {border: 1px #aaa solid; background: #eeeeee; border-radius: 50%; width: 150px; height: 150px; display: flex; align-items: center;}
.philosophyBubble.last {width: 200px; height: 200px;}
.plusMinusSection {width: auto; height: 100%;}
.plusMinusText {text-align: center; font-weight: bold; font-size: 6rem; color: #999999; padding: 0 .2rem; height: 100%;}
/* -- Footer -- */
#disclosureBlock.disclosureText {margin: 0 auto;}
.disclosureText.bottomLinks {margin-top: 1rem; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; padding: 1rem 0;}
.disclosureText.bottomLinks .bottomLinkItem {flex: 1 0 auto; text-align: center;}
/* -- Hides, Shows content for wide view - Media Center -- */
.hideForSmall {display: inline-block;}
.hideForWide {display: none;}
/* -- Links -- */
.titleText > a, a.blogTitle {font-size: 1.5rem; line-height: 1.6rem;}
}
/* -- oooooooooooooooooooooooooooooooooooooo -- */
/* -- ++++++++++++++ -- */
@media (max-width:1199.98px) {
.flexContainer-25 {display:flex; flex-direction: column; flex-wrap: wrap;}
.flexItem-25 {flex: 1 0 100%; height:50%; display:block;}
.flexItem-50 {height:100%; width:100%; display:block;}
.coverLarge {background-size: cover;}
.containLarge {background-size: cover;}
img.mhiBrand {width: 165px; height: auto; padding: .4rem 1rem .4rem 1.2rem;}
body.mainNav {margin-top: 56px;}
/* -- Nav -- */
.navbar-light .navbar-toggler {color: rgba(0,0,0,.5); border: 0px; border-color: rgba(0,0,0,.0);}
.navSection .container {display: block;}
.headerSection nav.navbar.navbar-expand-xl.navbar-light {padding: 0px;}
.headerSection nav.navbar.navbar-expand-xl.navbar-light .collapse.navbar-collapse#navbarNavDropdown ul.navbar-nav {}
.headerSection > nav.navbar.navbar-expand-xl.navbar-light > #navbarNavDropdown.navbar-collapse.collapse > ul.navbar-nav > li.nav-item.dropdown.show > .dropdown-menu.show {border: 0; padding: 0 0 .8rem 1rem;}
.headerSection nav.navbar.navbar-expand-xl.navbar-light button.navbar-toggler {padding: .2rem 1.8rem .2rem 0rem;}
ul.dropdown-menu.dropdown-menu-left.show {background: #fff; width: 100%;}
ul.navbar-nav li.nav-item.dropdown .dropdown-menu.ddPanel {background-color: rgba(220,220,220,.3);}
ul.navbar-nav li.nav-item a.nav-link {font-size: 1rem; text-transform: uppercase; color: #333333; border-top: 1px #cdcdcd solid; border-bottom: 0; background: rgba(220,220,220,0.3); padding: .6rem 1rem .6rem 1.8rem;}
ul.navbar-nav {background-color: #ffffff; box-shadow: 0rem .25rem .3rem .125rem rgba(0,0,0,.14);}
li.nav-item a.navSublink {font-size: .85rem; color: #333333; padding-left: 1.5rem; text-decoration: none;}
a.dropdown-item {padding: 0 0 0 .8rem; margin: 0; border: 0; text-decoration: none;}
.dropdown-menu.ddPanel.show {border: 0; background: transparent; margin-top: 0;}
.dropdown-menu.dropdown-menu-right a.dropdown-item {background: transparent;}
.dropdown-menu {padding-left: 10px;}
.dropdown-menu a.dropdown-item {color: #333333;}
.dropdown.clearfix {width: 100%; padding: 0; margin: 0;}
.dropdown-menu-right {right: 0; left: auto;}
.dropdown-menu.ddPanel a:hover {background: transparent; color: #007ea8;}
#secondNavContainer {width: 100%; padding: 0 auto; position: fixed; background: #ffffff; z-index: 999;}
#secondNavBlock {width: 100%; margin: 0 auto; padding: 0 auto; background: #ffffff;}
.secondNavSection {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: justify; align-items: center; background: #ffffff;}
a.secondNavItem {width: 100%; flex: 1 0 auto; text-align: center; padding: .4rem 0; border-bottom: 1px #cdcdcd solid; background: #ffffff; display: block-inline;}
.subNavItem.hideForWide {margin: 0; padding: 0; width: 100%;}
.subNavSection {padding: 1.3rem 2rem 2rem 2rem;}
.subNavSection.leftSide {padding: 0 0 2rem 0;}
.ddPanel a.dropdown-item {padding: .1rem 1.3rem 0rem .8rem;}
.col-lg-4 > .selectItem {max-width:200px;}
/* -- Overwrite forms.scss for tighter channel change button -- */
.form-control {width: auto;}
#mhiChannelCodeList > .col-lg-4 {width: auto;}
/* -- Buttons -- */
button#selectInvestment, button.blueButton {margin-top: 0;}
button.navbar-toggler {padding: .8rem;}
/* -- Social Media -- */
#socialMediaFooter {position: fixed; bottom: 0; height: 2.5rem; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap;}
.socialMediaHeaderLink, img.socialMediaIconTop {display: none;}
.socialMediaLink {flex: 1 0 auto; text-align: center;}
.socialMediaLink img {width: auto; margin-top: 10px; height: 20px;}
.socialMediaLink.share {text-transform: uppercase; background: #cdcdcd; color: #333333; font-size: 1rem; padding-top: .6rem;}
.socialMediaLink.twitter {background: #1da1f2;}
.socialMediaLink.linkedin {background: #0077b5;}
.socialMediaLink.itunes {background: #000000;}
/* -- Hides, Shows content for small view - Media Center -- */
.esg-hideForSmall {display: none;}
.esg-hideForWide {display: inline-block;}
a.esg-nav.dropdown-item {font-size: .9rem; list-style: none;}
}
/* -- ++++++++++++++ -- */
@media (min-width:1200px) {
#headerBlock, #carouselBlock, #mastheadBlock, #bannerBlock, .flexContainer.educational, #bannerContainer #bannerBlock img, .bannerSection, #channelChangeBlock {max-width: 1400px;}
#mainBlock, #mediaSection, .introSectionHome, #disclosureBlock.disclosureText, #playerBlock, #flexBlockWrapper, #productLinkBlock, #container, .subNavSection {max-width: 1400px;}
.flexContainer-25 {display:flex; flex-direction: row; flex-wrap: nowrap; max-width: 1400px;}
.flexItem-25 {flex: 1 0 50%; height:100%; display:block;}
.flexItem-50 {height:100%; display:block;}
.coverLarge {background-size: cover;}
.containLarge {background-size: contain;}
#invest.flexContainer {margin:0 auto; padding:1rem 5rem 0 5rem; max-width: 1400px;}
.introSectionHome {padding:2rem 5rem 5rem 5rem;}
img.mhiBrand {width:150px; height:auto; padding:.4rem 0;}
body.mainNav {margin-top: 62px;}
body.mainNav.switch {margin-top: 170px;}
body.mainNav.secondNav {margin-top: 180px;}
body.mainNav.secondNav.switch {margin-top: 220px;}
/* -- Dropdown Menus -- */
button#selectInvestment {margin-top: 0;}
/* -- Nav -- */
nav.navbar.navbar-expand-xl.navbar-light ul li.nav-item.dropdown .dropdown-menu {box-shadow: 0rem .5rem .3rem 0rem rgba(0,0,0,.14);}
ul.navbar-nav li.nav-item a.nav-link {font-size: .95rem; color: #333333; text-transform: uppercase;}
a#navbarDropdownMenuLink.nav-link.dropdown-toggle {padding-left: 0; margin-left: 0;}
.headerSection nav.navbar.navbar-expand-xl.navbar-light,
.headerSection nav.navbar.navbar-expand-xl.navbar-light button.navbar-toggler {padding: 0px 1rem; background: transparent; height: 62px;}
/* .headerSection nav.navbar.navbar-expand-xl.navbar-light button.navbar-toggler {padding: 0rem 1.4rem .6rem 0rem;} */
a.dropdown-item {padding: 0 0 0 .8rem; margin: 0px; font-size: .85rem; text-decoration: none;}
li.nav-item.signInNav {display: none;}
#secondNavContainer {width: 100%; padding: 0 auto;}
#secondNavBlock {width: 100%; margin: 0 auto; padding-top: 2rem;}
.secondNavSection {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: justify; align-items: center;}
a.secondNavItem {flex: 1 0 auto; text-align: center; padding: .6rem 0; display: block-inline;}
.subNavItem {width: 100%;}
.subNavItem nav.navbar.navbar-expand-xl.navbar-light {margin: 0; padding: 0;}
.subNavItem nav.navbar.navbar-expand-xl.navbar-light ul.navbar-nav {flex: display; flex-direction: row; justify-content: space-between; width: 100%;}
.subNavItem nav.navbar.navbar-expand-xl.navbar-light ul.navbar-nav li.nav-item a.nav-link span.ddLink {text-transform: capitalize; font-size: .9rem;}
.subNavSection {padding: 1.1rem 2rem .3rem 2rem; border-bottom: 1px #aaa solid; margin-bottom: 1.4rem;}
.subNavSection.leftSide {padding: 0 0 .3rem 0; margin-bottom: 1.4rem;}
.ddLink:hover {text-decoration: underline;}
.navSection .container {display: none;}
.col-lg-4 > .selectItem {max-width:300px;}
/* -- Overwrite forms.scss for tighter channel change button -- */
.form-control {width: 100%;}
#mhiChannelCodeList > .col-lg-4 {width: 100%; display:flex; justify-content: center;}
/* -- ESG Nav -- */
nav.navbar.navbar-expand-lg.navbar-light ul li.nav-item.dropdown .dropdown-menu {box-shadow: 0rem .5rem .3rem 0rem rgba(0,0,0,.14);}
.subNavItem nav.navbar.navbar-expand-lg.navbar-light {margin: 0; padding: 0;}
.subNavItem nav.navbar.navbar-expand-lg.navbar-light ul.navbar-nav {flex: display; flex-direction: row nowrap; justify-content: space-between; width: 100%; background: #ffffff; width: 100%; margin: 0; padding: 0;}
.subNavItem nav.navbar.navbar-expand-lg.navbar-light ul.navbar-nav li.nav-item a.nav-link span.ddLink {text-transform: capitalize; font-size: .9rem;}
.headerSection nav.navbar.navbar-expand-lg.navbar-light, .headerSection nav.navbar.navbar-expand-lg.navbar-light button.navbar-toggler {padding: 0px; background: #ffffff;}
.headerSection nav.navbar.navbar-expand-lg.navbar-light button.navbar-toggler {padding: 0rem 1.4rem .6rem 0rem;}
/* -- Social Media -- */
#socialMediaFooter, .socialMediaLink {display: none;}
img.socialMediaIconTop {display: inline; height: 20px; width: auto;}
/* -- Hides, Shows content for wide view - Media Center -- */
.esg-hideForSmall {display: inline-block;}
.esg-hideForWide {display: none;}
}
/* imported from style.css into a single css file from the old production site */
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?ujqjvc');
src: url('../fonts/icomoon.eot?ujqjvc#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?ujqjvc') format('truetype'),
url('../fonts/icomoon.woff?ujqjvc') format('woff'),
url('../fonts/icomoon.svg?ujqjvc#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important; speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-article:before {content: "\e902";}
.icon-headphones-01:before {content: "\e900";}
.icon-barchart-02:before {content: "\e901";}
.icon-play_re:before {content: "\e909";}
/* -- Overwrite forms.scss for tighter channel change button -- */
select.form-control:not([size]):not([multiple]) {height: calc(1.6rem + 2px);}
.form-control {padding: .2rem .5rem; font-size: 1rem; line-height: 1.4;}