.elementor-6879 .elementor-element.elementor-element-c98d94c:not(.elementor-motion-effects-element-type-background), .elementor-6879 .elementor-element.elementor-element-c98d94c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6879 .elementor-element.elementor-element-c98d94c > .elementor-container{max-width:1600px;}.elementor-6879 .elementor-element.elementor-element-c98d94c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:5;}.elementor-6879 .elementor-element.elementor-element-c98d94c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-6879 .elementor-element.elementor-element-c07ceea.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6879 .elementor-element.elementor-element-c07ceea.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-menu-toggle{margin:0 auto;}.elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-left:19px;padding-right:19px;}.elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--main .elementor-item:hover, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--dropdown a, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--dropdown{background-color:#449954;}.elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--dropdown a:hover, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--dropdown a:focus, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--dropdown a.highlighted, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-menu-toggle:hover, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-menu-toggle:focus{color:#449954;}.elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--dropdown a:hover, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--dropdown a:focus, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--dropdown .elementor-item, .elementor-6879 .elementor-element.elementor-element-57b4f30 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-bc-flex-widget .elementor-6879 .elementor-element.elementor-element-b24d6aa.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6879 .elementor-element.elementor-element-b24d6aa.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6879 .elementor-element.elementor-element-836c957 .elementor-button{background-color:#449954;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;border-radius:7px 7px 7px 7px;padding:15px 15px 15px 15px;}.elementor-6879 .elementor-element.elementor-element-120b18a:not(.elementor-motion-effects-element-type-background), .elementor-6879 .elementor-element.elementor-element-120b18a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6879 .elementor-element.elementor-element-120b18a > .elementor-container{max-width:1400px;}.elementor-6879 .elementor-element.elementor-element-120b18a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6879 .elementor-element.elementor-element-120b18a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6879 .elementor-element.elementor-element-a6cb191 .elementor-button{background-color:#449954;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;border-radius:7px 7px 7px 7px;padding:20px 30px 20px 30px;}.elementor-bc-flex-widget .elementor-6879 .elementor-element.elementor-element-9225539.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6879 .elementor-element.elementor-element-9225539.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-menu-toggle{margin-left:auto;}.elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--main .elementor-item:hover, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#449954;}.elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--dropdown a, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--dropdown{background-color:#449954;}.elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--dropdown a:hover, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--dropdown a:focus, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--dropdown a.highlighted, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-menu-toggle:hover, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-menu-toggle:focus{color:#449954;}.elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--dropdown a:hover, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--dropdown a:focus, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--dropdown .elementor-item, .elementor-6879 .elementor-element.elementor-element-1a13985 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-6879 .elementor-element.elementor-element-81f103d{width:20%;}.elementor-6879 .elementor-element.elementor-element-c07ceea{width:20%;}.elementor-6879 .elementor-element.elementor-element-b24d6aa{width:60%;}.elementor-6879 .elementor-element.elementor-element-836c957 .elementor-button{font-size:14px;border-radius:5px 5px 5px 5px;padding:17px 17px 17px 17px;}.elementor-6879 .elementor-element.elementor-element-d5f159b{width:31%;}.elementor-bc-flex-widget .elementor-6879 .elementor-element.elementor-element-d5f159b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6879 .elementor-element.elementor-element-d5f159b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6879 .elementor-element.elementor-element-d5f159b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6879 .elementor-element.elementor-element-ff8e8bf{width:53%;}.elementor-6879 .elementor-element.elementor-element-a6cb191 .elementor-button{font-size:14px;border-radius:5px 5px 5px 5px;padding:12px 10px 12px 10px;}.elementor-6879 .elementor-element.elementor-element-9225539{width:16%;}}@media(min-width:768px){.elementor-6879 .elementor-element.elementor-element-81f103d{width:15%;}.elementor-6879 .elementor-element.elementor-element-c07ceea{width:67.332%;}.elementor-6879 .elementor-element.elementor-element-b24d6aa{width:17%;}.elementor-6879 .elementor-element.elementor-element-d5f159b{width:12%;}.elementor-6879 .elementor-element.elementor-element-ff8e8bf{width:18%;}.elementor-6879 .elementor-element.elementor-element-9225539{width:69.332%;}}/* Start custom CSS for nav-menu, class: .elementor-element-57b4f30 *//* ============================================================ NCDF GROUP — Multi-Column Dropdown Menu (v4) Paste into: WP Dashboard → Appearance → Customize → Additional CSS ============================================================ */ /* ============================================================ RESET: Remove the universal flex rule that was forcing ALL submenus (including Businesses & Impact) into a wide flex container. We now handle each menu individually. ============================================================ */ .elementor-nav-menu--main .menu-item-has-children:hover > .sub-menu, .elementor-nav-menu--main .menu-item-has-children:focus-within > .sub-menu { display: block !important; /* default — each menu below overrides as needed */ padding: 8px 0 !important; background: #ffffff !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important; border-top: 2px solid #449954 !important; border-radius: 0 0 6px 6px !important; } /* ============================================================ SHARED LINK STYLES — applies to all submenus ============================================================ */ .elementor-nav-menu--main .menu-item-has-children > .sub-menu > li { display: block !important; break-inside: avoid !important; /* prevents item splitting across columns */ padding: 0 !important; margin: 0 !important; border-bottom: none !important; box-sizing: border-box !important; } .elementor-nav-menu--main .menu-item-has-children > .sub-menu > li > a { display: block !important; padding: 9px 16px !important; font-size: 13.5px !important; font-weight: 500 !important; color: #1a1a2e !important; white-space: normal !important; line-height: 1.4 !important; border-radius: 4px !important; transition: background 0.18s ease, color 0.18s ease, padding-left 0.18s ease !important; text-decoration: none !important; } .elementor-nav-menu--main .menu-item-has-children > .sub-menu > li > a:hover { background: #449954 !important; color: #ffffff !important; padding-left: 20px !important; } .elementor-nav-menu--main .menu-item-has-children > .sub-menu > li.current-menu-item > a { color: #ffffff !important; font-weight: 700 !important; background: #449954 !important; } /* ============================================================ BUSINESSES (li:nth-child(3)) & IMPACT (li:nth-child(4)) — Normal single column, no extra width ============================================================ */ .elementor-nav-menu--main > ul > li:nth-child(3):hover > .sub-menu, .elementor-nav-menu--main > ul > li:nth-child(3):focus-within > .sub-menu, .elementor-nav-menu--main > ul > li:nth-child(4):hover > .sub-menu, .elementor-nav-menu--main > ul > li:nth-child(4):focus-within > .sub-menu { display: block !important; columns: unset !important; column-count: 1 !important; min-width: 200px !important; max-width: 260px !important; width: max-content !important; } /* ============================================================ ABOUT US (li:nth-child(1)) 10 items → 3 columns, fills vertically: Col 1: Who We Are, Why NCDF, Ecosystem Map, Institutional Architecture Col 2: Leadership, Governance, Student Programmes, Career Opportunities Col 3: Sustainability, Partners & Affiliates, Contact us ============================================================ */ .elementor-nav-menu--main > ul > li:nth-child(1):hover > .sub-menu, .elementor-nav-menu--main > ul > li:nth-child(1):focus-within > .sub-menu { column-count: 3 !important; column-gap: 0 !important; min-width: 580px !important; max-width: 720px !important; padding: 8px !important; } /* ============================================================ INVEST WITH US (li:nth-child(2)) 7 items → 2 columns, fills vertically: Col 1: Government, Family Offices, Diaspora Investors, Institutional Investors Col 2: Philanthropic & Impact, DFIs, HNWI Community ============================================================ */ .elementor-nav-menu--main > ul > li:nth-child(2):hover > .sub-menu, .elementor-nav-menu--main > ul > li:nth-child(2):focus-within > .sub-menu { column-count: 2 !important; column-gap: 0 !important; min-width: 480px !important; max-width: 620px !important; padding: 8px !important; } /* ============================================================ MEDIA & EVENTS (li:nth-child(5)) 6 items → 2 columns, fills vertically: Col 1: Events, Gallery, Interviews Col 2: Video Library, News & Insights, Research & Publications ============================================================ */ .elementor-nav-menu--main > ul > li:nth-child(5):hover > .sub-menu, .elementor-nav-menu--main > ul > li:nth-child(5):focus-within > .sub-menu { column-count: 2 !important; column-gap: 0 !important; min-width: 380px !important; max-width: 500px !important; padding: 8px !important; } /* ============================================================ COLUMN DIVIDER — subtle vertical line between columns ============================================================ */ .elementor-nav-menu--main > ul > li:nth-child(1) > .sub-menu, .elementor-nav-menu--main > ul > li:nth-child(2) > .sub-menu, .elementor-nav-menu--main > ul > li:nth-child(5) > .sub-menu { column-rule: 0px solid rgba(0, 0, 0, 0.08) !important; } /* ============================================================ RESPONSIVE — collapse to single column on tablet/mobile ============================================================ */ @media (max-width: 1024px) { .elementor-nav-menu--main > ul > li:nth-child(1) > .sub-menu, .elementor-nav-menu--main > ul > li:nth-child(2) > .sub-menu, .elementor-nav-menu--main > ul > li:nth-child(5) > .sub-menu { column-count: 1 !important; min-width: unset !important; max-width: 100% !important; } } /* ============================================================ FALLBACK — alternate Elementor class name ============================================================ */ .elementor-nav-menu > ul > li:nth-child(1) > .sub-menu { column-count: 3 !important; column-gap: 0 !important; min-width: 580px !important; } .elementor-nav-menu > ul > li:nth-child(2) > .sub-menu { column-count: 2 !important; column-gap: 0 !important; min-width: 480px !important; } .elementor-nav-menu > ul > li:nth-child(5) > .sub-menu { column-count: 2 !important; column-gap: 0 !important; min-width: 380px !important; } .elementor-nav-menu > ul > li:nth-child(3) > .sub-menu, .elementor-nav-menu > ul > li:nth-child(4) > .sub-menu { column-count: 1 !important; max-width: 260px !important; }/* End custom CSS */