@font-face {
    font-family: 'NeulisSansRegular';
    src: url('/CSS/assets/fonts/NeulisSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'NeulisSansMedium';
    src: url('/CSS/assets/fonts/NeulisSans-Medium.ttf') format('truetype');
}

:root {
    /* Globals */
    --container--max-width: 1300px;
    --container--width: 80%;
    --section--padding-top: var(--russell--spacing-l);
    --section--padding-bottom: var(--russell--spacing-l);
    --btn--padding--l: 7px 26px;
    --btn--padding--s: 5px 18px;
    --headerHeight: 127px;
    --transition--time: 300ms;
    /* Spacing */
    --no-letter-spacing: normal;
    --letter-spacing-xs: -0.36px;
    --letter-spacing-s: 0.05em;
    --letter-spacing-btn: 0.5px;
    --russell--spacing-xs: 0.67rem;
    --russell--spacing-s: 1rem;
    --russell--spacing-m: 2rem;
    --russell--spacing-l: 3rem;
    --russell--spacing-xl: 5rem;
    /* Font Sizes */
    --font-size-1rem: 1rem;
    --russell--font-size--footer-small: 11px;
    --russell--font-size--x-small: 12px;
    --russell--font-size--small: 13px;
    --russell--font-size--body-s: 14px;
    --russell--font-size--body-m: 16px;
    --russell--font-size--heading-xxs: 18px;
    --russell--font-size--medium: clamp(14px, 0.875rem + ((1vw - 3.2px)* 0.645), 20px);
    --russell--font-size--large: clamp(22.041px, 1.378rem + ((1vw - 3.2px)* 1.501), 36px);
    --russell--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px)* 1.826), 42px);
    --russell--font-size--heading-xl: clamp(50px, 3.136rem + ((1vw - 3.2px)* 5.358), 78px);
    --russell--font-size--heading-l: clamp(35px, 2.2rem + (1.6vw - 1.2px), 64px);
    --russell--font-size--heading-m: clamp(28px, 1.743rem + ((1vw - 3.2px) * 0.162), 40px);
    --russell--font-size--heading-s: clamp(24px, 1.502rem + ((1vw - 3.2px)* 1.717), 32px);
    --russell--font-size--heading-xs: clamp(19px, 1.185rem + ((1vw - 3.2px)* 0.4), 28px);
    --russell--font-size--body: clamp(14px, 0.875rem + ((1vw - 3.2px)* 0.43), 18px);
    /* Font Families */
    --russell--font-family--neulis-sans-regular: "NeulisSansRegular";
    --russell--font-family--neulis-sans-medium: "NeulisSansMedium";
    /* Colors */
    --russell--color--purple: #000060;
    --russell--color--dark-purple: #020E40;
    --russell--color--light-gray: #1E1E1E;
    --russell--color--blue: #165EDA;
    --russell--color--blue--tint-90: #0270D1;
    --russell--color--blue--tint-70: #4D9BDF;
    --russell--color--blue--tint-50: #80B8E8;
    --russell--color--blue--tint-30: #B3D4F1;
    --russell--color--blue--tint-10: #E6F1FA;
    --russell--color--deep-blue: #041459;
    --russell--color--navy: #0D3571;
    --russell--color--orange: #E4761B;
    --russell--color--off-white: #F3F3F3;
    --russell--color--blue--light: #E2EDFF;
    --russell--color--white: #fff;
    --russell--color--black: #000;
    /* Text Colors */
    --russell--header-color--text: var(--russell--color--deep-blue);
    --russell--body-color--text: var(--russell--color--dark-purple);
    --russell--color--text-light: var(--russell--color--dark-purple);
    /* Text Font */
    --russell--font--body: var(--russell--font-family--compatil);
    --russell--font--heading: var(--russell--font-family--neulis-sans-medium);
    --russell--font--heading--regular: var(--russell--font-family--neulis-sans-regular);
    /* Clip Path */
    --russell--clip-path--bottom-right--standard: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 9px) 100%, 0 100%, 0 0);
    --russell--clip-path--bottom-right--large: polygon(100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 0);
    /* Triple Line Effect */
    /* --lineLength defines the lengh of each line. Max length is 20% */
    --lineLength: 15%;
    --russell--triple-line-bg: linear-gradient(90deg, var(--russell--color--deep-blue) var(--lineLength), transparent var(--lineLength), transparent calc(var(--lineLength) * 2), var(--russell--color--blue) calc(var(--lineLength) * 2), var(--russell--color--blue) calc(var(--lineLength) * 3), transparent calc(var(--lineLength) * 3), transparent calc(var(--lineLength) * 4), var(--russell--color--orange) calc(var(--lineLength) * 4), var(--russell--color--orange) calc(var(--lineLength) * 5), transparent calc(var(--lineLength) * 5));
}


/*New content styles will only applied inside <article> tag, this can avoid applying styles to other tools unintentionaly. 
    Also, to avoid it's changes styles in METRIQ, we ned to exclude DIV wit id #OCIO/MetriqContainer */

article > div:not(#OCIO\/MetriqContainer):not(#PortfolioBreakdownToolContainer):not(#PmaOnboardingContainer):not(#PmaAccountMaintenanceContainer):not(#TaxImpactContainer):not(#VoTMContainer):not(#ColorBoxesRoot_aa877e74-7bf4-499b-b920-fdbd32297114):not(#ColorBoxesRoot_f6ad8d63-6265-4312-930c-5a7912f79103):not(#FundsV2Container):not(#FundV2DetailContainer):not(#PortfolioListingContainer):not(#PortfolioDetailContainer):not(#CashflowForecastingContainer),
article section,
aside,
#ColorBoxesRoot_25e68bb1-e77e-41b9-936e-14c4934b5596 {
    h1, h2, h3, h4, h5, .giga, .mega, .kilo, .alpha, .beta, .gamma

{
    font-family: var(--russell--font--heading);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: var(--no-letter-spacing);
    color: var(--russell--header-color--text);
}

& :is(h3, h4, h5, .beta, .gamma) {
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: var(--no-letter-spacing);
    color: var(--russell--header-color--text);
}

& :is(p, a, div, span, .base, .delta) {
    line-height: 1.4;
}

h1, .giga, .mega {
    font-size: var(--russell--font-size--heading-xl);
}

h2, .kilo, .alpha {
    font-size: var(--russell--font-size--heading-l);
}

h3, .beta, .gamma {
    font-size: var(--russell--font-size--heading-m);
}

h4 {
    font-size: var(--russell--font-size--heading-s);
}

h5 {
    font-size: var(--russell--font-size--heading-xs);
}

article :not(#PmaAccountMaintenanceContainer):is(p, div, span, .base, .delta) {
    color: var(--russell--body-color--text);
}


:is(.label, .pretitle-onLight) {
    font-family: var(--russell--font--heading);
    font-size: var(--russell--font-size--heading-xxs);
    font-weight: 400;
    letter-spacing: var(--no-letter-spacing);
    line-height: 1.4;
    color: var(--russell--color--blue);
    text-transform: uppercase;
}


p, a, li, div, .base, .delta {
    font-size: var(--russell--font-size--heading-xxs);
}

a {
    color: var(--russell--color--blue);
}

/*ul, ol {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
    color: var(--russell--body-color--text);
}*/

/*ol, ol > li {
        list-style-type: decimal;
    }*/

/* ul, ul > li {
        list-style-type: disc;
    }

li {
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
    line-height: 1.4;
    margin: 0;
    padding-left: 0;
}

ul > li::before, ul > li:before {
    content: "";
    color: var(--russell--body-color--text);
}*/

.pretitle-onLight {
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.animatedTextBlue,
.animatedTextMulti,
.animatedTextMultiOnDark,
.animatedTextOrange {
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    animation: none;
    color: var(--russell--color--black);
}

a.btn.btn-white-on-black, button.btn.btn-white-on-black, input.btn.btn-white-on-black {
    border-color: var(--russell--body-color--text);
    background-color: var(--russell--body-color--text);
    .MuiButton-label

{
    color: var(--russell--color--white);
}

}


a.btn.btn-black-on-white, button.btn.btn-black-on-white, input.btn.btn-black-on-white {
    border-color: var(--russell--body-color--text);
    background-color: var(--russell--color--white);
    .MuiButton-label

{
    color: var(--russell--body-color--text);
}

}

.ri-icon.icon-filter-black {
    background-color: var(--russell--body-color--text);
    -webkit-mask-image: url(/Images/Global/Brand/Icons/filter-black.svg);
    mask-image: url(/Images/Global/Brand/Icons/filter-black.svg);
    background-image: none;
}

.ri-icon.icon-search-black {
    background-color: var(--russell--body-color--text);
    -webkit-mask-image: url(/Images/Global/Brand/Icons/search-black.svg);
    mask-image: url(/Images/Global/Brand/Icons/search-black.svg);
    background-image: none;
}

.ri-icon.icon-down-no-circle {
    background-color: var(--russell--color--white);
    -webkit-mask-image: url(/Images/Global/Brand/Icons/down-no-circle.svg);
    mask-image: url(/Images/Global/Brand/Icons/down-no-circle.svg);
    background-image: none;
}

.product-tab, .manager-tab {
    background: var(--russell--body-color--text);
    color: var(--russell--color--white);
}

.active-tab {
    background: var(--russell--color--white);
    border: 1px solid var(--russell--body-color--text);
    color: var(--russell--body-color--text);
}

#ColorBoxRow_7442c43d-e671-432b-8830-962d7bbc05df .layout-container {
    border-bottom: 2px solid var(--russell--body-color--text);
}

#ColorBox_5458dfb3-cf1b-442b-9de1-741207fbcb56 {
    background-color: var(--russell--body-color--text);
}

.glowline {
    width: 105%;
    height: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-size: 100%;
    background-image: url(/Images/Global/Aem/MainNavIndicator.svg);
    background-repeat: no-repeat;
    border-radius: unset;
    background-position: bottom;
}

.bannerContainer {
    background: var(--russell--color--white);
    border-bottom: #fff solid 1px;
    box-shadow: #777 0 1px 4px;
}

.stickyBannerTabColorBlack {
    background: var(--russell--body-color--text);
    span

{
    color: var(--russell--color--white);
}

}

.brandedBannerWhite, .currentTag {
    color: var(--russell--body-color--text);
    background-color: #fff !important;
    border: var(--russell--body-color--text) 1px solid;
    span

{
    color: var(--russell--body-color--text);
}

}

.currentTagWithWhiteBackground {
    background-color: var(--russell--body-color--text) !important;
    color: var(--russell--color--white) !important;
    span

{
    color: var(--russell--color--white) !important;
}

}

/*.bannerNavigationMenu a:nth-child(5) {
    border: var(--russell--body-color--text) 2px solid;
}*/

#CompanyHeading {
    font-size: 24px;
}

/* Table */
#clickdimensionsForm table thead tr:first-child, table thead tr:first-child {
    background-color: var(--russell--body-color--text);
    .undefined

{
    color: var(--russell--color--white);
    font-size: var(--russell--font-size--body-s)
}

}

.fund-tabs {
    td

{
    font-size: var(--russell--font-size--body-s);
    a

{
    font-size: var(--russell--font-size--body-s);
}

}
}


/* Buttons */
.btn-solid-blue,
.btn-solid-orange,
.btn-outline-blue-onDark,
.btn-outline-orange-onDark,
.btn-outline-multi-onDark,
.btn-black,
.CalenderButton,
.btn-standard {
    --buttonTransition: var(--transition--time);
    position: relative;
    font-family: var(--russell--font--heading--regular);
    font-size: var(--russell--font-size--medium);
    padding: var(--btn--padding--l);
    border-radius: 30px;
    border: solid 2px var(--russell--color--blue);
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    line-height: normal;
    letter-spacing: var(--letter-spacing-btn);
    background: var(--russell--color--blue);
    transition: background 0ms linear, color var(--buttonTransition) linear 0ms, border var(--buttonTransition) linear 0ms;
    overflow: hidden;
    color: var(--russell--color--white) !important;
    a, span

{
    position: relative;
    z-index: 1;
    padding: 0;
    font-size: var(--russell--font-size--medium);
    font-weight: inherit;
    letter-spacing: inherit;
    text-shadow: inherit;
    cursor: inherit;
    display: inherit;
    background-color: transparent;
    color: var(--russell--color--white) !important;
    &:hover, &.hover

{
    text-decoration: none;
    background-color: transparent;
    color: var(--russell--color--white) !important;
}

&:active, &.active {
    text-decoration: none;
}

}

&::after {
    content: "";
    position: absolute;
    height: 110%;
    top: 0;
    left: -5px;
    width: 110%;
    /*background: var(--russell--color--purple);*/
    transition: var(--buttonTransition);
    z-index: 0;
    transform: skewX(-20deg) scaleX(0);
    transform-origin: left;
}

&:hover, &.hover {
    text-decoration: none;
    color: var(--russell--color--white);
    border: solid 2px var(--russell--color--purple);
    background: var(--russell--color--purple);
    transition: background var(--buttonTransition) linear calc(var(--buttonTransition) / 2), color var(--buttonTransition) linear 0ms, border var(--buttonTransition) linear 0ms;
    &::after

{
    transform: skewX(-20deg) scaleX(1);
}

}

&:active, &.active {
    background-color: var(--russell--color--blue--light);
    border: solid 2px var(--russell--color--purple);
    transition: background var(--buttonTransition) linear calc(var(--buttonTransition) / 2), color var(--buttonTransition) linear 0ms, border var(--buttonTransition) linear 0ms;
    a, span

{
    color: var(--russell--color--deep-blue);
}

}

&.small {
    line-height: 1;
    padding: var(--btn--padding--s);
    a, span

{
    padding: 0;
    font-size: var(--russell--font-size--heading-xxs);
}

}

&.disabled {
    pointer-events: none;
    opacity: 0.5;
}

&.with-icon {
    &:not(.small)

{
    padding: 0.4rem 2.4rem 0.4rem 1.6rem;
}

a {
    &::before, &::after

{
    content: "";
    position: absolute;
    --arrowWidth: 2px;
    --arrowSize: 11px;
}

&::before {
    left: calc(100% + 0.4rem);
    top: 50%;
    height: var(--arrowWidth);
    box-shadow: inset 0 0 0 32px;
    transform: translateY(-50%);
    width: 15px;
    border-radius: 50px;
}

&::after {
    top: 50%;
    left: calc(100% + 0.65rem);
    display: inline-block;
    box-sizing: border-box;
    width: var(--arrowSize);
    height: var(--arrowSize);
    border-width: var(--arrowWidth) var(--arrowWidth) 0 0;
    border-radius: var(--arrowWidth) var(--arrowWidth) var(--arrowWidth) 0;
    border-style: solid;
    transform: translateY(-50%) rotate(45deg);
}

}
}
}

.btn-outline-blue-onLight,
.btn-outline-orange-onLight,
.btn-outline-multi-onLight,
.btn-secondary {
    --buttonTransition: var(--transition--time);
    position: relative;
    font-family: var(--russell--font--heading--regular);
    font-size: var(--russell--font-size--medium);
    padding: var(--btn--padding--l);
    border-radius: 30px;
    border: solid 2px var(--russell--color--purple);
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    line-height: normal;
    letter-spacing: var(--letter-spacing-btn);
    background: var(--russell--color--white);
    transition: background 0ms linear, color var(--buttonTransition) linear 0ms, border var(--buttonTransition) linear 0ms;
    overflow: hidden;
    color: var(--russell--color--deep-blue) !important;
    a, span

{
    position: relative;
    z-index: 1;
    padding: 0;
    font-size: var(--russell--font-size--medium);
    font-weight: inherit;
    letter-spacing: inherit;
    text-shadow: inherit;
    cursor: inherit;
    display: inherit;
    background-color: transparent;
    color: inherit !important;
    &:hover, &.hover

{
    text-decoration: none;
    background-color: transparent;
    color: var(--russell--color--white) !important;
    transition: background var(--buttonTransition) linear calc(var(--buttonTransition) / 2), color var(--buttonTransition) linear 0ms, border var(--buttonTransition) linear 0ms;
}

&:active, &.active {
    text-decoration: none;
}

}

&::after {
    content: "";
    position: absolute;
    height: 110%;
    top: 0;
    left: -5px;
    width: 110%;
    /*background: var(--russell--color--blue);*/
    transition: var(--buttonTransition);
    z-index: 0;
    transform: skewX(-20deg) scaleX(0);
    transform-origin: left;
}

&:hover, &.hover {
    text-decoration: none;
    color: var(--russell--color--white) !important;
    border: solid 2px var(--russell--color--blue);
    background: var(--russell--color--blue);
    transition: background var(--buttonTransition) linear calc(var(--buttonTransition) / 2), color var(--buttonTransition) linear 0ms, border var(--buttonTransition) linear 0ms;
    &::after

{
    transform: skewX(-20deg) scaleX(1);
}

}

&:active, &.active {
    text-decoration: none;
    background-color: var(--russell--color--blue--light);
    color: var(--russell--color--deep-blue) !important;
    border: solid 2px var(--russell--color--purple);
    transition: background var(--buttonTransition) linear calc(var(--buttonTransition) / 2), color var(--buttonTransition) linear 0ms, border var(--buttonTransition) linear 0ms;
}

&.small {
    line-height: 1;
    padding: var(--btn--padding--s);
    a, span

{
    padding: 0;
    font-size: var(--russell--font-size--heading-xxs);
}

}

&.disabled {
    pointer-events: none;
    opacity: 0.5;
}

&.with-icon {
    &:not(.small)

{
    padding: 0.4rem 2.4rem 0.4rem 1.6rem;
}

a {
    &::before, &::after

{
    content: "";
    position: absolute;
    --arrowWidth: 2px;
    --arrowSize: 11px;
}

&::before {
    left: calc(100% + 0.4rem);
    top: 50%;
    height: var(--arrowWidth);
    box-shadow: inset 0 0 0 32px;
    transform: translateY(-50%);
    width: 15px;
    border-radius: 50px;
}

&::after {
    top: 50%;
    left: calc(100% + 0.65rem);
    display: inline-block;
    box-sizing: border-box;
    width: var(--arrowSize);
    height: var(--arrowSize);
    border-width: var(--arrowWidth) var(--arrowWidth) 0 0;
    border-radius: var(--arrowWidth) var(--arrowWidth) var(--arrowWidth) 0;
    border-style: solid;
    transform: translateY(-50%) rotate(45deg);
}

}
}
}


.accountValues .companyName, .accountValues .totalMarketValue {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -.035em;
}

/*Economic Dashboard styles*/

#DashboardContent {
    h3

{
    font-size: var(--russell--font-size--body-m);
}

.legend {
    height: 40px;
    .label

{
    font-size: var(--russell--font-size--body-s);
}

.legendItem {
    display: flex;
    align-items: center;
    max-height: 35px;
}

#FAQBtn {
    color: var(--russell--color--white);
    span

{
    color: var(--russell--color--white);
    &:hover

{
    color: var(--russell--color--white);
}

}
}
}

.assetClassInfo {
    p

{
    font-size: 14px;
}

}

a {
    font-size: var(--russell--font-size--body-s);
}

}

#IndicatorGraphContainer .twelveMonthGraph {
    h4

{
    font-size: var(--russell--font-size--heading-xxs);
}

.rolling12Graph {
    font-size: 10px;
}

}

#BackToOverview {
    .ri-icon.icon-back-no-circle

{
    background-image: none;
}

}


#FundDisclosures .selected a {
    color: var(--russell--color--deep-blue);
}

#ProductTabs .tabs {
    li a

{
    display: flex;
    align-items: center;
}

li.selected a {
    color: var(--russell--color--dark-purple);
}

}

.filter-label {
    display: flex !important;
    align-items: center;
    font-size: var(--russell--font-size--body-s);
}

.managerQuote {
    h1

{
    font-size: 24px;
}

h2 {
    font-size: 18px;
}

}

.title {
    h1

{
    font-size: var(--russell--font-size--x-large);
}

h2 {
    font-size: 24px;
}

}

.ri-coveo.CoveoSearchInterface .CoveoFacet .coveo-facet-header {
    background-color: var(--russell--color--dark-purple);
    color: var(--russell--color--white);
    .coveo-facet-header-title

{
    color: var(--russell--color--white);
}

}

.ri-coveo.CoveoSearchInterface .CoveoPager .coveo-pager-list-item.coveo-active, .ri-coveo.CoveoSearchInterface .CoveoPager .coveo-pager-list-item:hover,
.ri-coveo.CoveoSearchInterface .CoveoResultsPerPage .coveo-results-per-page-list-item.coveo-active, .ri-coveo.CoveoSearchInterface .CoveoResultsPerPage .coveo-results-per-page-list-item:hover {
    background-color: var(--russell--color--dark-purple);
    border-color: var(--russell--color--dark-purple);
    color: var(--russell--color--white);
    span

{
    color: var(--russell--color--white);
}

}

.va-card {
    label, .ms-TextField-field

{
    color: var(--russell--body-color--text);
    letter-spacing: var(--no-letter-spacing);
}

}

.ms-Button-label {
    color: var(--russell--color--white);
    letter-spacing: var(--no-letter-spacing);
}

.riux-Icon-icon {
    color: var(--russell--body-color--text);
}

} /*close of article tag*/


/* specifically targetting styles on blog posts still on Sitecore */
article > div#BlogPostRoot,
article > div#BlogHomeRoot {
    h1
    {
        font-size: 44px !important;
    }
    h2 
    {
        font-size: var(--russell--font-size--heading-m) !important;
    }

    #BlogPostBanner {
        .ga-nav
        {
            background-color: var(--russell--color--purple);
            div, span
            {
                color: var(--russell--color--white) !important;
            }
        }
    }
    
    .blog-subscribe-component, .ga-connect
    {
        background-color: var(--russell--color--purple) !important;
        div, span
        {
            color: var(--russell--color--white) !important;
        }
    }


    .ri-icon.icon-linkedin-black {
        background-color: var(--russell--body-color--text);
        -webkit-mask-image: url(/Images/Global/Brand/Icons/linkedin-black.svg);
        mask-image: url(/Images/Global/Brand/Icons/linkedin-black.svg);
        background-image: none;
        width: 24px !important;
        height: 24px !important;
    }

    .ri-icon.icon-email-black {
        background-color: var(--russell--body-color--text);
        -webkit-mask-image: url(/Images/Global/Brand/Icons/email-black.svg);
        mask-image: url(/Images/Global/Brand/Icons/email-black.svg);
        background-image: none;
        width: 24px !important;
        height: 24px !important;
    }

    .ri-icon.icon-print-black {
        background-color: var(--russell--body-color--text);
        -webkit-mask-image: url(/Images/Global/Brand/Icons/print-black.svg);
        mask-image: url(/Images/Global/Brand/Icons/print-black.svg);
        background-image: none;
        width: 24px !important;
        height: 24px !important;
    }

}


.ri-component, .ri-component-edge {
    margin: 10px auto;
}

.articleSearch {
    margin-top: 0;
}

/* specifically targetting UK page with #app_content */
div#app_content {
    h3, li, span, div {
        font-size: var(--russell--font-size--body-m) !important;
        font-family: "CompatilFactLTW01-Regul 721693" !important;
        color: var(--russell--color--black) !important;
        line-height: 1.2 !important;
    }

    h3 {
        font-size: 20px !important;
        font-weight: bold !important;
    }

    table thead tr:first-child {
        background-color: var(--russell--color--white) !important;
    }

    .first-year-invested {
        font-size: 18px !important;
        text-align: center !important;
        font-weight: bold !important;
        color: #005596 !important;
    }

    .number-years-invested span {
        color: #005596 !important;
        text-align: left !important;
    }

    .name.name-space {
        font-size: 13px !important;
        color: var(--russell--color--white) !important;
    }
    
    #legend {
        div {
            color: var(--russell--color--white) !important;
        }

        h3.category {
            text-transform: uppercase;
            font-size: 1.2em !important;
            color: #333 !important;
            font-weight: bold !important;
            margin-bottom: -2px;
        }
    }

    #rankings .name, #legend .name, #rankings.percent .percent {
        color: var(--russell--color--white) !important;
    }

    #tabs li {
        color: #267bb8 !important;
    }

    #tabs li.selected {
        color: #333333 !important;
    }

    .button {
        color: var(--russell--color--white) !important;
        font-size: 14px !important;
    }

}
    /* Header Styles */
    body > header#Navigation2021Root {
    background-color: var(--russell--color--white);
    height: var(--headerHeight);
}

#Navigation2021Root ~ main #SecondaryNavigation {
    /*background-color: var(--russell--color--off-white);*/
    background: rgba(243, 243, 243, 0.5);
}

    #Navigation2021Root ~ main #SecondaryNavigation ul li.current::before {
        background-color: var(--russell--color--blue);
    }

body > header .util-top-tabs {
    display: inline-flex;
    padding: 9px 13px 8px 0px;
    align-items: center;
    width: 100%;
    height: 38px;
}

body > header .ga-main-navigation button.ga-search{
    background-color:var(--russell--color--white);
}

body > header .ga-main-navigation .AemMainNavigation-tabsOverlay-d3-0-2-329,
body > header .ga-main-navigation .AemMainNavigation-tabsOverlay-d3-0-2-344 {
    right: 46px;
}


body > header .util-top-links {
    align-items: center;
    justify-content: flex-end;
    display: inline-flex;
    height: 38px;
}

body > header .util-divider {
    display: inline-flex;
    align-items: center;
}

body > header .hide-divider {
    display: none;
}

body > header .ga-register {
    justify-content: center;
    align-items: center;
    background-color: var(--russell--color--purple);
}

body > header .ga-navigation-panel div[role=heading] {
    font-family: var(--russell--font-family--neulis-sans-medium);
    letter-spacing: var(--letter-spacing-s);
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

/* Secondary Nav Styles */
#SecondaryNavigation ul > li a:hover, #SecondaryNavigation ul > li a:link, #SecondaryNavigation ul > li a:visited {
    color: var(--russell--color--purple);
}

#SecondaryNavItems.showNavItems .current a {
    color: var(--russell--color--purple);
}

/* Footer Styles */
body > footer {
    color: var(--russell--color--white);
    padding: 40px 0 0 0;
    background-color: var(--russell--color--dark-purple);
}

    body > footer .footer-navigation-section-heading {
        color: var(--russell--color--blue--tint-30);
        font-family: var(--russell--font-family--neulis-sans-medium);
        font-size: var(--russell--font-size--footer-small);
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
        margin-top: 14px;
        letter-spacing: var(--no-letter-spacing);
    }

        body > footer .footer-navigation-section-heading + p, body > footer .footer-navigation-section-heading + ul li {
            line-height: 1.7;
        }

            body > footer .footer-navigation-section-heading + ul li a {
                letter-spacing: var(--letter-spacing-xs);
            }


    body > footer a:link,
    body > footer a:visited,
    .be-ix-link-block .be-related-link-container .be-list .be-list-item a {
        color: var(--russell--color--white);
    }


    body > footer .footnote {
        display: flex;
        align-items: center;
        padding: 10px 0;
    }

        body > footer .footnote .copyright {
            font-size: var(--russell--font-size--body-s);
            color: var(--russell--color--blue--tint-30);
            margin: 0;
        }



    body > footer .blue-divider {
        background-color: #165EDA;
        height: 7px;
        margin: 0;
    }

    body > footer .layout-container.blue-bg-footer-container {
        border-top: 1px solid #002A69;
    }

    body > footer .white-bg-disclosure-container {
        background-color: var(--russell--color--white);
        font-size: var(--russell--font-size--small);
    }


    body > footer #FooterNavigation #footerLogo img {
        width: 113px;
        height: 28px;
        flex-shrink: 0;
    }

    body > footer #FooterNavigation a.social-icon {
        margin-right: 15px;
    }

    body > footer #FooterNavigation a.social-icon img {
        width: 20px;
        height: 20px;
    }

        body > footer #FooterNavigation a.social-icon:nth-of-type(1),
        body > footer #FooterNavigation a.social-icon:nth-of-type(2) {
            display:none;
        }

    body > footer .footnote .disclosures {
        color: var(--russell--color--light-gray);
        font-family: "CompatilFactLTW01-Regul 721693";
        font-size: var(--russell--font-size--small);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 30px 0;
        a

{
    color: var(--russell--color--blue);
}

}

.be-ix-link-block .be-related-link-container .be-label {
    color: var(--russell--color--blue--tint-30);
}

#ForcedAudienceSelectorDialogLabel h2 {
    font-family: var(--russell--font-family--neulis-sans-medium);
    font-weight: 500;
}



@media (max-width: 767px) {
    body > header#Navigation2021Root {
        height: 88px;
    }

    body > footer .footer-navigation-section-heading + p, body > footer .footer-navigation-section-heading + ul li {
        font-size: var(--font-size-1rem);
        line-height: 1.4;
    }

    body > footer .footer-navigation-section-heading {
        font-size: var(--russell--font-size--body-s);
    }

    body > footer a:link,
    body > footer a:visited,
    .be-ix-link-block .be-related-link-container .be-list .be-list-item a {
        font-size: var(--russell--font-size--body-s);
    }
}