/* WCAG 2.4.1 — skip navigation link, visually hidden until focused */ .skip-link { position: fixed; top: -100%; left: 1rem; z-index: 10000; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 1rem 1.75rem; background: #fff; color: #004C31; font-weight: 700; font-size: 1.25rem; line-height: 1.3; border: 2px solid #004C31; border-radius: 6px; text-decoration: none; transition: top 0.1s; } .skip-link:focus { top: 1rem; outline: 3px solid #004C31; outline-offset: 2px; } /* Prevent horizontal overflow on mobile. Applied to .body_wrap (not body) so the sticky header above it keeps a clean scroll container. */ .body_wrap { overflow-x: clip; } /* Navbar — sticky on all viewports. React wraps the header HTML in .header-container; display:contents removes that box so .header_wrap is a direct layout child of , which is the scroll container. The header lives outside .body_wrap so overflow-x:clip on .body_wrap cannot break sticky. */ .header-container { display: contents; } /* flow-root establishes a BFC so .full_wrap float:left children are contained and body_wrap has its full height — required for position:sticky to work. */ .body_wrap { display: flow-root !important; } .full_wrap.header_wrap { position: -webkit-sticky !important; position: sticky !important; top: 0; z-index: 999; overflow: visible !important; border-radius: 0 !important; float: none; } .full_wrap.header_wrap::after { content: none !important; display: none !important; } /* Navbar hover — text + underline (nav links only, not the Login button) */ .header_wrap .inner_wrap .right_wrap ul li:hover > a:not(.common_anchor) > p, .header_wrap .inner_wrap .right_wrap ul li:hover > a:not(.common_anchor) p { color: #637a48 !important; } .header_wrap .inner_wrap .right_wrap ul li .sub-menu li a:hover p { color: #637a48 !important; } .menu_ul > li:hover > a:not(.common_anchor), .menu_ul > li:hover > a:not(.common_anchor) p { color: #637a48 !important; } .menu_ul > li > a:not(.common_anchor)::after { background: #637a48 !important; } .menuactive:not(:has(> a.common_anchor)), .menuactive:not(:has(> a.common_anchor)) * { color: #637a48 !important; } /* Login CTA — keep white text; only background changes on hover */ .header_wrap .menu_ul > li > a.common_anchor, .header_wrap .menu_ul > li:hover > a.common_anchor, .header_wrap .menu_ul > li.menuactive > a.common_anchor { color: #fff !important; } .header_wrap .menu_ul > li > a.common_anchor:hover { color: #fff !important; background-color: #117640 !important; } .header_wrap .menu_ul > li > a.common_anchor::after { display: none !important; } /* Contact page — remove green padding below form, white gap, and corner notches */ .route-contact-us .aif_table_wrap.cont_form_parent_wrap { padding-bottom: 0 !important; } .route-contact-us ~ div .footer_wrap { margin-top: 0 !important; border-radius: 0 !important; } .contact_top_wrap .contact_table_wrap table thead th p.accent, .contact_top_wrap .contact_table_wrap table thead th .accent { color: #637a48 !important; } /* 404 — not found page */ .not-found_wrap { padding: 100px 0 120px; min-height: 50vh; background: #f0f0f0; color: #117640; } .not-found_inner { max-width: 640px; margin: 0 auto; text-align: center; } .not-found_code { margin: 0 0 8px; font-family: bold_font, sans-serif; font-size: clamp(4rem, 12vw, 7rem); line-height: 1; color: #117640; letter-spacing: -0.04em; } .not-found_wrap .common_header.large { margin: 0 0 16px; padding-top: 0; color: #117640 !important; } .not-found_message { margin: 0 auto 32px; max-width: 480px; font-size: 18px; line-height: 1.55; color: #117640; } .not-found_actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } .not-found_actions .common_anchor { margin-top: 0; } @media only screen and (max-width: 786px) { .not-found_wrap { padding: 72px 0 96px; } .not-found_message { font-size: 16px; margin-bottom: 28px; } .not-found_actions { flex-direction: column; gap: 12px; } .not-found_actions .common_anchor { width: 100%; max-width: 280px; text-align: center; box-sizing: border-box; } } /* AIF page — "GET STARTED" / "NIVESHAAY HEDGEHOGS FUND" CTA buttons */ .aif_feature_wrap .button_wrap .common_anchor, .aif_feature_wrap .button_wrap .common_anchor.border { background-color: #587d2c !important; border-color: #587d2c !important; } .aif_feature_wrap .button_wrap .common_anchor:hover, .aif_feature_wrap .button_wrap .common_anchor.border:hover { background-color: #004c31 !important; border-color: #004c31 !important; } /* Blog content — headings and strong/b must use bold_font (weights are separate font families here, so font-weight:700 alone has no effect on the custom inter-* faces) */ .blogs_list_wrap h1, .blogs_list_wrap h2, .blogs_list_wrap h3, .blogs_list_wrap h4, .blogs_list_wrap h5, .blogs_list_wrap h6, .content_wrap h1, .content_wrap h2, .content_wrap h3, .content_wrap h4, .content_wrap h5, .content_wrap h6, .blogs_list_wrap strong, .blogs_list_wrap b, .content_wrap strong, .content_wrap b { font-family: bold_font; } /* Knowledge listing pages — remove the 90px top gap above the blog grid */ [class*="route-knowledge-"] .gridContainer { padding-top: 0 !important; } /* Modals — center in viewport + darker backdrop */ .modal-backdrop { position: fixed !important; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 !important; } .modal-backdrop.in { opacity: 0.5 !important; } .modal { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 1050 !important; overflow-x: hidden !important; overflow-y: auto !important; outline: 0 !important; } .modal.fade { opacity: 0; transition: opacity 0.3s linear; } /* Shown before .in so the dialog can animate from above into place */ .modal.fade.show-prep { display: flex !important; align-items: center; justify-content: center; opacity: 0; } .modal.fade.in, .modal.in { display: flex !important; align-items: center; justify-content: center; opacity: 1 !important; } /* Bootstrap slide-down: start above center, ease into place */ .modal.fade .modal-dialog, .modal.fade .modal-dialog.modal-dialog-centered { position: relative; margin: 1.75rem auto !important; width: auto; max-width: 800px; -webkit-transform: translate(0, -30%); -ms-transform: translate(0, -30%); transform: translate(0, -30%); -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.fade.in .modal-dialog, .modal.in .modal-dialog, .modal.fade.in .modal-dialog.modal-dialog-centered, .modal.in .modal-dialog.modal-dialog-centered { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal .modal-content { border-radius: 8px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35); } @media only screen and (max-width: 786px) { .modal.fade.show-prep, .modal.fade.in, .modal.in { align-items: center; justify-content: center; padding: 16px 0; } .modal.fade .modal-dialog, .modal .modal-dialog { margin: 0 auto !important; width: calc(100% - 24px) !important; max-width: 100% !important; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); } .modal .modal-content { max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; -webkit-overflow-scrolling: touch; } } /* Magnific Popup — no zoom/magnifier cursor on dimmed backdrop */ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close, .mfp-bg, .mfp-wrap, .mfp-container, .mfp-content, .mfp-figure, img.mfp-img { cursor: default !important; } .mfp-zoom { cursor: default !important; } .mfp-arrow, .mfp-close { cursor: pointer !important; } /* Strategy page — desktop/mobile art-directed images */ .route-strategy img.mobile { display: none; } .route-strategy img.desktop { display: inline-block; max-width: 100%; height: auto; } @media only screen and (max-width: 786px) { .route-strategy img.desktop { display: none; } .route-strategy img.mobile { display: inline-block; max-width: 100%; height: auto; } } /* Hero media controls — video toggle (first slide) + carousel autoplay toggle */ #top_slider_wrap { position: relative; } .hero-media-toggle { position: relative; z-index: 5; flex-shrink: 0; width: 40px; height: 40px; padding: 0; border: none; border-radius: 50%; background: #234930; color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); transition: background 0.2s ease, transform 0.15s ease; vertical-align: middle; } .hero-media-toggle:hover { background: #157641; transform: scale(1.05); } .hero-media-toggle:focus-visible { outline: 2px solid #157641; outline-offset: 2px; } .hero-media-toggle svg { width: 16px; height: 16px; fill: currentColor; display: block; } /* Play icon is optically left-heavy — nudge it so it looks centered */ .hero-media-toggle.is-paused svg { margin-left: 2px; } /* Start Investing + video pause — one aligned row */ .hero-cta-row { display: inline-flex; align-items: center; gap: 14px; flex-wrap: wrap; vertical-align: middle; } /* First hero slide — ~one line of space between headline and CTA */ .top_common_slider_wrap.has_full_video .data_wrap > .full_wrap + .full_wrap { margin-top: 20px; } /* .common_anchor has margin-top: 20px globally — zero horizontal margins in this row */ .hero-cta-row .common_anchor { margin: 0 !important; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; box-sizing: border-box; line-height: 1.25; flex-shrink: 0; } .hero-cta-row .hero-video-toggle { margin: 0; width: 44px; height: 44px; min-width: 44px; min-height: 44px; align-self: center; flex-shrink: 0; } .hero-video-toggle { width: 44px; height: 44px; } /* Pagination dots + carousel autoplay — one centered row */ .hero-nav-controls { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 5; display: flex; align-items: center; justify-content: center; gap: 14px; } .hero-nav-controls .top_slider_nav { position: static !important; width: auto !important; left: auto !important; bottom: auto !important; margin: 0 !important; display: flex !important; align-items: center; gap: 8px; } .hero-nav-controls .swiper-pagination-bullet { margin: 0 !important; vertical-align: middle; } .hero-autoplay-toggle { width: 34px; height: 34px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .hero-autoplay-toggle svg { width: 14px; height: 14px; } /* Section headings + autoplay toggles (Testimonials, Featured In, news carousel) */ .section-title-row { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; } .testimonial_wrap .title_wrap .section-title-row { justify-content: center; } /* Client reviews (AIF) — toggle inline after "What our clients say" */ .testimonial_wrap .title_wrap h2:has(.client-reviews-autoplay-toggle) { display: inline-flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; } .testimonial_wrap .title_wrap .client-reviews-autoplay-toggle { width: 36px; height: 36px; min-width: 36px; min-height: 36px; flex-shrink: 0; margin: 0; } .ticker_wrap .text_wrap .section-title-row { align-items: center; } /* Featured In — toggle sits inline immediately after the label text */ .ticker_wrap .text_wrap p span.bold { display: inline-flex; align-items: center; gap: 10px; } .ticker_wrap .text_wrap .featured-in-autoplay-toggle { width: 32px; height: 32px; min-width: 32px; min-height: 32px; flex-shrink: 0; margin: 0; box-shadow: none; position: relative; z-index: 5; pointer-events: auto; } .ticker_wrap .text_wrap .featured-in-autoplay-toggle svg { width: 12px; height: 12px; } .section-autoplay-toggle { width: 36px; height: 36px; min-width: 36px; min-height: 36px; flex-shrink: 0; margin: 0; } .section-autoplay-toggle svg { width: 14px; height: 14px; } .blogs_wrap .blogs_controls_row { display: flex; align-items: center; justify-content: flex-end; padding-right: 100px; margin-bottom: 12px; } /* Private markets — marquee timeline + logo carousel toggles */ .route-private-markets .full_slider_wrap .marquee-title-row { display: inline-flex; align-items: center; justify-content: center; gap: 12px; vertical-align: middle; } .route-private-markets .full_slider_wrap .marquee-title-row .common_header { padding-top: 0; margin: 0; line-height: 1.1; } .route-private-markets .marquee-timeline-video-toggle { width: 36px; height: 36px; min-width: 36px; min-height: 36px; flex-shrink: 0; margin: 0; align-self: center; } .route-private-markets .logo_common_wrap { position: relative; } .private-markets-logo-controls { position: absolute; top: 28px; right: 28px; z-index: 20; display: flex; align-items: center; pointer-events: auto; } .private-markets-logo-controls .private-markets-logo-toggle { position: relative; z-index: 21; pointer-events: auto; width: 36px; height: 36px; min-width: 36px; min-height: 36px; margin: 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } /* Footer headline rotation — play/pause beside "Let's talk." */ .footer_wrap .common_header .footer-title-toggle { flex-shrink: 0; align-self: center; margin: 0; } @media only screen and (max-width: 786px) { .hero-cta-row { justify-content: center; gap: 12px; } .hero-cta-row .hero-video-toggle { width: 40px; height: 40px; min-width: 40px; min-height: 40px; } .hero-cta-row .common_anchor { min-height: 40px; } .hero-nav-controls { bottom: 10px; gap: 12px; } .hero-autoplay-toggle { width: 32px; height: 32px; } .blogs_wrap .blogs_controls_row { padding-right: 50px; margin-bottom: 8px; } .private-markets-logo-controls { top: 16px; right: 16px; } .private-markets-logo-controls .private-markets-logo-toggle, .route-private-markets .marquee-timeline-video-toggle { width: 32px; height: 32px; min-width: 32px; min-height: 32px; } .section-autoplay-toggle { width: 32px; height: 32px; min-width: 32px; min-height: 32px; } } /* Team — dark name bar clipped inside the photo */ .team_wrap .team_ul li { display: grid; border-radius: 10px; overflow: hidden; } .team_wrap .team_ul li > .full_wrap:first-child, .team_wrap .team_ul li .content, .team_wrap .team_ul li .icon_wrap { grid-area: 1 / 1; } .team_wrap .team_ul li > .full_wrap:first-child { position: relative; overflow: hidden; border-radius: 10px; z-index: 0; } .team_wrap .team_ul li .content { align-self: end; justify-self: stretch; position: relative; bottom: auto; left: auto; right: auto; margin: 0 12px 12px !important; padding: 10px 14px; padding-right: 72px; background: #3f3f3f; border-radius: 16px; box-sizing: border-box; z-index: 2; } .team_wrap .team_ul li .content p { padding: 0 !important; margin: 0; color: #fff !important; line-height: 1.35; } .team_wrap .team_ul li .content p.primary, .team_wrap .team_ul li .content p.bold { color: #fff !important; } .team_wrap .team_ul li .icon_wrap { align-self: end; justify-self: end; position: relative; bottom: auto; left: auto; right: auto; margin: 0 26px 22px 0; z-index: 3; padding: 0; width: auto; } .team_ul.gallery li .common_header.galtit, .gallery_parent_wrap .gallery li .common_header.galtit { display: block; background: #3f3f3f; color: #fff !important; border-radius: 16px; padding: 12px 16px; margin-bottom: 12px; text-align: center; text-transform: none; font-size: 15px !important; line-height: 1.35; } @media only screen and (max-width: 786px) { .team_wrap .team_ul li .content { margin: 0 10px 10px !important; padding: 9px 12px; padding-right: 58px; border-radius: 14px; } .team_wrap .team_ul li .icon_wrap { margin: 0 22px 18px 0; } .team_wrap .team_ul.default li .content { position: relative; bottom: auto; left: auto; margin: 0 10px 10px !important; padding: 9px 12px; padding-right: 58px; } .team_wrap .team_ul.default li .icon_wrap { left: auto; justify-self: end; margin: 0 22px 18px 0; } }