/***************************************************************************************
CUSTOM VARIABLES ARE IN STYLE.CSS SO THEY LOAD EARLIER.
STYLES HERE LOAD AS LATE AS POSSIBLE SO WE CAN OVERRIDE THE THEME AND BUILDER.
***************************************************************************************/

/***************************************************************************************
TYPOGRAPHY, COLOR, UTILITIES
***************************************************************************************/

/* Override CS */
.x-text .x-text-content-text h1.x-text-content-text-primary {
    font-size: var(--h1);
}
.x-text .x-text-content-text h2.x-text-content-text-primary {
    font-size: var(--h2);
}
.x-text .x-text-content-text h3.x-text-content-text-primary {
    font-size: var(--h3);
}
.x-text .x-text-content-text h4.x-text-content-text-primary {
    font-size: var(--h4);
}
.x-text .x-text-content-text h5.x-text-content-text-primary {
    font-size: var(--h5);
}
.x-text .x-text-content-text h6.x-text-content-text-primary {
    font-size: var(--h6);
}

.x-text-content-text:has(.x-text-content-text-primary) {
    line-height: 1.2;
}

/* Defaults */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    line-height: 1.2;
}

h1 { font-size: var(--h1); }
h2 { font-size: var(--h2); }
h3 { font-size: var(--h3); }
h4 { font-size: var(--h4); }
h5 { font-size: var(--h5); }
h6 { font-size: var(--h6); }

/* Utilities */
.h1, .h1 .x-text-content-text-primary {
    font-size: var(--h1) !important;
}
.h2, .h2 .x-text-content-text-primary {
    font-size: var(--h2) !important;
}
.h3, .h3 .x-text-content-text-primary {
    font-size: var(--h3) !important;
}
.h4, .h4 .x-text-content-text-primary {
    font-size: var(--h4) !important;
}
.h5, .h5 .x-text-content-text-primary {
    font-size: var(--h5) !important;
}
.h6, .h6 .x-text-content-text-primary {
    font-size: var(--h6) !important;
}
.rem1 {
    font-size: 1rem !important;
}
.primary {
    color: var(--primary);
}
.primary-dark {
    color: var(--primary-dark);
}
.primary-dark-trans-60 {
    color: var(--primary-dark-trans-60);
}
.primary-light {
    color: var(--primary-light);
}
.primary-ultra-light {
    color: var(--primary-ultra-light);
}
.secondary {
    color: var(--secondary);
}
.tertiary {
    color: var(--tertiary);
}
.white {
    color: var(--white);
}
.black {
    color: var(--black);
}

/* COLORS APPLIED TO TEXT */
.text--primary {
    color: var(--primary) !important;
}
.text--primary-dark {
    color: var(--primary-dark) !important;
}
.text--primary-light {
    color: var(--primary-light) !important;
}
.text--primary-ultra-light {
    color: var(--primary-ultra-light) !important;
}
.text--secondary {
    color: var(--secondary) !important;
}
.text--tertiary {
    color: var(--tertiary) !important;
}
.text--white {
    color: var(--white) !important;
}
.text--black {
    color: var(--black) !important;
}
body {
    line-height: 1.4;
}
.link-white, .link-white:visited, .link-white:active {
    color: #ffffff !important;
}
.link-white:hover, .link-white:focus {
    color: var(--secondary) !important;
}
.link-primary-dark, .link-primary-dark:visited, .link-primary-dark:active {
    color: var(--primary-dark) !important;
}
.link-primary-dark:hover, .link-primary-dark:focus {
    color: var(--tertiary) !important;
}

.smart-spacing > *:not(:first-child) + * {
    margin-top: var(--space-xs);
}

.smart-spacing {
    .x-text-headline:has(h1) + .x-text:not(.sub-heading),
    .x-text-headline:has(h1) + .x-row {
        margin-top: var(--text-l);
    }
    .x-text-headline:has(h2) + .x-text:not(.sub-heading),
    .x-text-headline:has(h2) + .x-row {
        margin-top: var(--text-s);
    }

    .x-text-headline:has(h3) + .x-text:not(.sub-heading),
    .x-text-headline:has(h3) + .x-row {
        margin-top: var(--text-xs);
    }
    .x-text-headline:has(h4) + .x-text:not(.sub-heading),
    .x-text-headline:has(h4) + .x-row {
        margin-top: var(--space-xxxs);
    }
    .x-text-headline:has(h5) + .x-text:not(.sub-heading),
    .x-text-headline:has(h5) + .x-row {
        margin-top: var(--space-xxxs);
    }
    .x-text-headline:has(h6) + .x-text:not(.sub-heading),
    .x-text-headline:has(h6) + .x-row {
        margin-top: var(--space-xxxs);
    }
    .x-text + .x-text-headline:has(h1) {
        margin-top: var(--h1);
    }
    .x-text + .x-text-headline:has(h2) {
        margin-top: var(--h2);
    }
    .x-text + .x-text-headline:has(h3) {
        margin-top: var(--h3);
    }
    .x-text + .x-text-headline:has(h4) {
        margin-top: var(--h4);
    }
    .x-text + .x-text-headline:has(h5) {
        margin-top: var(--h5);
    }
    .x-text + .x-text-headline:has(h6) {
        margin-top: var(--h6);
    }
}

@media (max-width: 450px) {
    section.x-section.x-section:not(:has(.x-bg:only-child)) {
        padding: var(--space-xs);
    }
}

/***************************************************************************************
CORNERSTONE OVERRIDES
***************************************************************************************/

/* General sections that all content is in */
.x-text ul > li {
    margin-top: .5em;
}
p {
    margin-bottom: var(--space-xxs);
}
pre {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    background: none;
}


/***************************************************************************************
HEADER AND FOOTER
***************************************************************************************/
body.home header .x-bar {
    background-color: transparent;
}
@media (max-width: 1100px) {
    .equities-stats {
        flex-direction: column !important;
        justify-content: center !important;
    }
    .equities-stats-block {
        width: 100% !important;
    }
}
h2 .x-text-headline {
    color: #ff0000 !important;
}
.x-tab-content h2 {
    margin-top: 10px;
}
.tabs-bonds {
    background-color: #1e445b;
    border: solid 1px #1e445b !important;
}
.tabs-stocks {
    background-color: #93bcbc;
    border: solid 1px #93bcbc !important;
    color: #ffffff !important;
}
.tabs-stocks .x-container a {
    color: #006887 !important;
}
.tabs-real-estate {
    background-color: #006887;
    border: solid 1px #006887 !important;
}
.tabs-alternative-investments {
    background-color: #da8d6d;
    border: solid 1px #da8d6d !important;
}
.tabs-alternative-investments .x-container a {
    color: #006887 !important;
}
.site .x-nav-tabs > .x-nav-tabs-item:nth-child(1) > a {
    background-color: #1e445b;
    color: #ffffff;
    border: none !important;
}
.site .x-nav-tabs > .x-nav-tabs-item:nth-child(2) > a {
    background-color: #93bcbc;
    color: #ffffff;
    border: none;
}
.site .x-nav-tabs > .x-nav-tabs-item:nth-child(3) > a {
    background-color: #006887;
    border: none;
    color: #ffffff;
}
.site .x-nav-tabs > .x-nav-tabs-item:nth-child(4) > a {
    background-color: #da8d6d;
    border: none;
    color: #ffffff !important;
}
.site .x-tab-content {
    color: #ffffff;
}
.p-meta span:nth-child(1), .p-meta span:nth-child(3) {
    display: none !important;
}
.p-meta span:nth-child(2):after {
    display: none !important;
}
.x-recent-post4 {
    background-color: #dfe2e1 !important;
    border: none !important;
}
.x-recent-posts-date {
    color: #d78d70;
    font-size: 1.2em !important;
}
.x-recent-posts .h-recent-posts, .x-recent-posts .x-recent-posts-date {
    text-overflow: initial;
    white-space: normal;
}
@media (min-width: 960px) {
    .single-x-portfolio .entry-featured {
        width: 25%;
        float: left;
        padding: 0px;
    }
    .single-x-portfolio .entry-wrap {
        width: 70%;
        float: right;
    }
}
.x-portfolio .x-recent-posts-date {
    display: none !important;
}
.page-template-template-layout-portfolio-php .h-entry-cover {
    background-color: rgba(15, 44, 75, 0.50);
}
.google-visualization-table th {
    font-size: 10px !important;
}
.google-visualization-table table tr td:nth-child(7), td:nth-child(8), td:nth-child(9) {
    background-color: #efefef;
}
.google-visualization-table td, .google-visualization-table th {
    text-align: center !important;
}
.google-visualization-table td {
    border-bottom: none !important;
    border-right: none !important;
    padding: 5px !important;
}
.google-visualization-table table tr td:nth-child(7) {
    border-left: solid 20px #fff;
}
.google-visualization-table table tr th:nth-child(7) {
    border-left: solid 20px #fff;
}

/* x-accordion overrides (Classic Accordion element)
******************************************************************************/
/* Change Icon of Toggle and color when open */
.x-accordion-heading .x-accordion-toggle:before {
    content: "\f147";
    color: #1fa2b7;
    font-size: 1.5em;
}
/* Toggle Icon Color when closed*/
.x-accordion-heading .x-accordion-toggle.collapsed:before {
    color: #1fa2b7;
    content: "\f196";
    font-size: 1.5em;
}
/* Toggle Icon Hover Color */
.x-accordion-heading .x-accordion-toggle:hover:before {
    color: #1e455d;
}
/* Toggle Bar */
/* Toggle Heading Color & Background when open */
.x-accordion-heading .x-accordion-toggle {
    color: #1e455d;
    background: #ffffff;
}
/* Background color of Toggle when closed */
.x-accordion-heading .x-accordion-toggle.collapsed {
    color: #1e455d;
    background: #ffffff;
}
/* Toggle Heading Hover Colors */
.x-accordion-heading .x-accordion-toggle:hover {
    color: #1e455d;
    background: #ffffff;
}
/* Inner Style */
.x-accordion-inner {
    border: none !important;
    padding: 0 0 0 40px;
}
.x-accordion-inner strong {
    text-transform: uppercase;
    color: #1fa2b7;
}


/* x-acc overrides (New CS accordion)
******************************************************************************/
.accordion.x-acc .x-acc-header .x-acc-header-text,
.accordion.x-acc .x-acc-header .x-acc-header-text :is(h1,h2,h3,h4,h5,h6) {
    color: var(--white);
    font-family: var(--body-font) !important;
    font-weight: 400 !important;
}
.accordion.x-acc > .x-acc-item > .x-acc-header.x-acc-header {
    background-color: var(--primary-dark);
}
.accordion.x-acc > .x-acc-item > .x-acc-header:hover,
.accordion.x-acc > .x-acc-item > .x-acc-header[class*="active"] {
    background-color: var(--primary);
}
.accordion.x-acc > .x-acc-item > .x-acc-header > .x-acc-header-content > .x-acc-header-indicator.x-acc-header-indicator {
    color: var(--white);
}
.accordion.x-acc > .x-acc-item > .x-acc-header:hover > .x-acc-header-content > .x-acc-header-indicator,
.accordion.x-acc > .x-acc-item > .x-acc-header[class*="active"] > .x-acc-header-content > .x-acc-header-indicator {
    color: var(--white);
}
/* .accordion--light color */
.accordion.accordion--light.x-acc > .x-acc-item > .x-acc-header.x-acc-header {
    background-color: var(--primary-ultra-light);
}
.accordion.accordion--light.x-acc .x-acc-header .x-acc-header-text,
.accordion.accordion--light.x-acc .x-acc-header .x-acc-header-text :is(h1,h2,h3,h4,h5,h6) {
    color: var(--primary-dark);
}
.accordion.accordion--light.x-acc > .x-acc-item > .x-acc-header > .x-acc-header-content > .x-acc-header-indicator.x-acc-header-indicator {
    color: var(--primary-dark);
}
.accordion.accordion--light.x-acc > .x-acc-item > .x-acc-header:hover > .x-acc-header-content > .x-acc-header-indicator,
.accordion.accordion--light.x-acc > .x-acc-item > .x-acc-header[class*="active"] > .x-acc-header-content > .x-acc-header-indicator {
    color: var(--primary-dark);
}

/* If there is an image (should be an avatar) */
.accordion.x-acc > .x-acc-item > .x-acc-header .x-acc-header-text:has(img) {
  display: flex;
  align-items: center;
  gap: var(--gap-s);
}
.accordion.x-acc > .x-acc-item > .x-acc-header .x-acc-header-text img {
  width: 70px;
}

.custom-banner {
    width: 100% !important;
}
/* Tool Tip Styles */
.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}
.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #3b3b3b;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    width: 300px;
    bottom: 100%;
    left: 50%;
    margin-left: -150px;
    /* Use half of the width (120/2 = 60), to center the tooltip */
    opacity: 0;
    transition: opacity .5s;
    font-size: 1.8em;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: .95;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #3b3b3b transparent transparent transparent;
}


/***************************************************************************************
MENU ITEM 
Hide mobile-only menu items on viewports wider than 1400px
***************************************************************************************/

ul.x-menu-inline .mobile-only-menu-item {
    display: none;
}

@media screen and (max-width: 1400px) {
    ul.x-menu-inline .mobile-only-menu-item {
        display: list-item;
    }
	
	ul.x-menu-collapsed .mobile-menu-top {
		border-top: 3px solid var(--primary-light) !important;
		margin-top: 10px;
		padding-top: 10px;
	}
}


/***************************************************************************************
BIOs FLEXBOX GRID
Seen on Team and Trustees pages.
***************************************************************************************/

.bio-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: var(--space-l);
}
.bio-grid__item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 0 1 320px !important;
    align-items: center;
    justify-content: center;
}
.bio-grid__image-wrap {
    width: 100%;
}
.bio-grid__avatar {
    width: 100%;
}
.bio-grid__avatar img {
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bio-grid__content-wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: center;
    padding: 20px;
}
.bio-grid__name .x-text-content-text-primary {
    color: var(--name-color) !important;
    text-transform: uppercase !important;
	word-spacing: normal;
	white-space: normal;
}
.bio-grid__title {
    margin: 0 !important;
    color: var(--title-color) !important;
    font-style: italic;
}
/* End BIO grid */


/***************************************************************************************
WP FILE DOWNLOAD OVERRIDES
Seen anywhere WPFD shortcodes are output.
***************************************************************************************/

.wpfd-single-file--buttons {
  flex-wrap: wrap;
  gap: .3em;
}

#pomv-folders .wpfd-content.wpfd-content-table{
	background-color: #fff !important;
}

.wpfd-file-crop-title {
    color: #424242 !important;
}

/***************************************************************************************
TWO COLUMN LAYOUT FOR BOARD MEETINGS

***************************************************************************************/
.break-before-column {
    break-before: column;
}

/***************************************************************************************
THE FUND TAB STYLING OVERRIDES

***************************************************************************************
.page-id-5866 .x-tabs-list [role="tab"] { 
	margin: 4px 0px 4px 0px !important; 
	padding: 20px 24px 20px 20px; 
	border-right: 3px solid #266782; 
	text-align: left; 
	text-transform: none; 
	font-size: 1rem; 
	letter-spacing: 0; 
	width: 100%; 
	line-height: 1.4;
} 
.page-id-5866 .x-tabs-list [role="tab"].x-active { 
	background-color: #fff !important; 
	border-right: 3px solid #266782; 
	color: #003057; 
} 
.page-id-5866 .x-tabs-list [role="tab"]:hover { 
	background-color: #7A99AC !important; 
	border-right: 3px solid #266782; 
	color: #003057; 
} */
.page-id-5866 .x-tabs-list [role="tab"] { 
	margin: 4px 0px 4px 0px !important; 
	padding: 20px 24px 20px 20px; 
	border-right: 3px solid #266782; 
	text-align: left; 
	text-transform: none; 
	font-size: 1rem; 
	font-family: 'Roboto Flex', Roboto, sans-serif !important;
	letter-spacing: 0; 
	width: 100%; 
	line-height: 1.4;
} 
.page-id-5866 .x-tabs-list [role="tab"].x-active { 
	background-color: #266782 !important; 
	border-right: 3px solid #003057; 
	color: #ffffff !important; 
} 
.page-id-5866 .x-tabs-list [role="tab"]:hover { 
	background-color: #7A99AC !important; 
	border-right: 3px solid #266782; 
	color: #ffffff !important; 
}

/***************************************************************************************
PDFs REPORTS GRID
Seen on reports pages like annual reports, mid fiscal
***************************************************************************************/
.grid-reports {
    background-color: var(--primary-ultra-light);
}

.grid-reports__row .x-row-inner {
  
}

.grid-reports__col {
    padding: var(--space-xs);
    max-width: calc(25% - var(--gap));
}

@media (width < 1400px) {
    .grid-reports__col {
        max-width: calc(25% - var(--gap));
    }
}
@media (width < 1160px) {
    .grid-reports__col {
        max-width: calc(33% - var(--gap));
    }
}
@media (width < 880px) {
    .grid-reports__col {
        max-width: calc(50% - var(--gap));
    }
}
@media (width < 530px) {
    .grid-reports__col {
        max-width: 100%;
    }
}

.grid-reports__item {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.grid-reports__thumb img {
    width: 180px;
    aspect-ratio: 1 / 1.294;
    filter: grayscale(1);
    transition: filter .2s ease-in-out;
}

.grid-reports__thumb img:hover {
    filter: grayscale(0);
}

.grid-reports__content {
    .wpfd-single-file {
        padding: 0;
        gap: var(--space-xxs);
        align-items: flex-start;
    }
    .wpfd-single-file .wpfd-file-content--title {
        font-weight: 400;
    }
    .wpfd-single-file--buttons {
        margin: var(--space-xxs) 0 0 0;
    }
    .wpfd-single-file-button.wpfd-button-download,
    .wpfd-single-file-button.wpfd-button-preview {
        margin-bottom: 0;
        font-size: .75rem;
        padding: 4px 10px;
        gap: 8px;
        width: auto;
        box-shadow: none;
        svg {
            height: 1rem;
            width: 1rem;
            margin: 0 !important;
        }
        span {
            text-align: left;
        }
    }
}

.grid-reports__sortrow {

}

.grid-reports__sortcol {

}

.grid-reports__sortcontent {

}

.grid-reports__sort-buttons {
    display: flex;
    gap: 1rem;
    button {
        background: white;
        border: 1px solid #77879a;
        font-weight: 700;
        letter-spacing: 1px;
        padding: .5em 1.5em;
        font-size: 0.7rem;
        line-height: 1;
    }
}


/***************************************************************************************
ICON LINKS
Seen on home page
***************************************************************************************/

.icon-links__item {
    --color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    color: var(--color);
    margin: var(--space-s);
}
.icon-links__item:hover {
    --color: var(--tertiary);
}
.icon-links__item h3 {
    margin: 0;
    font-size: var(--h4);
    font-family: var(--body-font);
}
.icon-links__item h3 a {
    color: var(--color);
    text-transform: uppercase;
    transition: color .3s ease-in-out;
}
.icon-links__item h3 a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.icon-links__item svg {
    width: 140px;
    height: 140px;
    fill: var(--color);
    transition: color .3s ease-in-out;
}
@media (max-width: 979px) {
    .icon-links__item svg {
        width: 100px;
        height: 100px;
    }
}
/* End icon links */


/***************************************************************************************
Icon Box Link
***************************************************************************************/
.icon-box-link {
    padding: var(--space-xxxs);
    transition: all .3s ease-in-out;
}
.icon-box-link__icon img {
    width: 80px;
    height: 80px;
}
.icon-box-link__header h4 {
    font-size: var(--h5) !important;
}
.icon-box-link__text {
    font-size: .9em !important;
}
.icon-box-link:hover {
    transform: scale(1.08);
}


/***************************************************************************************
NEWS
***************************************************************************************/

.full-story-home .title {
    display: block;
    font-size: var(--h3);
    color: var(--primary-dark);
}
.full-story-home .date {
    display: block;
    font-size: var(--h4);
    margin-bottom: var(--space-xs);
    color: var(--tertiary);
}



/***************************************************************************************
WP GRID BUILDER
Seen on news page, board meetings, media resources
***************************************************************************************/

/* Terms */
.wp-grid-builder.wp-grid-builder .wpgb-card-22 .wpgb-block-2 .wpgb-block-term:hover {
  color: var(--primary-dark);   
}

/* Title */
.wp-grid-builder.wp-grid-builder .wpgb-block-3 a {
  font-size: var(--h3) !important;
  font-family: var(--body-font) !important;
  font-weight: bold;
  position: relative;
  z-index: 2;
}
.wp-grid-builder.wp-grid-builder .wpgb-block-3 a:hover {
  color: var(--primary);
}
.wp-grid-builder.wp-grid-builder .wpgb-block-3 a:focus-visible:after {
  background-image: linear-gradient(to right, var(--primary-dark-trans-90) 75%, transparent);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Read More */
.wp-grid-builder.wp-grid-builder .wpgb-block-5:hover {
  color: var(--primary);
}
.wp-grid-builder.wp-grid-builder .wpgb-block-5 a:focus-visible {
  border-bottom: 2px solid var(--tertiary);
}

/* Button facets for category selection */
.wpgb-facet.wpgb-facet-9.wpgb-style-1 .wpgb-button:after {
  content: ">";
}

/* Load more button */
.wp-grid-builder.wp-grid-builder .wpgb-facet-5 button.wpgb-button {
    background-color: transparent;
    border: 2px solid white;
    color: white;
    border-radius: 10em;
    padding: 10px 16px;
}
.wp-grid-builder.wp-grid-builder .wpgb-facet-5 button.wpgb-button:hover {
    transform: translateY(-2px);
    border-color: var(--primary-light);
    background-color: transparent;
}
/* Dark variation */
.grid-dark .wp-grid-builder.wp-grid-builder .wpgb-facet-5 button.wpgb-button {
    background-color: transparent;
    border: 2px solid var(--primary-dark);
    color: var(--primary-dark);
}
.wp-grid-builder.wp-grid-builder .wpgb-facet-5 button.wpgb-button:hover {
    border-color: var(--primary-light);
}

.wpgb-facet.wpgb-facet-10.wpgb-style-1 input.wpgb-input {
    cursor: pointer;
    background-color: var(--primary-ultra-light);
}

/***************************************************************************************
MAYBE UNUSED CAN BE REMOVED
***************************************************************************************/

@media screen and (max-width: 768px) {
    .fund-borders div {
        border: none !important;
    }
}
.grid {
    list-style: none;
    margin-left: -40px;
    text-align: center;
}
.gc {
    box-sizing: border-box;
    display: inline-block;
    margin-right: -.25em;
    min-height: 1px;
    padding-left: 40px;
    vertical-align: top;
}
.gc--1-of-3 {
    width: 33.33333%;
    text-align: left;
}
.gc--2-of-3 {
    width: 66.66666%;
    text-align: left;
}
.naccs {
    position: relative;
    max-width: 1280px;
    margin: 40px auto;
}
.naccs h6 {
    color: #fff;
    margin: 0;
}
.naccs .menu div {
    padding: 15px 20px 15px 30px;
    margin-bottom: 10px;
    color: #93BCBC;
    background: #F7F7F7;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    font-weight: 700;
    -webkit-transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    text-transform: uppercase;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.naccs .menu div:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.naccs .menu div span.light {
    height: 3px;
    width: 3px;
    position: absolute;
    top: 26px;
    left: 15px;
    background-color: #93BCBC;
    border-radius: 100%;
    -webkit-transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.naccs .menu div.active span.light {
    background-color: #006194;
    left: 0;
    height: 100%;
    width: 3px;
    top: 0;
    border-radius: 0;
}
.naccs .menu div.active {
    color: #006194;
    padding: 15px 20px 15px 20px;
}
ul.nacc {
    position: relative;
    height: 0px;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
ul.nacc li {
    color: #fff;
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    position: absolute;
    list-style: none;
    -webkit-transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
ul.nacc li.active {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
ul.nacc li p {
    margin: 0;
}
@media screen and (max-width: 992px) {
    .gc--1-of-3 {
        width: 50%;
    }
    .gc--2-of-3 {
        width: 50%;
    }
}
@media screen and (max-width: 768px) {
    .gc--1-of-3 {
        width: 100%;
    }
    .gc--2-of-3 {
        width: 100%;
    }
    .naccs .menu div span.light {
        top: 24px;
    }
}
@media screen and (max-width: 576px) {
    .gc--1-of-3 {
        width: 100%;
    }
    .gc--2-of-3 {
        width: 100%;
    }
}
.vp-center {
    margin: 0;
}
/*top social menu color change*/
.e126-7.x-anchor-toggle .x-anchor-text-primary,
.e126-6.x-menu > li > .x-anchor .x-anchor-text-primary {
    color: #bee2fb;
}
.e126-6.x-menu > li > .x-anchor {
    border-color: transparent #bee2fb transparent transparent;
}
.e126-7 .x-icon:before {
    color: #bee2fb;
}
/* End of stuff to sort */

/* Fix for previous developer's CSS that didn't work correctly */
#card-5740 .x-text-content-text,
#card-5745 .x-text-content-text,
#card-5741 .x-text-content-text,
#card-5744 .x-text-content-text {
    max-width: none !important;
}

/* Performance Page tooltip popup */
.has-tooltip {
    position: relative;
    cursor: help;
}
.has-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 0;
    background: #7a99ac;
    color: #003057;
    padding: 10px 14px;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.4;
    width: 280px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 100;
    margin-bottom: 6px;
}
.has-tooltip:hover::after {
    opacity: 1;
}

/* Investment WPFD link fix */
.page-id-5867 .wpfd-file-content--title a {
    color: var(--primary-light) !important;
}
.page-id-5867 .wpfd-file-content--title a:hover {
    color: var(--tertiary) !important;
}

/* Education Teachers/Students video tab styling */
.e6248-e46 .x-tabs-list [role="tab"] {
    margin: 4px 8px 4px 0px !important;
    padding: 16px 40px 16px 40px;
    text-align: left;
    text-transform: none;
    font-size: 1rem;
    font-family: 'Roboto Flex', Roboto, sans-serif !important;
    letter-spacing: 0;
    line-height: 1.4;
    /*border-bottom: 3px solid #003057;*/
}
.e6248-e46 .x-tabs-list [role="tab"].x-active {
    background-color: #266782 !important;
    color: #ffffff !important;
}
.e6248-e46 .x-tabs-list [role="tab"]:hover {
    background-color: #7A99AC !important;
    color: #ffffff !important;
}

/* Education page - stack tabs below 1000px */
@media (max-width: 1000px) {
    .e5866-e82 .x-tabs-list ul[role="tablist"] {
        flex-direction: column;
    }
    .e5866-e82 .x-tabs-list ul[role="tablist"] li {
        width: 100%;
    }
    .e5866-e82 .x-tabs-list ul[role="tablist"] li button {
        width: 100%;
    }
}

/* Investment Strat single file padding fix */
.page-id-5867 .wpfd-single-file {
    padding-left: 0 !important;
}

/* Board Meetings page - accordion two-column layout */
.page-id-6579 .x-acc-content .x-text {
    column-count: 2;
    column-gap: var(--space-xl);
}