/* -- 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;
}

a {
    text-decoration: none;
    color: #007ea8;
}

hr {
    color: #c2c2c2;
    border: 1px #e4e4e4 solid;
}

svg {
    padding: 0;
    margin: 0;
    line-height: 0;
    border: 0;
}

.topSpacer {
    padding-top: 1rem;
    padding-bottom: .4rem;
}

.divideLine {
    height: 1px;
    width: 100%;
    background: #cccccc;
}

    .divideLine.margins {
        margin: .6rem 0;
    }

.uppercase {
    text-transform: uppercase;
}

.ddShadow {
    box-shadow: 5px 8px 4px rgba(0,0,0,.14);
}

.white {
    color: #ffffff;
}

.black {
    color: #333333;
}

.element-item {
    left: 0;
}

strong.semibold {
    font-weight: 600;
}

/* -- Links -- */
a:link {
    color: #007ea8;
}

a:visited {
    color: #007ea8;
}

a:hover {
    color: #007ea8;
    text-decoration: underline;
}

a:active {
    color: #007ea8;
}

/* -- Dividends COLORS -- */
.divDark {
    background: #007ea8;
}

.divLight {
    background: rgba(0,153,204,0.05);
}

.divText {
    color: #007ea8;
}

.divStrong {
    font-weight: 600;
    color: #007ea8;
}

.investButton.dividends {
    color: #555555;
}

#dividendsNavSection {
    color: #007ea8;
}

    #dividendsNavSection.productLinkItem.productLinkNav.active {
        color: #ffffff;
        background: #007ea8;
    }

    #dividendsNavSection.productLinkItem.productLinkNav:hover,
    .investButtonSet .investButton.dividends:hover {
        color: #ffffff;
        background: #007ea8;
    }

.investButtonSet a.investButton.dividends:hover {
    color: #ffffff;
    background: #007ea8;
    display: block;
    text-decoration: none;
}

/* -- ESG COLORS -- */
.esgDark {
    background: rgb(108,169,15);
}

.esgLight {
    background: rgb(108,169,15,0.05);
}

.esgText {
    color: #6ca90f;
}

.esgStrong {
    font-weight: 600;
    color: #6ca90f;
}

.investButton.esg {
    color: #555555;
}

#esgNavSection {
    color: #6ca90f;
}

    #esgNavSection.productLinkItem.productLinkNav:hover,
    #esgNavSection.productLinkItem.productLinkNav.active {
        color: #ffffff;
        background: #6ca90f;
    }

.investButtonSet .investButton.esg:hover {
    color: #ffffff;
    background: rgb(108,169,15);
}

.investButtonSet a.investButton.esg:hover {
    color: #ffffff;
    background: rgb(108,169,15);
    display: block;
    text-decoration: none;
}

/* -- Infrastructure COLORS -- */
.infraDark {
    background: rgb(0,174,169);
}

.infraLight {
    background: rgba(0,174,169,0.05);
}

.infraText {
    color: #00aea9;
}

.infraStrong {
    font-weight: 600;
    color: #00aea9;
}

.investButton.infrastructure {
    color: #555555;
}

#infrastructureNavSection {
    color: #00aea9;
}

    #infrastructureNavSection.productLinkItem.productLinkNav:hover,
    #infrastructureNavSection.productLinkItem.productLinkNav.active {
        color: #ffffff;
        background: #00aea9;
    }

.investButtonSet .investButton.infrastructure:hover {
    color: #ffffff;
    background: #00aea9;
}

.investButtonSet .investButton.infrastructure:hover {
    color: #ffffff;
    background: #00aea9;
    display: block;
    text-decoration: none;
}

/* -- General Colors -- */
.blue {
    color: rgb(0,139,205);
}

.green {
    color: rgb(137,168,51);
}

.teal {
    color: rgb(49,152,149);
}

.orange {
    color: rgb(223,142,33);
}

/* -- 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%;
        }

/* -- 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";
    }

img.smaCheck {
    width: 1rem;
    height: auto;
}

img.smaGlobes {
    height: .6rem;
    width: auto;
}

/* -- 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: 6px 6px 2px 2px rgba(0, 0, 0, .2);
        outline: 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 70%;
        margin-left: 0px;
    }

    a#tooltip:hover .tooltiptext {
        visibility: visible;
    }

/* -- Buttons -- */
.bluePill {
    padding: .3rem 1rem;
    background: rgba(42,127,170,.2);
    border-radius: 6px;
    border: 1px rgba(42,127,170,.2) solid;
}

.paLink {
    float: right;
}

/* -- Core Structure - Containers and Blocks -- */
#headerContainer {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
}

    #headerContainer.people {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 1000;
        margin-bottom: 0;
    }

#mastheadContainer, #mainContainer, #flexContainer {
    width: 100%;
}

#bannerContainer {
    width: 100%;
    overflow: hidden;
}

#carouselContainer {
    width: 100%;
    background: rgba(0,0,0,.09);
}

#headerBlock, #carouselBlock, #mastheadBlock, #bannerBlock {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 auto;
}

#headerBlock {
    background: #ffffff;
}

#headerMemberMenu {
    float: right;
}

#mainBlock {
    width: 100%;
    max-width: 1160px;
    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%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 auto;
}

#flexBlockWrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 auto;
}

/* -- Masthead -- */
.mastheadSection {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 300px;
    padding-left: 2rem;
}

.mastheadTextLarge, .mastheadTextSmall {
    font-family: 'Assistant', sans-serif;
}

#mastheadContainer #mastheadBlock img {
    width: 100%;
    height: auto;
}


/*--carousel section --*/
.carousel-inner.masthead {
    height: 300px;
    width: 100%;
}

.carousel-item.mastheadFirst {
    background-image: url(~/media/images/mhi_mountain_banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: left 0% bottom 50%;
}

.carousel-item.mastheadSecond .carouselFrame.white .campaignCarouselBlock span.or {
    font-size: 2.4rem;
    font-weight: 200;
}

.carousel-item.mastheadSecond .carouselFrame.white .campaignCarouselBlock span.distraction {
    font-size: 2.8rem;
    font-weight: 200;
}

.carousel-item.mastheadSecond .carouselFrame.white .campaignCarouselBlock .stayingFocused {
    font-size: 1.4rem;
    font-weight: 200;
}

.hideForSmall {
    display: inline-block;
}

.investButtonSection {
}

.investButtonSet {
    margin: 2rem;
}

.carouselFrame {
    display: flex;
    justify-content: center;
    width: 100%;
}

.white {
    color: #ffffff;
}


.mastheadSection.home {
    justify-content: center;
}

.mastheadSection {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.uppercase {
    text-transform: uppercase;
}

.investButton.dividends {
    color: #555555;
}

a:visited {
    color: #007ea8;
}

a:link {
    color: #007ea8;
}

a {
    text-decoration: none;
    color: #007ea8;
}

.investButton.infrastructure {
    color: #555555;
}

.investButton.esg {
    color: #555555;
}


/* -- Banner Section -- */
#bannerContainer #bannerBlock img {
    width: 100%;
    max-width: 1160px;
    height: auto;
}

.bannerSection {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    padding: 0 auto;
    display: flex;
    flex: wrap;
    justify-content: center;
}

.introSectionHome {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
}

.sloganHome, .sloganHome.incomeOpportunity {
    color: #007ea8;
    font-family: 'Assistant', sans-serif;
}

.investButton {
    text-align: center;
    font-family: 'Assistant', sans-serif;
}

/* -- Sign In Section -- */
nav.navbar.navbar-expand-lg.navbar-light {
    justify-content: space-between;
    background: #ffffff;
}

    nav.navbar.navbar-expand-lg.navbar-light .collapse.navbar-collapse#navbarNavDropdown ul.navbar-nav li.nav-item a.nav-link.loginRegister {
        text-transform: none;
    }

    nav.navbar.navbar-expand-lg.navbar-light ul li {
        list-style-type: none;
    }

/* -- Header & Navigation Section -- */
.headerSection nav.navbar.navbar-expand-lg.navbar-light, .headerSection nav.navbar.navbar-expand-lg.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;
    }

/* -- Main Content -- */
/* -- Titles -- */
.titleSection {
    display: flex;
}

.titleText {
    font-family: 'Assistant', sans-serif;
}

.thinSubhead.accHead {
    font-family: 'Assistant', sans-serif;
    color: #007ea8;
    text-align: left;
    white-space: normal;
}

h1.contentHeader {
    font-family: 'Assistant', sans-serif;
}

.captionTitle {
    font-family: 'Assistant', sans-serif;
    color: #007ea8;
    font-weight: 600;
}

/* -- General Text -- */
li.bulletMain {
    list-style-type: disc;
}

strong.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;
}

.textMain, p.textMain {
    font-family: 'Hind Madurai', sans-serif;
}

.textDisplay {
    font-family: 'Assistant', sans-serif;
    font-weight: 300;
}

.capText {
    text-transform: uppercase;
}

.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-weight: 400;
    color: #007ea8;
}

.footerBold {
    color: #333333;
}

.footerSmall, p.footerSmall {
    font-size: .85rem;
    line-height: 1.2rem;
}

/* -- Sidebar -- */
.sidebarTopTitle {
    text-transform: uppercase;
    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%;
    max-width: 1160px;
    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: rgba(42,127,170,.2);
    }

.contentDropdown .dropdown-menu {
    padding: .8rem;
}

    .contentDropdown .dropdown-menu a.dropdown-item {
        padding-left: 0px;
    }

button#selectInvestment, button.blueButton {
    background: rgba(42,127,170,.2);
    font-size: .9rem;
}

/* -- Accordion styles -- */
.accordion {
    border-bottom: 1px #bdbdbd solid;
}

.card-header a.accPlus:after, .card-header button.accPlus:after {
    content: '-';
    color: #007ea8;
}

a.btn.btn-link.collapsed:after, button.btn.btn-link.accPlus.collapsed:after {
    content: '+';
    font-weight: normal;
    color: #007ea8;
}

.card-body.esgIntro {
    margin: 0;
    padding: 1.8rem 0;
}

.card-body.product {
    background: rgba(0,0,0,.03);
}

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;
}

#introText.collapse {
    padding: 0;
    border-top: 1px #cdcdcd solid;
}

#introHeader.card-header.flexContainer {
    margin: 0;
    padding: 0;
    background: none;
}

#ieHeading.focus {
    font-weight: bold;
}

.accordion.filterPanel {
    border: 0;
}

.accordion.accPlus {
    border-bottom: 0;
}

button.btn.btn-link.accPlus {
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    text-decoration: none;
    text-align: left;
}

/* -- Filter section -- */
#accordion.accordion {
    border: 0;
}

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;
}

.card {
    border: 0;
}

.button-group.filters-button-group .selectItem {
    font-size: .8rem;
    flex: 2 0 auto;
}

#headingOne.card-header, .card-header {
    padding: 0;
    margin: 0;
    background: #ffffff;
    border: 0;
}

.filterRow {
    display: flex;
    width: 100%;
}

    .filterRow.divider {
        font-size: .9rem;
    }

.tableSection .grid.filterTable .filter.element-item .row {
    margin: 0;
    padding: 0;
}

.reset {
    flex: 1 0 auto;
    padding: .6rem auto;
}

.clientApprovedCheck {
    display: inline;
    width: 1rem;
    height: 1rem;
    width: 1rem;
    height: 1rem;
}

button#showAllButton {
    display: block;
    padding: .3rem 1rem;
    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: rgba(42,127,170,.2);
    border-radius: 6px;
    border: 3px #fff solid;
    white-space: nowrap;
    border: none;
    outline: none;
}
/* for dropdown filter menus */


/* -- Product Table -- */
#ieHeading, #ienoHeading, #iexHeading, #meHeading, #infraHeading, #mlpHeading, #mlpfocusHeading, #utilHeading, #hyeHeading, #dbbtHeading, #dbbtxHeading, #epHeading, #waterHeading {
    background: #fff;
}

.tableCheck {
    width: 1.2rem;
    height: auto;
}

/* -- Investment Focus/Bucket Section -- */
#productLinkContainer {
    margin-top: 4px;
}

#productLinkBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1160px;
    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;
}

.subNavSection {width: 100%;}

/* -- 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;
 /*   text-transform: capitalize;  */
}

/* -- Carousel -- */

.carouselSection.focus {
    padding-bottom: 2rem;
}

/* -- Tab Section -- */
#container {
    width: 100%;
    min-height: 400px;
    max-width: 1160px;
    padding: 0px;
    margin: 0px auto;
}

.tabPaneItem {
    border-bottom: 1px #c2c2c2 solid;
    padding-top: 16px;
}

    .tabPaneItem.last {
        border-bottom: none;
        padding-top: 1rem;
    }

.tabPaneSubhead {
    font-weight: bold;
    color: rgb(42,127,170);
    text-transform: capitalize;
}

.aboutTitle {
    font-weight: bold;
    color: rgb(42,127,170);
}

.nav-link {
    display: block;
    padding: 4px;
    background: #fff;
}

    .nav-link.bluePill {
        display: block;
        padding: .3rem 1rem;
        background: rgba(42,127,170,.2);
        border-radius: 6px;
        border: 3px #fff solid;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: rgb(42,127,170);
    border-radius: 6px;
}

#pills-tabContent.tab-content {
    text-align: left;
    color: #333333;
    line-height: 1.4rem;
}

/* -- Media Filter Section -- */
#mediaSection {
    width: 100%;
    max-width: 1160px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0 auto;
}

.mediaItem.element-item {
    overflow: hidden;
}

a.mediaImage, .mediaImage {
    display: block;
}

.mediaTitles {
    width: 100%;
    color: rgb(42,127,170);
}

.mediaTitleLarge {
    color: rgb(42,127,170);
    font-family: 'Assistant', sans-serif;
    display: block;
}

.mediaTopTitle {
    color: rgb(42,127,170);
    font-weight: bold;
}

.mediaBlurbTitle {
    font-size: 1.2rem;
    color: #007ea8;
    line-height: 1.4rem;
}

.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: rgba(42,127,170,.2);
        border-radius: 6px;
    }

.mediaImageText > .mediaImageTextSmall {
    font-family: 'Hind Madurai', sans-serif;
}

.mediaImageText > .mediaImageTextLarge {
    font-family: 'Assistant', sans-serif;
    font-weight:
}

.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;
}

button.bioButton {
    outline: none;
    background: none;
    border: 0;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.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;
}

/* -- 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;
}

img.infoIcon {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: bottom;
}

.iconAlign {
    vertical-align: middle;
}

/* -- Audio Player -- */
.audioPlayerSection {
    margin: 0 auto;
    padding: 30px auto;
}

.waveformAudio {
    width: 100%;
    height: auto;
    max-width: 800px;
}
/* -- placeholder -- *?

		/* -- 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;
}

h5.modal-title.people {
    padding: 1rem 1rem 0 1rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.modal-body.people {
    padding: 0 1rem 1rem 1rem;
    margin: 1rem;
    font-size: 1rem;
    line-height: 1.4rem;
}

.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;
}

button.peopleItem:hover, a.peopleItem:hover {
    cursor: pointer;
}

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;
}

button.peopleItem {
    background-color: transparent;
    outline: none;
    border: 0;
    text-decoration: none;
    display: block;
}

/* -- Names & Faces -- */
.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;
}

/* -- Resolutions and Memos -- */
h2.resolutionTitle {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: .2rem;
}

.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;
    }

/* -- 'Read More' Toggle Styles -- */
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;
}

/* -- Bootstrap Show More -- */
.showAllButton, .showAllButton > a {
    display: block;
    white-space: nowrap;
    text-transform: uppercase;
    color: #555555;
    text-decoration: none;
}

    .showAllButton.home > a {
        margin: .6rem 0 .6rem 2rem;
    }
/* plain collapse */
[aria-expanded="false"] > .expanded, [aria-expanded="true"] > .collapsed {
    display: none;
}

a.btn-link:hover, a.btn-link:focus, a.btn-link:active {
    text-decoration: none;
}

.showmore.collapsed, .showless.expanded {
    text-decoration: none;
}

.btn-link.showmore {
    padding: 0;
    margin: 0px;
}

/* -- 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%;
    max-width: 1160px;
    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;
}

.top, h2.thinSubhead.top {padding-top: 0; margin-top: 0;}

/* -- Top Navigation for Player pages - will be replaced with main site navigation, and these styles removed -- */
#headerBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    background: #ffffff;
}

#logoSection {
    flex: 2 1 auto;
}

.siteLinks, .siteLinks a {
    font-size: .9rem;
}

#navSection {
    flex: 1 1 auto;
    text-transform: uppercase;
}
/* -- Top Navigation for Player pages - will be replaced with main site navigation, and these styles removed -- */

/* -- Member navbar */
.member-navbar-menu {
    color: #5299cc;
}

    .member-navbar-menu > span {
        margin-left: 6px;
        margin-right: 6px;
    }


/* -- Member login/registration pages */
.loginBlock {
    padding-top: 40px;
    padding-bottom: 20px;
}

.authBlock {
    margin: 100px auto;
    width: 100%;
}

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;
        }

.authFormSection {
    width: 260px;
    margin: 0rem auto;
}

    .authFormSection img {
        width: 160px;
        height: auto;
    }

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;
}


/* BLOG STYLES */
/* Callouts */
.blog-blue-box {background: #e2f5fe; padding: 2rem; margin: 2rem 0; width: 100%;}
.blog-callout {font-size: 1.8rem; line-height: 2.2rem; font-weight: 300; margin: 0;}
.blog-callout-semibold {font-size: 1.8rem; line-height: 2.2rem; font-weight: 400; margin: 0;}
.blog-open-quote {width: 2rem; height: 1.5rem; margin-top: -6px;}
.blog-callout-credit {text-align: right; font-size: 1.3rem; line-height: 1.7rem; font-weight: 300; color: #333333;}
/* Charts */
.blog-chart-block {padding: 1.2rem 0 1rem 0; margin: 2rem 0; border-top: 1px #bbb solid; border-bottom: 1px #bbb solid;}
.blog-chart-block.no-border {padding: 0; border:0;}
.blog-chart-block.bleu-bg {padding: 2rem;}
.blog-chart-image-frame {margin: .8rem auto 1rem auto; text-align: center;}
.blog-chart-title {font-size: 1.8rem; line-height: 2.2rem; font-weight: 500; margin: 0; padding:0; color: #007ea8; text-align: center;}
.blog-chart-subtitle {font-size: 1.4rem; font-weight: 400; text-align: center; margin: 0; padding:1rem 0;}
.blog-chart {width: 100%; max-width: 980px; height: auto; vertical-align: middle; border-style: none;} 
p.blog-footnote, .blog-footnote, a.blog-footnote {font-size: .9rem; line-height: 1.2rem; font-style: italic; font-weight: 400; width: 100%; margin: 0; padding: .4rem 0; text-align:left;}
.flexContainer.blog-chart-block-double {padding: 2rem; margin: 2rem 0; background: #edf9fe; display: flex; justify-content: center; gap: 40px; border-top:1px #bbb solid; border-bottom: 1px #bbb solid;}
.flexContainer.blog-chart-block-double > .flexItem {flex: 0 1 auto;}
 


/* 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;
}

.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;
}

#popupDescriptionSection {
    margin: 0px 12px;
}

/* 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;
}

.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;
}

.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;
}

.field-validation-error:before {
    font-family: FontAwesome;
    content: "\f06a\00a0";
}

.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;
}

/* 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;
}

/* -- :.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:. -- */

/* -- MEDIA QUERIES -- */

@media (max-width:575.98px) {
    .splitSection {
        display: flex;
        flex: wrap;
        flex-direction: column;
    }

    .mainItem.left {
        flex: 1 0 auto;
    }

    .mainItem.right {
        flex: 1 0 auto;
        padding: 0;
    }

    .mainItem.leftHalf {
        flex: 1 0 50%;
    }

    .mainItem.rightHalf {
        flex: 1 0 50%;
        padding: 0;
    }


    /* was mhi_home_mtns_abstract_blue.jpg */

    /* -- People blocks -- */
    a.peopleItem, button.peopleItem {
        padding: 1rem 1.4rem;
        margin: .4rem 0;
        width: 100%;
    }

    .peopleTextSmall {
        font-weight: 300;
        font-size: .95rem;
        line-height: 1.3rem;
        text-transform: uppercase;
        color: #ffffff;
        text-decoration: none;
    }

    .peopleDeptBackground {
        margin-bottom: .8rem;
    }

    .peopleTextLarge {
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 1.8rem;
        text-transform: uppercase;
        color: #ffffff;
        text-decoration: none;
    }
}

@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 {
        flex: 1 0 50%;
    }

    .mainItem.rightHalf {
        flex: 1 0 50%;
    }

    /*#mastheadContainer.home {
        height: 300px;
        background-image: url('/media/images/mhi_mountain_banner.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left 0% bottom 0%;
        overflow: hidden;
    }*/
    /* was mhi_home_mtns_abstract_blue.jpg */

    /* -- People blocks -- */
    .peopleDeptBackground {
        margin-bottom: .6rem;
        padding: 0;
        margin: .4rem;
    }

    a.peopleItem, button.peopleItem {
        padding: 1rem 1.3rem;
        margin: 0;
        width: 100%;
        border: 0;
        margin-bottom: .6rem;
    }

    .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;
    }

    .peopleSidebar a.peopleItem, .peopleSidebar button.peopleItem {
        margin-bottom: .6rem;
    }

    .peopleTextSmall {
        font-weight: 300;
        font-size: .95rem;
        line-height: 1.3rem;
        padding-bottom: .4rem;
        text-transform: uppercase;
        color: #ffffff;
        text-decoration: none;
    }

    .peopleTextLarge {
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.7rem;
        padding-bottom: .4rem;
        text-transform: uppercase;
        color: #ffffff;
        text-decoration: none;
    }
}

@media (max-width:767.98px) {
    /* -- For Isotope filter function -- */
    button.filterBy.btn.btn-link.dropdown-toggle {
        font-size: .9rem;
        border-radius: 6px;
        text-align: center;
        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: "";
        }

    /* -- Table Filter -- */
    .grid {
        padding: .6rem 0rem 1.2rem 0rem;
    }
        /* Media Center */
        .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;
        }

    .card.filterPanel {
        width: 100%;
    }

    .filterRow {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .tableHeader {
        display: none;
    }

    .tableSection {
        padding: 0 0 1.8rem 0;
    }

    .focusDivider {
        width: 100%;
        background: #eeeeee;
        text-transform: uppercase;
    }

    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;
    }

    .grid.filterTable .filter.element-item {
        padding: 0;
        margin: 0;
        width: 100%;
    }

        .grid.filterTable .filter.element-item.table,
        .grid.filterTable .filter.element-item.resolutions {
            border-bottom: 1px #cdcdcd solid;
        }

    .filterRow .filter.title:before {
        content: "Title: ";
        text-transform: uppercase;
        font-weight: 600;
    }

    .filterRow .filter.focus:before {
        content: "Focus: ";
        text-transform: uppercase;
        font-weight: 600;
    }

    .filterRow .filter.product:before {
        content: "Product: ";
        text-transform: uppercase;
        font-weight: 600;
    }

    .filterRow .filter.type:before {
        content: "Type: ";
        text-transform: uppercase;
        font-weight: 600;
    }

    .filterRow .filter.topic:before {
        content: "Topic: ";
        text-transform: uppercase;
        font-weight: 600;
    }

    .company {
        font-weight: 400;
    }

        .company:before {
            content: "Company: ";
            font-weight: 600;
        }

    .sector:before {
        content: "Sector: ";
        font-weight: 600;
    }

    .initiative:before {
        content: "Initiative: ";
        font-weight: 600;
    }

    .outcome:before {
        content: "Outcome: ";
        font-weight: 600;
    }

    .year:before {
        content: "Year: ";
        font-weight: 600;
    }

    .type:before {
        content: "Type: ";
        font-weight: 600;
    }

    .topic:before {
        content: "Topic: ";
        font-weight: 600;
    }

    .resolution:before {
        content: "Resolution: ";
        font-weight: 600;
    }

    .filter.smaTitle:before {
        content: "Focus: ";
        font-weight: 600;
    }

    .filter.focus:before {
        content: "Focus: ";
        font-weight: 600;
    }

    .filter.inception:before {
        content: "Composite Inception: ";
        font-weight: 600;
    }

    .filter.product:before {
        content: "Product: ";
        font-weight: 600;
    }

    .filter.esgStatus:before {
        content: "ESG Managed: ";
        font-weight: 600;
    }

    .filter.ticker:before {
        content: "Platform / Ticker: ";
        font-weight: 600;
    }

    .filterRow.divider {
        background: #ffffff;
    }

    .margins {
        padding-right: 1.2rem;
        padding-left: 1.2rem;
    }

    /* -- Main -- */
    .flexContainer {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: justify;
    }

    form.flexContainer.adminSwitch {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    /* -- Flex styles -- */
    .flexItem {
        flex: 1 0 auto;
        padding: 1rem;
    }

        .flexItem.adminSwitch {
            flex: 1 0 auto;
            padding: 0;
            margin: 0;
        }

    .flexItemProductRow {
        flex: 1 0 auto;
        padding: 1rem 0;
    }

    .flexItemProductPane {
        flex: 1 0 auto;
        padding: .8rem;
    }

        .flexItemProductPane.left {
            padding-right: 0;
        }

        .flexItemProductPane.right {
            flex: 1 0 60%;
        }

    /* -- Accordion -- */
    #accordion .card {
        padding: 1rem 0 0 0;
    }

    .card-body.esgIntro, .card-body.filterMenus {
        padding: 1rem 0;
        margin: 0;
        width: 100%;
    }

    .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;
        }

    .btn.accProductTitle {
        padding: 0;
        margin: 0;
    }

    .tableFootnoteSection {
        margin: 1.5rem 1.3rem 2rem 1.3rem;
        border: 0;
    }

    .thinSubhead.accHead {
        font-size: 1.3rem;
        font-weight: 500;
    }

    /* -- 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;
        }

        .mediaItem .mediaImage {
            flex: 1 0 auto;
            width: 100%;
        }

            .mediaItem .mediaImage .mediaImageText {
                display: inline-block;
                width: 100%;
                height: 100%;
                background-size: cover;
            }

    .mediaImageText > .mediaImageTextSmall {
        font-weight: 400;
        font-size: 1.05rem;
        line-height: 1.3rem;
        padding: .4rem 0rem;
    }

    .mediaImageText > .mediaImageTextLarge {
        font-weight: 300;
  /*    text-transform: capitalize;  */
        font-size: 1.9rem;
        line-height: 2.1rem;
        padding: .5rem 0rem;
    }

    .mediaItem .mediaBlurb {
        display: none;
    }

    /* -- Tabs -- */
    .tab-pane {
        margin: 0px;
        font-size: .95rem;
    }

    ul.nav.nav-pills.mb-3#pills-tab {
        padding-left: 2px;
    }
    /* tab button section  */
    .button-group.filters-button-group {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: left;
    }
        /* dropdown filter menus */
        .button-group.filters-button-group .selectItem {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
        }
    /* dropdown filter menus */
    .option-set.clearfix.form-control.filterfields {
        flex: 1 0 auto;
        width: 100%;
        margin-bottom: 10px;
    }
    /* Dropdown filter menus */

    /* -- Hides, Shows content for small view - Media Center -- */
    .isotope.hideForSmall {
        display: none;
    }

    .isotope.hideForWide {
        display: inline-block;
    }

    .mediaImageTextLarge.hideForSmall, .mediaImageTextSmall.hideForSmall {
        display: none;
    }

    .mediaImageTextLarge.hideForWide, .mediaImageTextSmall.hideForWide {
        display: block;
    }
}

@media (min-width:768px) {
    /* -- Main -- */
    .flexContainer {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        /*justify-content: center;*/
        width: 100%;
        max-width: 1160px;
    }

    form.flexContainer.adminSwitch {
        display: flex;
        flex-direction: row;
        flex-wrap: no-wrap;
        justify-content: center;
        width: 100%;
        max-width: 1160px;
    }

    /* -- Flex styles -- */
    .flexItem {
        flex: 1 0 auto;
        padding: 1rem;
    }

        .flexItem.adminSwitch {
            flex: 1 0 auto;
            padding: 0 .4rem;
            margin: 0;
        }

    .flexItemProductRow {
        flex: 1 0 auto;
        padding: 1rem 0;
    }

    .flexItemProductPane {
        flex: 1 0;
        padding: .8rem;
    }

        .flexItemProductPane.left {
            flex: 1 0 40%;
            padding-right: 3rem;
        }

        .flexItemProductPane.right {
            flex: 1 0 60%;
            padding-right: 0;
        }

    /* -- For Isotope filter function - Filter Menus -- */
    button.filterBy.btn.btn-link.dropdown-toggle {
        font-size: .9rem;
        border-radius: 6px;
        text-align: center;
        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: "";
        }

    /* -- 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 {
                padding: 0;
                margin: 0;
                width: 100%;
            }

                .grid.filterTable .filter.element-item.table {
                    margin-bottom: .1rem;
                    /*border-bottom: 1px #cdcdcd solid;*/
                }

                .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%;
    }

    .focusDivider {
        width: 100%;
        background: #eeeeee;
        text-transform: uppercase;
    }

    .company {
        font-weight: normal;
    }

    .filterRow.divider {
        background: #eeeeee;
        padding-left: 1rem;
    }

    .tableFootnoteSection {
        padding: 0;
        margin: 2rem .5rem 2rem .5rem;
        border: 0;
    }

    /* -- Accordion -- */
    #accordion .card {
        padding: 1rem 0 0 0;
    }

    .card-body.esgIntro, .card-body.filterMenus {
        padding: 1rem 0;
        margin: 0;
        width: 100%;
    }

    .card.filterPanel {
        width: 100%;
    }

    .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;
        }

    .btn.accProductTitle {
        padding: 0;
        margin: 0;
    }

    .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;
        }

        .mediaItem .mediaImage {
            flex: 1 0 auto;
            width: 33.3%;
        }

            .mediaItem .mediaImage .mediaImageText {
                display: inline-block;
                width: 100%;
                height: 100%;
                background-size: cover;
            }

    .mediaImageText > .mediaImageTextSmall {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.3rem;
        padding-bottom: .5rem;
    }

    .mediaImageText > .mediaImageTextLarge {
        font-weight: 500;
 /*     text-transform: capitalize;  */
        font-size: 1.4rem;
        line-height: 1.5rem;
        padding-bottom: .6rem;
    }

    .mediaTopTitle {
        padding: 12px 0px 8px 18px;
        line-height: 1rem;
        padding-left: 18px;
    }

    .mediaItem .mediaBlurb {
        flex: 2 0 auto;
        width: 66.6%;
        display: inline;
        padding: 1.2rem 1.6rem .1rem 1.2rem;
    }

    .mediaImageText .mediaImageTextSmall img.mediaFormatIcon {
        height: 1.5rem;
        width: auto;
        padding-right: .3rem;
        vertical-align: bottom;
    }

    /* -- Tab Section -- */
    .tab-pane {
        margin: 0px; /* padding:.5rem 2rem 1rem 2rem; */
        font-size: .95rem;
    }

    .container .dropdown ul.dropdown-menu {
        margin-left: -120px;
    }

    button#showAllButton {
        white-space: nowrap;
    }

    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;
    }
        /*  for dropdown filter menus  */
        .button-group.filters-button-group .selectItem {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: flex-start;
        }
    /*  for dropdown filter menus  */
    .option-set.clearfix.form-control.filterfields {
        flex: 1 0 auto;
        width: 6%;
        margin-right: 12px;
    }
    /*  for dropdown filter menus  */
    .ddPanel a.dropdown-item {
        padding: .1rem 1.3rem 0rem 1.3rem;
    }

    /* -- Hides, Shows content for wide view - Media Center -- */
    .isotope.hideForSmall {
        display: inline-block;
    }

    .isotope.hideForWide {
        display: none;
    }

    .mediaImageTextLarge.hideForSmall, .mediaImageTextSmall.hideForSmall {
        display: block;
    }

    .mediaImageTextLarge.hideForWide, .mediaImageTextSmall.hideForWide {
        display: none;
    }
}

@media (max-width:991.98px) {
    /* -- Margin for Headers -- */
    body.mainNav {
        margin-top: 60px;
    }

        body.mainNav.switch {
            margin-top: 120px;
        }

        body.mainNav.secondNav {
            margin-top: 60px;
        }
            /* -- second nav hides -- */
            body.mainNav.secondNav.switch {
                margin-top: 370px;
            }

    /* -- Header -- */
    #headerContainer {
        border-bottom: 0px;
    }

    .headerSection {
        width: 100%;
        margin: 0rem;
        padding-top: .6rem;
    }

        .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: 0rem 1.8rem 1rem 0rem;
        }

    /* -- Masthead -- */
    /*#mastheadContainer.home {
        height: 300px;
        background-image: url('/media/images/mhi_mountain_banner.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left 0% bottom 0%;
        overflow: hidden;
    }*/

    #mastheadContainer.bg {
        width: 100%;
        padding: 0;
        height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;
    }

        #mastheadContainer.bg.mountains {
            background-image: url('/media/images/mhi_mountain_banner.jpg');
            background-position: right 0% bottom 0%;
        }

            #mastheadContainer.bg.mountains.left {
                background-image: url('/media/images/mhi_mountain_banner.jpg');
                background-position: left 0% bottom 0%;
            }

        #mastheadContainer.bg.dividendsMasthead {
            background-image: url('/media/images/dev_mtn_bird.jpg');
            background-position: right 0% bottom 0%;
        }

        #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/images/ESG_forest_banner_overlay3_429835018.jpg');
            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;
    }

    .mastheadTextLiner {
        padding-right: 2rem;
    }

    .mastheadTextLarge {
        font-size: 2.3rem;
        line-height: 2.5rem;
        font-weight: 400;
    }

    .mastheadTextSmall {
        font-size: 1.4rem;
        line-height: 1.5rem;
        font-weight: 300;
    }

    .audio.mastheadTextLarge {
        padding-bottom: .6rem;
    }

    .audio.mastheadTextSmall {
        padding-bottom: .6rem;
    }

    .mastheadBrandedHeader {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: flex-start;
        padding-left: 1rem;
        width: 100%;
    }

    .mastheadLogo {
        flex: 0 0 auto;
    }

    .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;
    }

    .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;
        }

    .brandedHeaderLogo {
        flex: 0 0 auto;
    }

    .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;
        }

    /* -- Banner Style - Homepage -- */
    #bannerContainer {
        height: 400px;
    }
        /* media pages */
        #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;
    }

    .investButtonSection {
        border-bottom: 2px #cdcdcd solid;
        margin-bottom: .2rem;
    }

    .investButtonSet {
        width: 100%;
        margin: 0 auto;
        padding: 0 auto;
    }

    .investButton {
        width: 100%;
        padding: .8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 1px #bdbdbd solid;
        font-size: 1.4rem;
        font-weight: 400;
        background: #f1f1f1;
    }

    /* -- Nav -- */
    button.navbar-toggler {
        padding: .8rem;
    }

    img.mhiBrand {
        width: 146px;
        height: auto;
        padding-left: 2rem;
        padding-bottom: .6rem;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0,0,0,.5);
        border: 0px;
        border-color: rgba(0,0,0,.0);
    }

    .navSection .container {
        display: block;
    }

    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;
    }

    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;
    }
    /* omitted in BS 4 Beta - added here */
    .dropdown-menu.ddPanel a:hover {
        background: transparent;
        color: #007ea8;
    }

    .ddPanel a.dropdown-item {
        padding: .1rem 1.3rem 0rem .8rem;
    }

    ul.navbar-nav {
        background-color: #ffffff;
        box-shadow: 0rem .25rem .3rem .125rem rgba(0,0,0,.14);
    }

    /*-- SubNav (Small) --*/
    .subNavItem.hideForWide {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .subNavSection {
        padding: 1.3rem 2rem 2rem 2rem;
    }

        .subNavSection.leftSide {
            padding: 0 0 2rem 0;
        }

    /* -- Second Nav -- */
    #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;
    }

    /* -- Dropdown Menus -- */
    button#selectInvestment, button.blueButton {
        margin-top: 0;
    }

    /* -- Buckets -- */
    #productLinkBlock {
        max-width: 1160px;
        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 -- */
    p {
        padding: .65rem 0;
    }

    .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;
        }

        .mainContent.saResolutions {
            margin: 2rem 0 .2rem 0;
        }

    .leftSideContent {
        padding: 1.2rem 2rem 2rem 2rem;
    }

    #contentSection {
        flex: 1 0 auto;
        width: 100%;
        padding: .5rem 2rem 2rem 2rem;
    }

    #sidebarSection {
        flex: 1 0 auto;
        width: 100%;
        padding: 0;
    }

    .sidebarTopTitle {
        display: none;
    }
    /* originally  padding:1rem; line-height:1rem; */
    .sidebarItem {
        display: flex;
        flex-direction: row;
        padding: 10px 0;
    }

    .sidebarLinkSection {
        margin: 0 0 2rem 2rem;
    }

    #flexBlockWrapper {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .introSectionHome {
        padding: 2rem;
    }

    .articleSection {
        padding-top: 1rem;
    }

    #titleBlock {
        width: 100%;
        max-width: 1160px;
        padding: 0;
    }

    .titleSection {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
    }

        .titleSection.plain {
            padding: 2rem 0 2.6rem 0;
        }

        .titleSection.banner {
            padding: 2rem 0 2.6rem 0;
        }

        .titleSection.media {
            padding: 2rem 2rem 2.6rem 2rem;
        }

    .titleLogo {
        flex: 1 0 auto;
    }

    .titleText {
        flex: 1 0 auto;
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 200;
        item-align: center;
    }

    .textBlockItem {
        padding: 0;
    }

    .topSpace {
        padding-top: 2rem;
    }

    .bottomSpace {
        padding-bottom: 2rem;
    }

    h2.smallSubhead.flexGroupHeader {
        padding-top: 1.4rem;
    }
    /* contact page - subheader over row of textblocks */
    h5.mb-0.accordionTitleBar {
        width: 100%;
    }

    img.esgFlower {
        width: 90px;
        height: auto;
    }

    /* -- Main Content -- */
    /* -- Titles -- */
    .captionTitle {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    h1.contentHeader {
        font-weight: 300;
        font-size: 1.8rem;
        padding: 1.4rem 0;
    }

    h2.thinSubhead {
        color: #007ea8;
        font-size: 1.3rem;
        font-weight: 300;
        padding: 2.2rem 0 0 0;
    }

    h2.smallSubhead {
        color: #007ea8;
        font-size: 1rem;
        font-weight: 500;
        padding-top: .4rem;
    }

        h2.smallSubhead.dark {
            font-size: 1.1rem;
            font-weight: 200;
        }

    /* -- General Text -- */
    ul.displayBullets li {
        padding-bottom: .6rem;
        line-height: 1.5rem;
    }

    li.bulletMain {
        font-size: 1rem;
        line-height: 1.6rem;
        margin-bottom: .6rem;
    }

    p.tabText {
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .textMain, p.textMain {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .textDisplay {
        font-size: 1.1rem;
        line-height: 1.6rem;
    }

    .quoteSlab {
        font-size: 1.1rem;
    }

    /* -- Tab Section -- */
    .bioHeader {
        flex-direction: column;
        display: table;
    }

    #pills-tabContent.tab-content {
        padding: 0 .25rem;
    }

    .tab-pane {
        margin: 0px;
        font-size: .95rem;
    }

    /* -- Feature blocks -- */
    #featureContainer.home {
        width: 100%;
        margin-bottom: 2rem;
    }

    #featureBlock.home {
    }

    .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;
        }

    .carouselFrame .featureItem, .carouselFrame a.featureItem {
        margin-bottom: .8rem;
    }

    .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;
    }

    /* -- People blocks -- */
    .peopleSection {
        padding: 0 0 0 0;
        margin: 0;
    }

    a.peopleItem, button.peopleItem {
        align-items: flex-end;
    }

    .mainItem.sectionTitleCenter {
        text-align: center;
        padding: 1rem 0;
        font-size: 1.4rem;
        font-family: Assistant, Sans-serif;
    }

    .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;
    }
    /* -- pushed to bottom -- */

    /* -- Carousel -- */
    .carouselSection {
        width: 100%;
        margin: 0 auto;
        padding: 0 auto;
    }

    .carouselFrame {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .carousel-control-next-icon, .carousel-control-prev-icon {
        display: none;
    }

    .carousel-item.mastheadSecond {
        background-image: url(http://www.mhinvest.com/images/eagle_campaign_masthead.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;
        background-position: right 13% bottom 0%;
    }

        .carousel-item.mastheadSecond .carouselFrame.white {
            height: 300px;
            padding: 0px;
            margin: 0;
        }

    .campaignCarouselBlock {
        width: 100vw;
        padding: 0 2rem;
    }

    .carousel-item.mastheadSecond .carouselFrame.white .campaignCarouselBlock .direction {
        font-size: 3rem;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 2rem;
    }

    .carousel-item.mastheadSecond .carouselFrame.white .campaignCarouselBlock span.or {
        font-size: 1.4rem;
        font-weight: 200;
        text-transform: uppercase;
    }

    .carousel-item.mastheadSecond .carouselFrame.white .campaignCarouselBlock span.distraction {
        font-size: 2.4rem;
        font-weight: 200;
        text-transform: uppercase;
        line-height: 3rem;
    }

    .carousel-item.mastheadSecond .carouselFrame.white .campaignCarouselBlock .stayingFocused {
        font-size: 1.3rem;
        font-weight: 200;
        line-height: 2.8rem;
    }

    stayingFocused {
        height: 2rem;
        font-size: 1rem;
        line-height: 1.8rem;
        width: auto;
        background: #078cb6;
        text-align: center;
        font-weight: 300;
        color: #fff;
        display: inline;
        text-transform: capitalize;
        padding: .2rem 1rem;
        letter-spacing: .03rem;
    }

    .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;
    }

    /* -- Icons -- */
    .iconFont:before {
        margin-right: 8px;
    }

    .audio.iconFont {
        padding-bottom: .2rem;
    }

    /* -- Media Section -- */
    #titleBlock .titleSectionPosts {
        font-family: 'Assistant', sans-serif;
        font-weight: 300;
        font-size: 1.7rem;
        color: #333333;
        line-height: 2rem;
        item-align: center;
    }

    .waveformAudio {
        padding: 20px 0;
    }

    .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;
    }

        .mediaCenterLink a {
            margin: 0;
            padding: .8rem 0;
        }

    .tabPaneBioName.mediaBio {
        display: table-cell;
        vertical-align: middle;
        padding-left: 14px;
    }

    .mediaBioSummary {
        padding: .2rem 0 1rem 0;
    }

    /* -- Images -- */
    .flexContainer.bubbles {
        align-items: center;
        flex-wrap: wrap;
        margin: 1rem 0;
    }

    .flexItem.bubbles {
    }

    .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;
        }

    .bubbleText {
        font-family: Assistant, Sans-serif;
        text-align: center;
        font-size: 1.4rem;
        line-height: 1.8rem;
        color: #999999;
        width: 100%;
    }

    .plusMinusSection {
        width: auto;
        height: 100%;
    }

    .plusMinusText {
        text-align: center;
        font-weight: bold;
        font-size: 6rem;
        color: #999999;
        height: 100%;
    }

    /* -- Footer -- */
    #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;
        }

    /* -- Footnote -- */
    .footnoteSection {
        width: 100%;
        border-top: 1px #cdcdcd solid;
        margin-top: 2rem;
        padding-top: 1rem;
    }

    .footnote {
        font-size: .95rem;
        line-height: 1.4rem;
        font-style: italic;
    }


    /* -- Social Media -- */
    .socialMediaHeaderLink, img.socialMediaIconTop {
        display: none;
    }

    #socialMediaFooter {
        position: fixed;
        bottom: 0;
        height: 2.5rem;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .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 -- */
    .hideForSmall {
        display: none;
    }

    .hideForWide {
        display: inline-block;
    }

    /* -- General Purpose -- */
    .flexThis {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: justify;
    }

    /* -- Top Navigation for Player pages - will be replaced with main site navigation, and these styles removed -- */
    #logoSection {
        margin: 0 auto;
        padding: 0px;
    }

    #navSection .siteLinks {
        display: none;
    }

    #navSection .container {
        display: block;
    }

    .mhiLogo {
        width: 140px;
        height: auto;
        padding: 8px 10px;
    }
    /* -- Top Navigation for Player pages - will be replaced with main site navigation, and these styles removed -- */

    .contactMap {
        margin-bottom: 1.4rem;
        text-align: left;
    }

        .contactMap a img {
            width: 120px;
            height: auto;
        }

    .contactDivider {
        margin: 1rem 0;
    }

    .contactBlockDivider {
        border-bottom: 1px #ccc solid;
        margin: 1rem 0;
    }
}
    
@media (min-width:992px) {
        /* -- Margin for Headers -- */
        body.mainNav {
            margin-top: 80px;
        }

            body.mainNav.switch {
                margin-top: 170px;
            }

            body.mainNav.secondNav {
                margin-top: 180px;
            }

                body.mainNav.secondNav.switch {
                    margin-top: 220px;
                }

        /* -- Header -- */
        #headerContainer {
            border-bottom: 1px #cdcdcd solid;
            background: #ffffff;
        }

        #headerBlock {
            height: 80px;
        }

        .headerSection {
            margin: 0rem 1rem;
            padding: 1rem 0 .4rem 0;
            width: 100%;
        }

            .headerSection.people {
                padding: 1rem 0rem 0rem 0rem;
            }

            .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;
                }

        img.mhiBrand {
            width: 150px;
            height: auto;
            padding-left: 1rem;
            padding-bottom: .6rem;
        }

        /* -- Masthead -- */
        /*#mastheadContainer.home {
        background-image: url('/media/images/mhi_mountain_banner.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;
        background-position: left 0% bottom 50%;
    }*/

        .carouselFrame {
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 0 1.8rem;
        }

        .hideForSmall {
            display: inline-block;
        }

        .investButtonSection {
            background: rgba(0,0,0,.1);
            border: 1px rgba(0,0,0,.1) solid;
        }

        .investButtonSet {
            margin: 2rem;
        }

        .investButton {
            width: 100%;
            padding: .3rem;
            margin-top: .4rem;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.1rem;
            border: 1px #bdbdbd solid;
            background: #ffffff;
        }
        /*.mastheadSecond {
    background-image: url('/media/images/mhi_mountain_banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: right 18% bottom 50%;
}*/

        .stayingFocused {
            height: 2rem;
            font-size: 1.3rem;
            line-height: 2.2rem;
            letter-spacing: 1px;
            background: #078cb6;
            font-weight: 400;
            display: inline;
            width: auto;
            color: #fff;
            padding: .2rem 2rem .2rem 1rem;
        }

        .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;
        }

        /* was mhi_home_mtns_abstract_blue.jpg */
        #mastheadContainer.bg.mountains {
            background-image: url('/media/images/mhi_mountain_banner.jpg');
            background-position: right 0% bottom 50%;
        }

            #mastheadContainer.bg.mountains.left {
                background-image: url('/media/images/mhi_mountain_banner.jpg');
                background-position: left 0% bottom 50%;
            }

        #mastheadContainer.bg.dividendsMasthead {
            background-image: url('/media/images/dev_mtn_bird.jpg');
            background-position: right 0% top 0%;
        }

        #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/images/ESG_forest_banner_overlay3_429835018.jpg');
            background-position: left 0% top 0%;
        }

        #mastheadContainer.bg {
            width: 100%;
            height: 300px;
            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
        }

            #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%;
            }


        .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;
            }

        .mastheadTextLiner {
            padding-right: 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;
        }

        .audio.mastheadTextLarge {
            padding-bottom: .2rem;
        }

        .audio.mastheadTextSmall {
            padding-bottom: .2rem;
        }

        .mastheadBrandedHeader {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            flex-wrap: wrap;
            align-items: flex-start;
            padding-left: 1rem;
            width: 100%;
        }

        .mastheadLogo {
            flex: 0 0 auto;
        }

        .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;
            }

        .brandedHeaderLogo {
            flex: 0 0 auto;
        }

        /* -- Banner Section -- */
        #bannerContainer {
            height: 400px;
        }
        /* media player pages */
        .bannerSection {
            display: flex;
            flex: wrap;
            flex-direction: row;
            margin-top: 2rem;
        }

            .bannerSection.home {
                height: 300px;
                margin-top: 0;
            }

        .bannerItem {
            height: 300px;
        }

            .bannerItem.left {
                flex: 2 0 66%;
                height: 100%;
                background-image: none;
            }

            .bannerItem.right {
                flex: 1 0 33%;
                height: 100%;
                background-image: none;
            }

        .investButtonSection {
            background: rgba(0,0,0,.1);
            border: 1px rgba(0,0,0,.1) solid;
        }

        .investButtonSet {
            margin: 2rem;
        }

        .investButton {
            width: 100%;
            padding: .3rem;
            margin-top: .4rem;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.1rem;
            border: 1px #bdbdbd solid;
            background: #ffffff;
        }

        .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;
            }

        /* -- 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);
        }

        ul.navbar-nav li.nav-item a.nav-link {
            color: #333333;
            text-transform: uppercase;
            font-size: .9rem;
        }

        a#navbarDropdownMenuLink.nav-link.dropdown-toggle {
            padding-left: 0;
            margin-left: 0;
        }

        a.dropdown-item {
            padding: 0 0 0 .8rem;
            margin: 0px;
            font-size: .85rem;
            text-decoration: none;
        }

        li.nav-item.signInNav {
            display: none;
        }

        .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;
    	}
    	
        #esgIntro {padding-top:1.4rem;}


        /* -- Second Nav -- */
        #secondNavContainer {
            width: 100%;
            padding: 0 auto;
        }

        #secondNavBlock {
            width: 100%;
            max-width: 1160px;
            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;
        }

        /* -- Subnav (Wide) -- */
        .subNavItem {
            width: 100%;
        }

            .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;
                    justify-content: space-between;
                    width: 100%;
                }

                    .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;
                    }

        .ddLink:hover {
            text-decoration: underline;
        }

        /* -- Dropdown Menus -- */
        button#selectInvestment {
            margin-top: 0;
        }

        /* -- Buckets Nav -- */
        #productLinkBlock {
            max-width: 1160px;
            margin: 0 auto;
            padding: 0 auto;
        }

        .productLinkItem {
            flex: 1 0 auto;
            width: 33.3%;
        }

            .productLinkItem.productLinkNav {
                padding: .5em 0;
                font-size: 1.2rem;
            }

        #esgNavSection {
            border-left: 1px #ddd solid;
        }
        

        #infrastructureNavSection {
            border-left: 1px #ddd solid;
        }

        .investButtonSet .investButton.dividends:hover {
            border: 1px #007ea8 solid;
        }

        .investButtonSet .investButton.esg:hover {
            border: 1px rgb(108,169,15) solid;
        }

        .investButtonSet .investButton.infrastructure:hover {
            border: 1px #00aea9 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%;
            max-width: 1160px;
            padding: 0;
        }

        #contentSection {
            flex: 1 0 66%;
            padding: .5rem 2rem 2rem 2rem;
        }

        #sidebarSection {
            flex: 1 0 33%;
            border-left: 1px #c2c2c2 solid;
            padding: 1rem;
        }

        p {
            padding: .7rem 0;
        }

        .mainSection {
            display: flex;
            flex: wrap;
            flex-direction: row;
        }

            .mainSection .mainItem.left {
                flex: 1 0 66%;
                background: #ffffff;
            }

            .mainSection .mainItem.right {
                flex: 1 0 33%;
                background: #ffffff;
            }

        .mainContent {
            margin: 0 2rem 4rem 2.2rem;
        }

            .mainContent.first {
                margin: 0 2rem 3rem 2.2rem;
            }

            .mainContent.subNav {
                margin: .4rem 2rem 1rem 2rem;
            }

            .mainContent.saResolutions {
                margin: 2rem 0 .2rem 0;
            }

        .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.banner {
                padding: 2rem 0 2.6rem 0;
            }

            .titleSection.media {
                padding: 2rem 2rem 2.6rem 2rem;
            }

        .titleLogo {
            flex: 1 0 10%;
        }

        .titleText {
            flex: 1 0 90%;
            font-size: 2.1rem;
            line-height: 2.4rem;
            font-weight: 200;
        }

        .textBlockItem {
            padding: 0 2.8rem 0 0;
            flex: 1 0 24%;
        }

        .topSpace {
            padding-top: 2rem;
        }

        .articleSection {
            padding-top: 1rem;
        }

        h2.smallSubhead.flexGroupHeader {
            padding-top: 1.4rem;
        }

        h5.mb-0.accordionTitleBar {
            width: 100%;
        }

        img.esgFlower {
            width: 90px;
            height: auto;
            padding-right: 1rem;
        }

        /* -- Main Content -- */
        /* -- Titles -- */
        .captionTitle {
            font-size: 1.2rem;
            line-height: 1.6rem;
        }

        h1.contentHeader {
            font-weight: 300;
            font-size: 1.8rem;
            padding: 1.4rem 0;
        }

        h2.thinSubhead {
            color: #007ea8;
            font-size: 1.3rem;
            font-weight: 300;
            padding: 2.2rem 0 0 0;
        }

        h2.smallSubhead {
            color: #007ea8;
            font-size: 1rem;
            font-weight: 500;
            padding-top: .4rem;
        }

            h2.smallSubhead.dark {
                font-size: 1.1rem;
                font-weight: 200;
            }

        /* -- General Text -- */
        ul.displayBullets li {
            padding-bottom: .4rem;
            line-height: 1.5rem;
        }

        li.bulletMain {
            font-size: .95rem;
            line-height: 1.6rem;
            margin-bottom: .4rem;
        }

        p.tabText {
            font-size: 1rem;
            line-height: 1.4rem;
        }

        .textMain, p.textMain {
            font-size: .95rem;
            line-height: 1.5rem;
        }

        .textDisplay {
            font-size: 1.1rem;
            line-height: 1.6rem;
        }

        .quoteSlab {
            font-size: 1.1rem;
        }

        /* -- Tab Section -- */
        .bioHeader {
            flex-direction: row;
            display: table;
        }

        #pills-tabContent.tab-content {
            padding: 0 .25rem;
        }

        .tab-pane {
            margin: 0px; /* padding:.25px 2rem 1rem 2rem; */
            font-size: .95rem;
        }

        /* -- 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;
        }

        .mainItem.sectionTitleCenter {
            text-align: center;
            padding: 1rem 0;
            font-size: 1.4rem;
            font-family: Assistant, Sans-serif;
        }

        .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;
        }
        /* -- pushed to bottom -- */
        /* .peopleNameBox {width:100%; text-align:left; padding-right:40%; color:#ffffff; text-shadow:#555555 0.1rem 0.1rem 0.2rem;} */ /* -- vertically centered -- */

        /* -- Carousel -- */
        .carouselSection {
            max-width: 1160px;
            width: 100%;
            margin: 1rem auto;
            padding: 0 auto;
        }

        .carousel-item.mastheadSecond {
            background-image: url(http://www.mhinvest.com/images/eagle_campaign_masthead.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            background-position: right 18% bottom 50%;
        }

            .carousel-item.mastheadSecond .carouselFrame.white {
                height: 300px;
                padding: 0px;
                margin: 0;
            }

        .carouselFrame {
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 0 1.8rem;
        }

        .campaignCarouselBlock {
            width: 100vw;
            padding: 0 2rem;
            max-width: 1160px;
        }

        .carousel-item.mastheadSecond .carouselFrame.white .campaignCarouselBlock .direction {
            font-size: 3.6rem;
            font-weight: 500;
            text-transform: uppercase;
            line-height: 3.4rem;
            letter-spacing: -.05rem;
        }

        .carousel-item.mastheadSecond .carouselFrame.white .campaignCarouselBlock span.or {
            font-size: 2.4rem;
            font-weight: 200;
        }

        .carousel-item.mastheadSecond .carouselFrame.white .campaignCarouselBlock span.distraction {
            font-size: 2.8rem;
            font-weight: 200;
        }

        .carousel-item.mastheadSecond .carouselFrame.white .campaignCarouselBlock .stayingFocused {
            font-size: 1.4rem;
            font-weight: 200;
        }

        .carousel-control-next-icon, .carousel-control-prev-icon {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: transparent no-repeat center center;
            background-size: 100% 100%;
        }

        .carousel-control-next, .carousel-control-prev {
            text-align: center;
        }

        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");
        }
        /* arrow fill edited here */
        .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");
        }
        /* arrow fill edited here */

        /* -- Icons -- */
        .iconFont:before {
            margin-right: 8px;
        }

        .audio.iconFont {
            padding-bottom: .1rem;
        }

        /* -- Media Section -- */
        #playerContainer {
            max-height: 526px;
        }

        video.playerSection {
            max-height: 524px;
        }

        #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;
        }

        .mediaTopTitle {
            padding: 12px 0px 8px 18px;
            line-height: 1rem;
            padding-left: 18px;
        }

        .waveformAudio {
            padding: 30px 0;
        }

        .mediaTitles {
            max-width: 1160px;
            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;
        }

            .mediaCenterLink a {
                margin: 0;
                padding: .8rem 0;
            }

        .tabPaneBioName.mediaBio {
            display: table-cell;
            vertical-align: middle;
            padding-left: 14px;
        }

        .mediaBioSummary {
            padding: .2rem 0 1rem 0;
        }

        /* -- Images -- */
        .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;
            }

        .bubbleText {
            font-family: Assistant, Sans-serif;
            text-align: center;
            font-size: 1.4rem;
            line-height: 1.8rem;
            color: #999999;
            width: 100%;
        }

        .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;
            }

        /* -- Footnote -- */
        .footnoteSection {
            width: 100%;
            border-top: 1px #cdcdcd solid;
            margin-top: 3rem;
            padding-top: 1rem;
        }

        .footnote {
            font-size: .95rem;
            line-height: 1.4rem;
            font-style: italic;
        }

        /* -- Social Media -- */
        #socialMediaFooter {
            display: none;
        }

        .socialMediaLink {
            display: none;
        }

        img.socialMediaIconTop {
            display: inline;
            height: 20px;
            width: auto;
        }

        /* -- Hides, Shows content for wide view -- */
        .navSection .container {
            display: none;
        }

        .hideForSmall {
            display: inline-block;
        }

        .hideForWide {
            display: none;
        }

        /* -- General Purpose Flex -- */
        .flexThis {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: justify;
        }

        /* -- Top Navigation for Player pages - will be replaced with main site navigation, and these styles removed -- */
        #logoSection {
            max-width: 1160px;
            margin: 0 auto;
            padding: 0 auto;
        }

        .mhiLogo {
            width: 140px;
            height: auto;
            padding: 8px 6px;
        }

        #navSection .siteLinks {
            display: block;
        }

        #navSection .container {
            display: none;
        }

        .siteLinks {
            text-align: right;
            padding-bottom: 6px;
            padding-right: 6px;
        }

        .container .dropdown ul.dropdown-menu {
            margin-left: -120px;
        }

        .container .dropdown ul.dropdown-menu {
            margin-left: -120px;
        }
        /* -- Top Navigation for Player pages - will be replaced with main site navigation, and these styles removed -- */
        .contactMap {
            margin-bottom: 1.4rem;
            text-align: left;
        }

            .contactMap a img {
                width: 120px;
                height: auto;
            }

        .contactDivider {
            border-bottom: 1px #fff solid;
            margin: 1rem 0;
        }

        .contactBlockDivider {
            border-bottom: 0;
        }
    }

    @media (max-width:1199.98px) {
    }

    @media (min-width:1200px) {
    }

    /* 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";
    }
    /*  Adjusts space between nav section name and caret */
    .dropdown-toggle::after {
        margin-left: 0;
    }