/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


body {background:var(--grey-deep-neutral);} /* removing flashes of white on animated elements by making the canvas dark */


/* === Header - Overall proportion control === */

.sticky-header {padding-inline:var(--padding-box-largest);justify-content:center;align-items:center;box-shadow:0 5px 5px rgba(13,13,11,0.3);min-width:100%;min-height:120px}
.sticky-header-row {flex-direction:row!important;max-width:var(--site-width);align-items: center;justify-content: space-between;}
.sticky-header.elementor-sticky--effects {min-height:80px;padding-block:10px;}
.sticky-header .site-logo img {transform: scale(1);transform-origin:left center;width:250px;max-width:250px;}
.sticky-header.elementor-sticky--effects .site-logo img {transform: scale(0.75);}
.sticky-header .elementor-nav-menu .menu-item a {font-size:var(--text-base);!important}
.elementor-nav-menu--dropdown {padding-block:40px} /*add a bit of space top and bottom to the Mobile dropdown menu*/
.elementor-menu-toggle__icon--close, .elementor-menu-toggle__icon--open {line-height: 0!important;} /*Fixing Elementor Aria */
.wp-menu .elementor-menu-toggle i, .wp-menu .elementor-menu-toggle svg {display: flex;align-items: center;justify-content: center;height: 100%;} /*Fixing Elementor Aria */

.sticky-header, .sticky-header.elementor-sticky--effects, .sticky-header .site-logo img,
.sticky-header .elementor-nav-menu .menu-item a, .sticky-header.elementor-sticky--effects .elementor-nav-menu .menu-item a,
.sticky-header .elementor-nav-menu, .sticky-header.elementor-sticky--effects .elementor-nav-menu {transition:all 0.3s ease-out} /*all the tweaning one setting */


@media (min-width:1024px) {
    /* Limiting to full menu desktop view */
    .sticky-header.elementor-sticky--effects .elementor-nav-menu .menu-item a {font-size:var(--text-sm)!important}
    .sticky-header .elementor-nav-menu {gap:15px!important}
    .sticky-header.elementor-sticky--effects .elementor-nav-menu {gap:10px!important}


}

@media (max-width:1023px) {
    .sticky-header {padding-inline:var(--padding-box-med);padding-block:var(--padding-box-small);min-height:80px}
    .sticky-header .elementor-nav-menu--dropdown {top:50px!important}
    .sticky-header .site-logo img {max-width:220px}
}

@media (max-width:767px) {
    .sticky-header {padding-inline:var(--padding-box-small);min-height:60px}
    .sticky-header .elementor-nav-menu--dropdown {top:45px!important}
    .sticky-header .site-logo img {max-width:180px}
}


/* === Atomic Layout helpers - for flex wraps === */

/* 4 Column Widget */
.col-4-widget {display:flex; flex-wrap:wrap;width:100%;}

.col-4-widget > * {flex:1 1 23%; box-sizing:border-box;min-width:0;}

/* 4 Column Widget - Tablet - 2 columns */
@media (max-width:1024px) {.col-4-widget > * {flex:1 1 48%;}}

/* 4 Column Widget - Mobile - 1 column */
@media (max-width:767px) {.col-4-widget > * {flex:1 1 100%;}}

/* 2 Column Widget */
.col-2-widget {display:flex;flex-wrap:wrap;width:100%;}

.col-2-widget > * {flex:1 1 48%;box-sizing:border-box;min-width:0;}

/* 2 Column Widget - Tablet */
@media (max-width:1024px) {.col-2-widget > * {flex:1 1 48%;}}

/* 2 Column Widget - Mobile */
@media (max-width:767px) {.col-2-widget > * {flex:1 1 100%;}}

/* 3 Column Widget */
.col-3-widget {display:flex;flex-wrap:wrap;width:100%;}
.col-3-widget > * {flex:1 1 30%;box-sizing:border-box;min-width:0;}

/* 3 Column Widget - Tablet - Keep 3 columns (avoid orphans) */
@media (max-width:1024px) {.col-3-widget > * {flex:1 1 30%;}}

/* 3 Column Widget - Mobile - Stack to 1 column */
@media (max-width:767px) {.col-3-widget > * {flex:1 1 100%;}}

/* 3 Column Widget - Thin (3 cols until mobile, then 2 cols) */
.col-3-widget-thin {display:flex;flex-wrap:wrap;gap:24px;width:100%;}
.col-3-widget-thin > * {flex:1 1 30%;box-sizing:border-box;min-width:0;}

/* 3 Column Widget - Thin - Mobile - Break to 2 columns */
@media (max-width:767px) {
    .col-3-widget-thin > * {flex:1 1 48%;}
}



/* === Custom Shortcode Styles === */


/* --- Shortcode - Pretty button for Fund Post Page - Sits top right of details used for both MDD and also for application form */

.mdd-advanced  {display: inline-block;width:100%;}
.mdd-advanced a {color:var(--off-white);background:transparent;padding:15px 24px 15px 48px;border-radius: var(--radius-medium);border: 1px solid var(--grey-slate);display: flex;justify-content: space-between;align-items: center;align-self: stretch;}
.mdd-advanced a:before, .mdd-advanced a:after {content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 32px; height: 32px;background:var(--gold-positive);mask-size: contain;mask-repeat: no-repeat;transition: all 0.25s ease;}
.mdd-advanced a:before {left:10px;mask-image: url(/wp-content/uploads/2026/05/Doc-Gold-32px.svg);}
.mdd-advanced a:after {right:15px;mask-image: url(/wp-content/uploads/2026/05/Chevron-Right-Gold-32px.svg)}
.mdd-advanced a:hover {border: 1px solid var(--off-white);}
.mdd-advanced:hover a:after {right:10px}



/* --- Shortcode - Fund Member Team Grid for Fund page */

.team-image-link {width:100%;}
.fund-relations-team-ftrd {max-height:300px;background-color: var(--stone-grey);width:100%;object-fit:cover;border-radius:var(--radius-small)!important;}
.fund-team-member-grid .box-style-1 {display:flex;flex-direction:column!important;align-items:center}
.fund-team-member-name, .fund-member-team-role {color:white;line-height:1em!important}
.fund-team-member-name {margin:0}
.fund-member-team-role {margin-bottom:var(--gap-xsmall);}



/* --- Shortcode - Funds Strategy Accordion - Cleaned with Original Skinny Buttons - Funds index landing page */

.custom-strategy-accordion {display:flex;flex-direction: column;gap:var(--gap-medium);}

.strategy-item {background:var(--grey-deep-neutral);border-radius:var(--radius-medium);overflow: hidden;transition: all 600ms ease;}
.strategy-header {padding:var(--padding-box-small);cursor: pointer;display:flex;flex-direction:column;gap:var(--gap-xsmall);transition: background 600ms ease;}
.strategy-header p {margin-block-end: 0;}

.strategy-name {color:var(--white);margin: 0;font-size:var(--text-2xl)!important;font-weight:600;}
.strategy-description {color:var(--grey-stone);margin: 0;font-size:var(--text-sm)!important;line-height:var(--leading-normal);}
.strategy-funds-content {display: flex;flex-direction: column;padding: 0 20px 20px;background: #212121;gap:0;}

.strategy-toggle-btn {background: transparent!important;color:#E0A800!important;border:none;padding-left:40px!important; /* Extra left padding for icon */
    border-radius: 4px;cursor: pointer;font-weight: 500;font-size: 1rem;display: inline-flex;align-items: center;gap: 10px;position: relative;transition: all 0.25s ease;min-height: 32px;}
.strategy-toggle-btn:hover {background: #f5b800;color:#F2C200;}
.strategy-toggle-btn::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 32px; height: 32px;
    background: currentColor;mask-image: url(/wp-content/uploads/2026/05/funds-viewmore-open.svg);mask-size: contain;mask-repeat: no-repeat;
    transition: all 0.25s ease;}
.strategy-item:not(.active) .strategy-toggle-btn::before {mask-image: url(/wp-content/uploads/2026/05/funds-viewmore-closed.svg);}

.strategy-toggle-btn .view-less {display: none;}
.strategy-item.active .strategy-toggle-btn .view-more {display: none;}
.strategy-item.active .strategy-toggle-btn .view-less {display: inline;}

.full-fund-cards {display:flex;flex-direction: column;max-height: 0;opacity: 0; overflow:hidden;transition: all ease-out 300ms;grid-template-columns: 1fr;gap:20px;padding-top: 0;}
.strategy-item.active .full-fund-cards {max-height: 2000px;opacity: 1;padding-top: 20px;transition: all ease-out 600ms;}

.fund-full-card {padding: 18px 20px 20px 20px;border-radius:8px;border: 1px solid #524F46;background: linear-gradient(0deg, rgba(40, 36, 27, 0.70) 0%, rgba(28, 25, 16, 0.70) 100%);}
.index-fund-title {color: #ffffff;margin: 0 0 10px 0;font-size:var(--text-lg)!important;font-weight:600;}

.fund_short_description {font-size:var(--e-variable-text-xs);color: #cccccc;}

.fund-meta-row {display: flex;justify-content: space-between;align-items: flex-start;gap: 20px;flex-wrap: wrap;padding: 10px 0;}
.fund-risk {color: #f5b800;font-weight: 600;font-size: 1.1rem;}

.fund_minimum_investment, .risk-name-column {display: flex;flex-direction: column;gap:0;color:var(--tangerine-bright);}
.min-label, .risk-label {font-size:var(--text-xs)!important;}
.min-value, .risk-name {font-size:var(--text-sm)!important;font-weight: 600;}
.fund_min_investment{align-items: flex-end;}

.fund-features-row {display: grid;grid-template-columns: 2fr 1fr;gap: 32px;align-items: start;}
.fund-key-features {color:var(--grey-stone);line-height: 1.6;}
.fund-key-features h3 {font-size: var(--text-sm)!important;margin-block-start:0;margin-block-end:0.5em;}
.fund-key-features ul {padding-left: 20px;margin: 0;font-size:var(--text-sm)!important;}
.view-fund-button {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-end; align-items: flex-end;height: 100%;}

.risk-slider-container {display: flex;align-items: center;gap: 24px;}
.risk-slider-wrapper {flex: 1;width:120px;}
.risk-slider-track {height: 6px;background: #3a3a3a;border-radius: 9999px;position: relative;}

.risk-slider-track::before {
    content: '';position: absolute;top: 50%;left: 0;right: 0;height: 2px;
    background: repeating-linear-gradient(
        to right,
        transparent 0%,                    /* Start */
        transparent 24%,
        rgba(255,255,255,0.25) 24%,
        rgba(255,255,255,0.25) 25%,        /* Tick 1: 25% */

        transparent 25%,
        transparent 49%,
        rgba(255,255,255,0.25) 49%,
        rgba(255,255,255,0.25) 50%,        /* Tick 2: 50% */

        transparent 50%,
        transparent 74%,
        rgba(255,255,255,0.25) 74%,
        rgba(255,255,255,0.25) 75%,        /* Tick 3: 75% */

        transparent 75%,                   /* Final transparent section */
        transparent 100%                   /* Extend to end */
    );
    transform: translateY(-50%);
}

.risk-slider-indicator {position: absolute;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;background:var(--tangerine-bright);border: 3px solid #1a1a1a;border-radius: 50%;transition: left 0.4s ease;}

.risk-name-column {display: flex;flex-direction: column;align-items: flex-start;color:var(--tangerine-bright);}

.chevron-fund-buttons-row {display: flex;flex-wrap: wrap;gap: 12px;margin-bottom:20px} 
.strategy-item.active .chevron-fund-buttons-row {display: none;}



/* --- Shortcode - Funds MDD Simple list  - Funds index page - Only returns single latest fact sheet - The styles an animations are closely emulating .mdd-advanced a */

.simple-funds-mdd-list {display:flex;flex-direction:column;gap:var(--gap-xsmall);}
.simple-funds-mdd-link {display:flex;align-items:center;background:transparent;padding:10px 15px;border-radius:var(--radius-medium);border: 1px solid var(--grey-slate);text-decoration:none;color:inherit;transition:all 0.25s ease;}
.simple-funds-mdd-link:hover {border: 1px solid var(--off-white);}
.simple-funds-mdd-link:hover .simple-funds-mdd-chevron {transform:translateX(10px);}
.simple-funds-mdd-content {flex:1;}
.simple-funds-mdd-title {font-size:var(--text-sm);font-weight:600;color:var(--white);}
.simple-funds-mdd-strategy {color:var(--grey-stone);font-size:var(--text-xs);}
.simple-funds-mdd-icon, .simple-funds-mdd-chevron {width:32px;height:32px;background:var(--gold-positive);mask-size:contain;mask-repeat:no-repeat;flex-shrink:0;}
.simple-funds-mdd-icon {mask-image:url(/wp-content/uploads/2026/05/Doc-Gold-32px.svg);margin-right:10px;}
.simple-funds-mdd-chevron {mask-image:url(/wp-content/uploads/2026/05/Chevron-Right-Gold-32px.svg);transition: all 0.25s ease;}


/* --- Shortcode - Funds archive list with date etc === */

/* Spacing */

.factsheets-list {display:flex;flex-direction:column;gap:0;}
.factsheets-header, .fund-row {display:grid;grid-template-columns: 40% 19% 12% minmax(130px, 1fr) minmax(140px, 1fr);gap: 12px;align-items: center;}
.factsheets-header {padding:10px 0;margin-bottom:20px;gap:10px;position:relative;box-sizing:border-box;border-bottom: 1px solid var(--grey-stone);}
.fund-row {background-color:transparent;padding:20px 0;gap:10px;border-bottom:1px solid var(--grey-pale);}
.latest-fact-sheet-col a, .info-sheet-col a, .view-all-col a {width: 100%!important;text-align: center;white-space: nowrap;}
.factsheets-header > div:not(:first-child),.fund-row > div:not(:first-child) {justify-self:center;}

/* Elements */

.fund-name {font-weight:600;color:var(--black);min-width:220px;position:relative;padding-left:44px;}
.fund-strategy {color:var(--white);background-color:var(--tangerine-default);padding:6px 12px;font-size: var(--text-xs)!important;border-radius:99px;line-height:var(--leading-solid);}
.fund-documents-expand {grid-column: 1 / -1;width: 100%;margin-top: 12px;padding:10px}
.historical-documents {display:flex;flex-direction:column;gap:8px;}
.historical-doc-link {display:flex;justify-content: space-between;align-items: center;padding: 5px 12px;background:var(--grey-pale);border-radius: var(--radius-small);color:var(--grey-deep-neutral);text-decoration: none;}
.historical-doc-link:hover {background:#444;color:#fff;}
.doc-date {color:var(--grey-deep-neutral)}
.historical-doc-link:hover .doc-date {color:var(--white);}
.fund-name::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 32px;height: 32px;background: var(--grey-stone);mask-image: url(/wp-content/uploads/2026/06/Doc-Silver-32px.svg);mask-size: contain;mask-repeat: no-repeat;}

/* Buttons etc */

.factsheets-filters {display:flex;flex-wrap:wrap;gap:10px 40px;margin-bottom:20px;}
.filter-btn {background-color:transparent!important;color:#000;border:none;padding:8px 0!important;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all 0.2s ease;}
.filter-btn .count {background:var(--grey-pale);color:#000;padding:3px 9px;border-radius:9999px;font-size:0.85rem;font-weight:700;}
.filter-btn:hover {color:var(--black);}
.filter-btn.active {color:var(--black);font-weight:600;}
.filter-btn.active .count {background:var(--gold-positive);color:#000;}
.fund-name a {color: inherit;text-decoration: none;transition: all 0.2s ease;}
.fund-name a:hover {color:var(--black);text-decoration: underline;}
.download-button.disabled, .view-all-btn.disabled, .chevron-button.disabled, .download-button.disabled::before, .view-all-btn.disabled::after {opacity: 0.3;pointer-events: none;}

@media (max-width: 1024px) {

    .factsheets-header {display: none;}
    .fund-row {display: flex;flex-direction: column;align-items: flex-start;gap: 12px;padding: 20px 0;border-bottom: 1px solid var(--grey-pale);}
    .fund-name, .fund-strategy, .info-sheet-col, .latest-fact-sheet-col, .view-all-col {width: 100%;text-align: left;justify-self: start;}
    .fund-strategy {width: fit-content;padding: 6px 16px;}
    .info-sheet-col a, .latest-fact-sheet-col a, .view-all-col a {width: 100%;text-align: center;}
}


/* --- Shortcode - Fund Page Risk Slider - Standalone Version for fund page */

.fundpage-risk-container {text-align:center;margin:20px 0 80px 0;width:100%;padding-inline:30px;}
.fundpage-risk-labels {display:flex;justify-content:space-between;margin-bottom:30px;font-size:var(--text-xs);color:var(--white);text-align:center;}
.fundpage-risk-track {height:10px;background:linear-gradient(to right,#33889C,#D46C31);border-radius:9999px;position:relative;margin:0 auto;width:calc(100% - 25px);}
.fundpage-risk-indicator {position:absolute;top:-15px;width:40px;height:40px;background-color:#000;border:4px solid var(--gold-positive);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.3);}
.fundpage-risk-plus {color:var(--gold-positive);font-size:24px;font-weight:700;line-height:1;}
.fundpage-risk-indicator::after {content:attr(data-risk);position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);padding:3px 14px;
    background:var(--gold-positive);color:var(--grey-deep-neutral);font-weight:700;font-size:var(--text-sm);border-radius:9999px;white-space:nowrap;}














/* === Page Elements === */


/* --- Button Hacks --- */

/* Chevron Buttons - These are used in a number of shortcodes as basic buttons without Elementor Influence */

.chevron-button, .simple-button, .download-button {background:var(--gold-positive); color:#000; padding:6px 12px; /* Link padding with the atomic button to look the same */ border-radius:5px!important; 
    text-decoration:none; font-weight:600; font-size:var(--text-xs)!important; width:fit-content;white-space:nowrap; transition:all 0.25s ease; position:relative;}

.chevron-button /* - Just boosting space for icon */ {padding-right:28px;}
.download-button /* - Just boosting space for icon */ {padding-left:28px;}

.chevron-button::after {content:"›"; position:absolute; right:12px; top:50%;transform:translateY(-50%); font-size:1.4em;transition:all 0.25s ease;}
.download-button::before {content:url(/wp-content/uploads/2026/06/Download-Black-12px.svg); position:absolute; left:12px; top:50%;transform:translateY(-50%); font-size:1.4em;transition:all 0.25s ease;}

.chevron-button:hover, .simple-button:hover, .download-button:hover {font-weight:600;font-size:var(--text-xs)!important;background:var(--gold-reversal);color:black;}

/* Elementor Atomic Button Pseudo elements - Adding icons after basic atomic presets */

.button-chevron.e-button-base, .button-chevron-line.e-button-base {position:relative;padding-right:25px!important;}
.button-chevron.e-button-base:after, .button-chevron-line.e-button-base:after {content:"›";position:absolute;right:10px!important;top:50%;transform:translateY(-50%);font-size:1.4em;transition:all 0.25s ease;color:inherit;}
.button-chevron.e-button-base:hover:after, .button-chevron-line.e-button-base:hover:after {right:10px!important;}


/* Home Page - Cross device on philosophy */

.home-cross-text::before {content: '';position:absolute;left:30px;top:-67px;width:100px; height:100px;background: var(--gold-positive);mask-image: url(/wp-content/uploads/2026/06/Large-Cross-Device.svg);mask-size: contain;mask-repeat: no-repeat;}


/* Invest number blocks on Fund pages */

.invest-number-row {display:flex; flex-wrap:wrap;width:100%;justify-content:space-between;}
.invest-number-block {width: calc(25% - 30px);box-sizing:border-box;min-width:0;position:relative;}
.invest-number-block::after {content: '';position:absolute;right:-36px;top: 50%;transform: translateY(-50%);width:32px; height:32px;
    background: var(--gold-positive);mask-image: url(/wp-content/uploads/2026/06/invest-number-arrow.svg);mask-size: contain;mask-repeat: no-repeat;}
.invest-number-block:last-child::after {content:none}

@media (max-width:1024px) {
    .invest-number-block {width:calc(50% - 10px);} 
    .invest-number-block::after {content:none}
}

@media (max-width:767px) {
    .invest-number-block {width:100%;} 
}



/* FAQ Accordian - Used on fund pages etc. Note the inclusion of JS under scripts.js to function */

.faq-question {cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding-right:50px!important;}
.faq-question:after {position:absolute;right:0;top:50%;transform:translateY(-50%);content:'';width:32px;height:32px;
    background:var(--gold-positive);mask-image:url(/wp-content/uploads/2026/05/Chevron-Right-Gold-32px.svg);mask-size:contain;mask-repeat:no-repeat;transition:transform 0.35s ease;}
.faq-item.active .faq-question:after {transform:translateY(-50%) rotate(-90deg);}
.faq-answer {padding-top:10px;max-height:0;overflow:hidden;transition:max-height 0.5s ease,padding 0.5s ease;}
.faq-item.active .faq-answer {max-height:800px;}
.faq-item, .faq-item.active {transition:all 0.3s ease;}




/* ==== Elementor Widget Elements === */


/* Useful Links footer custom arrow */

.useful-links-menu .elementor-nav-menu--main .menu-item > a,
.useful-links-menu .elementor-nav-menu .menu-item > a {
    position: relative !important;
    padding-right:32px !important;
}

.useful-links-menu .elementor-nav-menu--main .menu-item > a::after,
.useful-links-menu .elementor-nav-menu .menu-item > a::after {
    content: '';
    position: absolute !important;
    right: 0;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 24px;
    height: 24px;
    background: var(--gold-positive) !important;
    mask-image: url(/wp-content/uploads/2026/06/invest-number-arrow.svg) !important;
    mask-size: contain !important;
    mask-repeat: no-repeat !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Hover Effect - Shift arrow 10px to the right */
.useful-links-menu .elementor-nav-menu--main .menu-item > a:hover::after,
.useful-links-menu .elementor-nav-menu .menu-item > a:hover::after {
    right: -5px;
}


/* Fancy bulleted list - Eg: About page */

/* Fancy Bullet List */

.fancy-list ul {list-style: none;padding-left: 0;margin-top:0.5em;margin-bottom:1em;}
.fancy-list li {position: relative;padding-left:2em;margin-bottom:0.5em;line-height: 1.5;color:inherit;}
.fancy-list li::before {content: '';position: absolute;left: 0;top: 0.25em;width: 1em;height: 1em;background: url(/wp-content/uploads/2026/02/cross-favicon.png) no-repeat center;background-size: contain;}


/* ESG Page and Impact Page - Tick bullets items */

.tick-stats {display:flex;flex-wrap:wrap;width:100%;}
.tick-stats > * {flex:1 1 48%;box-sizing:border-box;min-width:0;}
.tick-bullet, .tick-bullet-gold {padding-left:25px;position:relative;padding-right:10px;}
.tick-bullet::before, .tick-bullet-gold::before {content:'';left:0px;position:absolute;top:0.2em;width:16px;height:16px;mask-size:contain;mask-repeat:no-repeat;}
.tick-bullet::before {mask-image: url(/wp-content/uploads/2026/06/Tick-Orange-16px.svg);background:var(--tangerine-default);}
.tick-bullet-gold::before {mask-image: url(/wp-content/uploads/2026/06/Tick-Gold-16px.svg);background:var(--gold-positive);}