.elementor-1009 .elementor-element.elementor-element-529b60ad{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1009 .elementor-element.elementor-element-15fda150.elementor-element{--align-self:stretch;}.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-menu-toggle{color:var( --e-global-color-53628d62 );fill:var( --e-global-color-53628d62 );}.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown{background-color:#A8D01D00;}.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a:hover, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a:focus, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a.highlighted, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-menu-toggle:hover, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-menu-toggle:focus{color:#B0061F;}.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a:hover, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a:focus, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a.highlighted{background-color:#02010100;}.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a.elementor-item-active{color:#B0061F;background-color:#02010100;}.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown .elementor-item, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-222001b-font-family ), Sans-serif;font-size:var( --e-global-typography-222001b-font-size );font-weight:var( --e-global-typography-222001b-font-weight );text-transform:var( --e-global-typography-222001b-text-transform );letter-spacing:var( --e-global-typography-222001b-letter-spacing );}.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a{padding-left:30px;padding-right:30px;}.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;border-bottom-width:0px;}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit-btn-wraper{text-align:center;}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button{padding:10px 20px 10px 20px;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;border-radius:9px 9px 9px 9px;}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button:not(.ekit_tamaya) > .ekit_creative_button_text{color:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button.ekit_tamaya::before{color:var( --e-global-color-9e6dd61 );background-color:var( --e-global-color-28d57c7 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button.ekit_tamaya::after{color:var( --e-global-color-9e6dd61 );background-color:var( --e-global-color-28d57c7 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button i{color:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_slide_in_line::after{background-color:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button svg path{stroke:var( --e-global-color-9e6dd61 );fill:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button:not(.ekit_tamaya){background-color:var( --e-global-color-28d57c7 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_distorted_btn .ekit_button__bg{background-color:var( --e-global-color-28d57c7 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button:hover > .ekit_creative_button_text{color:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button:hover i{color:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button:hover svg path{stroke:var( --e-global-color-9e6dd61 );fill:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_position_aware_bg{background-color:var( --e-global-color-53628d62 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button .ekit_creative_button_icon_wrapper{font-size:20px;}#elementor-popup-modal-1009 .dialog-widget-content{animation-duration:0.3s;background-color:var( --e-global-color-f7f3d95 );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1009{background-color:rgba(0,0,0,.8);justify-content:flex-end;align-items:center;pointer-events:all;}#elementor-popup-modal-1009 .dialog-message{width:328px;height:100vh;align-items:flex-start;padding:30px 0px 30px 0px;}#elementor-popup-modal-1009 .dialog-close-button{display:flex;font-size:25px;}#elementor-popup-modal-1009 .dialog-close-button i{color:var( --e-global-color-53628d62 );}#elementor-popup-modal-1009 .dialog-close-button svg{fill:var( --e-global-color-53628d62 );}#elementor-popup-modal-1009 .dialog-close-button:hover i{color:var( --e-global-color-28d57c7 );}@media(max-width:1366px){.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown .elementor-item, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-222001b-font-size );letter-spacing:var( --e-global-typography-222001b-letter-spacing );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button{padding:10px 15px 10px 15px;font-size:14px;}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button:not(.ekit_tamaya) > .ekit_creative_button_text{color:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button.ekit_tamaya::before{color:var( --e-global-color-9e6dd61 );background-color:var( --e-global-color-28d57c7 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button.ekit_tamaya::after{color:var( --e-global-color-9e6dd61 );background-color:var( --e-global-color-28d57c7 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button i{color:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_slide_in_line::after{background-color:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button svg path{stroke:var( --e-global-color-9e6dd61 );fill:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button:not(.ekit_tamaya){background-color:var( --e-global-color-28d57c7 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_distorted_btn .ekit_button__bg{background-color:var( --e-global-color-28d57c7 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button:hover > .ekit_creative_button_text{color:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button:hover i{color:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button:hover svg path{stroke:var( --e-global-color-9e6dd61 );fill:var( --e-global-color-9e6dd61 );}.elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_position_aware_bg{background-color:var( --e-global-color-53628d62 );}#elementor-popup-modal-1009{justify-content:flex-end;align-items:center;}}@media(max-width:1200px){.elementor-1009 .elementor-element.elementor-element-529b60ad{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;}.elementor-1009 .elementor-element.elementor-element-e202dfc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;}#elementor-popup-modal-1009 .dialog-message{width:30vw;padding:70px 0px 0px 0px;}#elementor-popup-modal-1009 .dialog-close-button{font-size:27px;}}@media(max-width:1024px){.elementor-1009 .elementor-element.elementor-element-529b60ad{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1009 .elementor-element.elementor-element-529b60ad.e-con{--align-self:center;}.elementor-1009 .elementor-element.elementor-element-15fda150{width:100%;max-width:100%;}.elementor-1009 .elementor-element.elementor-element-15fda150.elementor-element{--align-self:center;}.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown .elementor-item, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-222001b-font-size );letter-spacing:var( --e-global-typography-222001b-letter-spacing );}.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a{padding-left:30px;padding-right:30px;padding-top:15px;padding-bottom:15px;}#elementor-popup-modal-1009 .dialog-message{width:35vw;}#elementor-popup-modal-1009{justify-content:flex-end;align-items:center;}}@media(max-width:880px){#elementor-popup-modal-1009 .dialog-message{width:40vw;}}@media(max-width:767px){.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown .elementor-item, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-222001b-font-size );letter-spacing:var( --e-global-typography-222001b-letter-spacing );}.elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu--dropdown a{padding-left:30px;padding-right:30px;}#elementor-popup-modal-1009 .dialog-message{width:100vw;}#elementor-popup-modal-1009{align-items:center;}}/* Start custom CSS for nav-menu, class: .elementor-element-15fda150 *//* ========================== MAIN MENU ALIGNMENT ========================== */ .elementor-1009 .elementor-element.elementor-element-15fda150 li.menu-item a { justify-content: space-between; text-align: center; } .elementor-1009 .elementor-element.elementor-element-15fda150 li.menu-item a.elementor-sub-item { border-left: 0 !important; text-transform: none !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 li { text-align: left; } /* ================================================== TOP-LEVEL MENU ITEMS Fix: prevent hover/dropdown-open (.highlighted) from looking the same as true current-page active state ================================================== */ /* Reset: ANY anchor carrying .highlighted (added by the menu script on hover/tap/open-close of a dropdown) must NEVER color itself, its text, or its arrow icon — regardless of which other classes (.elementor-item, .has-submenu, etc.) it also carries. Broadened on purpose so it can't be missed by a class-combo mismatch. */ .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a.highlighted, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a.highlighted:hover, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a.highlighted:focus, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a.highlighted:visited, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a.highlighted *, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a.highlighted .sub-arrow, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a.highlighted .sub-arrow i, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a[aria-expanded="true"], .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a[aria-expanded="true"]:hover, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a[aria-expanded="true"]:focus, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a[aria-expanded="true"] *, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a[aria-expanded="true"] .sub-arrow, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a[aria-expanded="true"] .sub-arrow i { background: transparent !important; color: inherit !important; border-bottom-color: transparent !important; fill: currentColor !important; } /* Optional: distinct temporary hover feedback (not the active color) */ .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a:hover { color: #B0061F !important; } /* TRUE current-page active — based on MENU STRUCTURE only (current-menu-item / current-menu-ancestor / current-menu-parent / elementor-item-active), i.e. how items are actually nested in Appearance > Menus. Deliberately NOT based on the underscore current_page_item / current_page_ancestor / current_page_parent classes — those come from each page's separate "Parent" field in Page Attributes, which can be (and here is) out of sync with the menu (e.g. a "What We Do" sub-page has "News" as its Parent). Using menu-structure classes keeps highlighting accurate to what the visitor actually sees in the menu. */ .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current-menu-item > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current-menu-ancestor > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current-menu-parent > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a.elementor-item-active, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current-menu-item > a.highlighted, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current-menu-ancestor > a.highlighted, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current-menu-parent > a.highlighted, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a.elementor-item-active.highlighted, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current-menu-item > a[aria-expanded="true"], .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current-menu-ancestor > a[aria-expanded="true"], .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current-menu-parent > a[aria-expanded="true"], .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a.elementor-item-active[aria-expanded="true"], .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current-menu-item > a *, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current-menu-ancestor > a *, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current-menu-parent > a *, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > a.elementor-item-active * { background: transparent !important; color: #B0061F !important; fill: currentColor !important; } /* Explicitly mute the underscore current_page_* classes on their own (no matching current-menu-* class present) so a Parent-field mismatch like the one above can never light up the wrong item. */ .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current_page_parent:not(.current-menu-ancestor):not(.current-menu-parent) > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current_page_ancestor:not(.current-menu-ancestor):not(.current-menu-parent) > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.current_page_item:not(.current-menu-item) > a { background: transparent !important; color: inherit !important; } /* ================================================== MOST ROBUST FIX — base active state on the CLASS (post type / template / page ID), not on WordPress's current_page_parent. current_page_parent depends on each page's Parent field in Page Attributes, which can be mismatched (as it was for What We Do sub-pages, wrongly pointing at News). Body classes are printed straight from the post type / template WP is rendering and are NOT affected by that mismatch, so we force correctness directly off them. Each section below does two things: (1) forces its own top-level menu item red, (2) explicitly mutes the other four top-level items, so nothing can light up wrong no matter what current_page_* classes WordPress also happens to add. Menu item IDs (from your menu HTML): Who We Are = menu-item-3161 What We Do = menu-item-1198 Where We Are = menu-item-1207 News = menu-item-2485 Resources = menu-item-3115 (Library is skipped — its links are external, nothing to match.) ================================================== */ /* ---------- WHO WE ARE ---------- Plain WordPress Pages have no shared class of their own, so this is matched by exact page ID. Add a line here for each additional Who We Are sub-page (Our History, Photo Gallery, etc.) as needed — currently only page-id-2221 was provided. */ body.page-id-2221 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a, body.page-id-2221 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a * { background: transparent !important; color: #B0061F !important; fill: currentColor !important; } body.page-id-2221 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a, body.page-id-2221 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a *, body.page-id-2221 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a, body.page-id-2221 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a *, body.page-id-2221 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a, body.page-id-2221 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a *, body.page-id-2221 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a, body.page-id-2221 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a * { background: transparent !important; color: inherit !important; fill: currentColor !important; } /* ---------- WHAT WE DO ---------- Covers: the archive page AND every single "what-we-do" entry. */ body.post-type-archive-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a, body.post-type-archive-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a *, body.single-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a, body.single-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a * { background: transparent !important; color: #B0061F !important; fill: currentColor !important; } body.post-type-archive-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a, body.post-type-archive-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a *, body.post-type-archive-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a, body.post-type-archive-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a *, body.post-type-archive-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a, body.post-type-archive-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a *, body.post-type-archive-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a, body.post-type-archive-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a *, body.single-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a, body.single-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a *, body.single-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a, body.single-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a *, body.single-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a, body.single-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a *, body.single-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a, body.single-what-we-do .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a * { background: transparent !important; color: inherit !important; fill: currentColor !important; } /* ---------- WHERE WE ARE ---------- Covers: the archive page, region taxonomy archives (Europe, Africa, America, Asia), AND every single "where-we-are" entry. */ body.post-type-archive-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a, body.post-type-archive-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a *, body.tax-region .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a, body.tax-region .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a *, body.single-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a, body.single-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a * { background: transparent !important; color: #B0061F !important; fill: currentColor !important; } body.post-type-archive-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a, body.post-type-archive-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a *, body.post-type-archive-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a, body.post-type-archive-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a *, body.post-type-archive-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a, body.post-type-archive-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a *, body.post-type-archive-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a, body.post-type-archive-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a *, body.tax-region .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a, body.tax-region .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a *, body.tax-region .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a, body.tax-region .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a *, body.tax-region .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a, body.tax-region .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a *, body.tax-region .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a, body.tax-region .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a *, body.single-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a, body.single-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a *, body.single-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a, body.single-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a *, body.single-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a, body.single-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a *, body.single-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a, body.single-where-we-are .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a * { background: transparent !important; color: inherit !important; fill: currentColor !important; } /* ---------- NEWS ---------- Covers: the blog/News index, category archives (Congregation, etc.), AND individual News blog posts. */ body.blog .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a, body.blog .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a *, body.category .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a, body.category .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a *, body.single-post .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a, body.single-post .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a * { background: transparent !important; color: #B0061F !important; fill: currentColor !important; } body.blog .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a, body.blog .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a *, body.blog .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a, body.blog .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a *, body.blog .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a, body.blog .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a *, body.blog .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a, body.blog .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a *, body.category .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a, body.category .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a *, body.category .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a, body.category .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a *, body.category .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a, body.category .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a *, body.category .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a, body.category .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a *, body.single-post .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a, body.single-post .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a *, body.single-post .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a, body.single-post .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a *, body.single-post .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a, body.single-post .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a *, body.single-post .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a, body.single-post .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a * { background: transparent !important; color: inherit !important; fill: currentColor !important; } /* ---------- RESOURCES ---------- Plain Pages again — matched by exact page ID (Resources itself, plus its Video Files / PDF Files sub-pages). */ body.page-id-3060 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a, body.page-id-3060 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a *, body.page-id-3875 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a, body.page-id-3875 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a *, body.page-id-3877 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a, body.page-id-3877 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3115 > a * { background: transparent !important; color: #B0061F !important; fill: currentColor !important; } body.page-id-3060 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a, body.page-id-3060 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a *, body.page-id-3060 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a, body.page-id-3060 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a *, body.page-id-3060 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a, body.page-id-3060 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a *, body.page-id-3060 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a, body.page-id-3060 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a *, body.page-id-3875 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a, body.page-id-3875 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a *, body.page-id-3875 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a, body.page-id-3875 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a *, body.page-id-3875 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a, body.page-id-3875 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a *, body.page-id-3875 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a, body.page-id-3875 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a *, body.page-id-3877 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a, body.page-id-3877 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-3161 > a *, body.page-id-3877 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a, body.page-id-3877 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1198 > a *, body.page-id-3877 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a, body.page-id-3877 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-1207 > a *, body.page-id-3877 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a, body.page-id-3877 .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li.menu-item-2485 > a * { background: transparent !important; color: inherit !important; fill: currentColor !important; } /* ========================== RESET SUBMENUS ========================== */ .elementor-1009 .elementor-element.elementor-element-15fda150 ul.sub-menu { padding: 0 !important; margin: 0 !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 ul.sub-menu li { padding: 0 !important; margin: 0 !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 ul.sub-menu li a { width: 100% !important; box-sizing: border-box; padding: 12px 30px !important; margin: 0 !important; font-size: 16px !important; font-weight: 400 !important; text-align: left !important; } /* ================================================== 1ST LEVEL SUBMENU (Where We Are > Europe, Africa...) ================================================== */ .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > ul.sub-menu, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > ul.sub-menu > li { background: #000000 !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > ul.sub-menu > li > a { background: transparent !important; color: #ffffff !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > ul.sub-menu > li:not(:last-child) { border-bottom: 1px solid #141414 !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > ul.sub-menu > li > a:hover { background: #B0061F !important; color: #ffffff !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > ul.sub-menu > li.current-menu-item > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > ul.sub-menu > li.current-menu-parent > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > ul.sub-menu > li.current_page_item > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu > li > ul.sub-menu > li.elementor-item-active > a { background: #B0061F !important; color: #ffffff !important; } /* ================================================== 2ND LEVEL SUBMENU (Europe > Germany, Italy...) ================================================== */ .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu li { background: #ffffff !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu li > a { background: #ffffff !important; color: #000000 !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu li:not(:last-child) { border-bottom: 1px solid #eeeeee !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu li > a:hover { background: #B0061F !important; color: #ffffff !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu li.current-menu-item > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu li.current-menu-parent > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu li.current_page_item > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu li.elementor-item-active > a { background: #B0061F !important; color: #ffffff !important; } /* ================================================== 3RD LEVEL SUBMENU (Germany > Tutzing Priory...) ================================================== */ .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu ul.sub-menu, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu ul.sub-menu li { background: #B0061F !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu ul.sub-menu li > a { background: #B0061F !important; color: #ffffff !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu ul.sub-menu li > a:hover { background: #000000 !important; color: #ffffff !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu ul.sub-menu li.current-menu-item > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu ul.sub-menu li.current-menu-parent > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu ul.sub-menu li.current_page_item > a, .elementor-1009 .elementor-element.elementor-element-15fda150 .elementor-nav-menu ul.sub-menu ul.sub-menu ul.sub-menu li.elementor-item-active > a { background: #000000 !important; color: #ffffff !important; } /* ========================== REMOVE LAST BORDER ========================== */ .elementor-1009 .elementor-element.elementor-element-15fda150 ul.sub-menu li:last-child > a { border-bottom: 0 !important; } /* ========================== ARROW ANIMATION Driven off BOTH .highlighted and aria-expanded="true" so the arrow can't get out of sync when SmartMenus updates one but not the other while switching between dropdowns. Explicit closed state guarantees a reset even if a stale class lingers. Applies at every nesting level (top-level AND nested submenu items like Generalate, Priory, Europe, etc.). ========================== */ .elementor-1009 .elementor-element.elementor-element-15fda150 a.has-submenu span.sub-arrow { padding: 10px; display: inline-block; transition: transform 0.2s ease; } .elementor-1009 .elementor-element.elementor-element-15fda150 a.has-submenu.highlighted span.sub-arrow, .elementor-1009 .elementor-element.elementor-element-15fda150 a.has-submenu[aria-expanded="true"] span.sub-arrow { transform: rotate(90deg) !important; } .elementor-1009 .elementor-element.elementor-element-15fda150 a.has-submenu:not(.highlighted):not([aria-expanded="true"]) span.sub-arrow { transform: rotate(0deg) !important; }/* End custom CSS */ /* Start custom CSS for elementskit-creative-button, class: .elementor-element-e202dfc *//* Rotate icon */ .elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button_icon_wrapper svg { transition: transform 0.5s ease; } .elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button:hover .ekit_creative_button_icon_wrapper svg { transform: rotate(45deg); } /* Make the widget fill its available width */ .elementor-1009 .elementor-element.elementor-element-e202dfc { width: 100%; } .elementor-1009 .elementor-element.elementor-element-e202dfc .elementor-widget-container, .elementor-1009 .elementor-element.elementor-element-e202dfc .ekit-wid-con, .elementor-1009 .elementor-element.elementor-element-e202dfc .ekit-btn-wraper { display: block !important; width: 100% !important; max-width: 100% !important; } /* Make the button stretch */ .elementor-1009 .elementor-element.elementor-element-e202dfc .ekit_creative_button { display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; justify-content: center; align-items: center; }/* End custom CSS */