.elementor-7697 .elementor-element.elementor-element-6aedb27{--display:flex;--min-height:6rem;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0.75px;--padding-bottom:0.75px;--padding-left:3px;--padding-right:3px;}.elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-motion-effects-element-type-background), .elementor-7697 .elementor-element.elementor-element-6aedb27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFBFF;}.elementor-7697 .elementor-element.elementor-element-f747481{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7697 .elementor-element.elementor-element-1e2ecc7 img{width:117px;}.elementor-7697 .elementor-element.elementor-element-06d73e3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-menu-toggle{margin:0 auto;}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu .elementor-item{font-family:"Fjalla One", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.2em;letter-spacing:0.02rem;}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--main .elementor-item:hover, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown a, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown{background-color:#FCFBFF;border-style:none;}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown a:hover, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown a:focus, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown a.highlighted, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-menu-toggle:hover, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown a:hover, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown a:focus, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown a.highlighted{background-color:#FCFBFF;}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-primary );background-color:#FCFBFF;}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown .elementor-item, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Source Sans 3", Sans-serif;font-size:0.9rem;font-weight:400;}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 6px 20px 0px rgba(0, 0, 0, 0.1);}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;}.elementor-widget-polylang-language-switcher .cpel-switcher__lang a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-text );}.elementor-widget-polylang-language-switcher .cpel-switcher__icon{color:var( --e-global-color-text );}.elementor-widget-polylang-language-switcher .cpel-switcher__lang a:hover, .elementor-widget-polylang-language-switcher .cpel-switcher__lang a:focus{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-accent );}.elementor-widget-polylang-language-switcher .cpel-switcher__lang.cpel-switcher__lang--active a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7697 .elementor-element.elementor-element-8d65df8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7697 .elementor-element.elementor-element-8d65df8 .cpel-switcher__lang a{font-family:"Fjalla One", Sans-serif;font-size:1.2rem;font-weight:400;padding-left:35px;padding-right:35px;padding-top:0px;padding-bottom:0px;}.elementor-7697 .elementor-element.elementor-element-8d65df8 .cpel-switcher__lang a:hover, .elementor-7697 .elementor-element.elementor-element-8d65df8 .cpel-switcher__lang a:focus{color:#4B2E91;}.elementor-7697 .elementor-element.elementor-element-8d65df8 .cpel-switcher__nav{--cpel-switcher-space:15px;}.elementor-7697 .elementor-element.elementor-element-8d65df8 .cpel-switcher__code{padding-left:10px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-7697 .elementor-element.elementor-element-9a312da .elementor-icon-wrapper{text-align:center;}.elementor-7697 .elementor-element.elementor-element-9a312da.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-7697 .elementor-element.elementor-element-9a312da.elementor-view-framed .elementor-icon, .elementor-7697 .elementor-element.elementor-element-9a312da.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-7697 .elementor-element.elementor-element-9a312da.elementor-view-framed .elementor-icon, .elementor-7697 .elementor-element.elementor-element-9a312da.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-7697 .elementor-element.elementor-element-10fb17a .e-off-canvas__content{background-color:#FAF9FC;border-style:none;}.elementor-7697 .elementor-element.elementor-element-10fb17a .e-off-canvas__overlay{background-color:#00000073;}.elementor-7697 .elementor-element.elementor-element-10fb17a{--e-off-canvas-justify-content:flex-end;--e-off-canvas-align-items:flex-start;--e-off-canvas-width:88vw;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-7697 .elementor-element.elementor-element-ded1661{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7697 .elementor-element.elementor-element-aa22a6a{--display:flex;--min-height:5.625rem;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:1.25rem;--padding-bottom:1.25rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-7697 .elementor-element.elementor-element-233045d img{width:4.5rem;max-width:100%;}.elementor-7697 .elementor-element.elementor-element-7fccefb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6.25px 6.25px 6.25px 6.25px;}.elementor-7697 .elementor-element.elementor-element-7fccefb .elementor-icon-wrapper{text-align:center;}.elementor-7697 .elementor-element.elementor-element-7fccefb.elementor-view-stacked .elementor-icon{background-color:#111111;}.elementor-7697 .elementor-element.elementor-element-7fccefb.elementor-view-framed .elementor-icon, .elementor-7697 .elementor-element.elementor-element-7fccefb.elementor-view-default .elementor-icon{color:#111111;border-color:#111111;}.elementor-7697 .elementor-element.elementor-element-7fccefb.elementor-view-framed .elementor-icon, .elementor-7697 .elementor-element.elementor-element-7fccefb.elementor-view-default .elementor-icon svg{fill:#111111;}.elementor-7697 .elementor-element.elementor-element-7fccefb.elementor-view-stacked .elementor-icon:hover{background-color:#4B2E91;}.elementor-7697 .elementor-element.elementor-element-7fccefb.elementor-view-framed .elementor-icon:hover, .elementor-7697 .elementor-element.elementor-element-7fccefb.elementor-view-default .elementor-icon:hover{color:#4B2E91;border-color:#4B2E91;}.elementor-7697 .elementor-element.elementor-element-7fccefb.elementor-view-framed .elementor-icon:hover, .elementor-7697 .elementor-element.elementor-element-7fccefb.elementor-view-default .elementor-icon:hover svg{fill:#4B2E91;}.elementor-7697 .elementor-element.elementor-element-7fccefb .elementor-icon{font-size:1.5rem;}.elementor-7697 .elementor-element.elementor-element-7fccefb .elementor-icon svg{height:1.5rem;}.elementor-7697 .elementor-element.elementor-element-faf6813{--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;--align-items:stretch;--padding-top:1.5rem;--padding-bottom:2rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu .elementor-item{font-family:"Fjalla One", Sans-serif;font-size:1.5rem;font-weight:400;text-transform:uppercase;}.elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu--main .elementor-item{color:#111111;fill:#111111;padding-top:1rem;padding-bottom:1rem;}.elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu--main .elementor-item:hover, .elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu--main .elementor-item.highlighted, .elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu--main .elementor-item:focus{color:#4B2E91;fill:#4B2E91;}.elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#8E78B8;}.elementor-7697 .elementor-element.elementor-element-58f4fec .cpel-switcher__lang a{font-family:"Fjalla One", Sans-serif;font-weight:400;}.elementor-7697 .elementor-element.elementor-element-58f4fec .cpel-switcher__lang a:hover, .elementor-7697 .elementor-element.elementor-element-58f4fec .cpel-switcher__lang a:focus{color:#4B2E91;}.elementor-7697 .elementor-element.elementor-element-58f4fec .cpel-switcher__nav{--cpel-switcher-space:15px;}.elementor-7697 .elementor-element.elementor-element-58f4fec .cpel-switcher__code{padding-left:10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu .elementor-item{font-size:1rem;}.elementor-7697 .elementor-element.elementor-element-10fb17a{--e-off-canvas-width:50vw;}.elementor-7697 .elementor-element.elementor-element-58f4fec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0rem 0rem 0rem .50rem;}.elementor-7697 .elementor-element.elementor-element-58f4fec .cpel-switcher__lang a{font-size:1.25rem;}}@media(max-width:1200px){.elementor-7697 .elementor-element.elementor-element-6aedb27{--justify-content:flex-end;}.elementor-7697 .elementor-element.elementor-element-1e2ecc7 img{width:160px;}.elementor-7697 .elementor-element.elementor-element-06d73e3{--justify-content:flex-end;}.elementor-7697 .elementor-element.elementor-element-cc93ce8 .elementor-nav-menu .elementor-item{font-size:0.9rem;}.elementor-7697 .elementor-element.elementor-element-9a312da .elementor-icon{font-size:2rem;}.elementor-7697 .elementor-element.elementor-element-9a312da .elementor-icon svg{height:2rem;}.elementor-7697 .elementor-element.elementor-element-10fb17a{--e-off-canvas-width:50vw;}.elementor-7697 .elementor-element.elementor-element-58f4fec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0rem 0rem 0rem .50rem;}.elementor-7697 .elementor-element.elementor-element-58f4fec .cpel-switcher__lang a{font-size:1.25rem;}}@media(max-width:1024px){.elementor-7697 .elementor-element.elementor-element-6aedb27{--justify-content:flex-end;}.elementor-7697 .elementor-element.elementor-element-1e2ecc7 img{width:160px;}.elementor-7697 .elementor-element.elementor-element-06d73e3{--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:3rem;}.elementor-7697 .elementor-element.elementor-element-9a312da .elementor-icon{font-size:2rem;}.elementor-7697 .elementor-element.elementor-element-9a312da .elementor-icon svg{height:2rem;}.elementor-7697 .elementor-element.elementor-element-10fb17a{--e-off-canvas-width:50vw;--e-off-canvas-animation-duration:1.2s;}.elementor-7697 .elementor-element.elementor-element-58f4fec > .elementor-widget-container{padding:0rem 0rem 0rem 0rem;}.elementor-7697 .elementor-element.elementor-element-58f4fec .cpel-switcher__lang a{font-size:1.5rem;padding-left:10px;padding-right:10px;}}@media(max-width:880px){.elementor-7697 .elementor-element.elementor-element-1e2ecc7 img{width:114px;}}@media(max-width:767px){.elementor-7697 .elementor-element.elementor-element-f747481{--width:40%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7697 .elementor-element.elementor-element-1e2ecc7 img{width:114px;}.elementor-7697 .elementor-element.elementor-element-06d73e3{--width:50%;--justify-content:flex-end;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:1rem;}.elementor-7697 .elementor-element.elementor-element-9a312da{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-7697 .elementor-element.elementor-element-10fb17a{--e-off-canvas-width:90vw;}.elementor-7697 .elementor-element.elementor-element-aa22a6a{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-7697 .elementor-element.elementor-element-faf6813{--margin-top:-2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu--main .elementor-item{padding-top:0.8rem;padding-bottom:0.8rem;}}@media(min-width:768px){.elementor-7697 .elementor-element.elementor-element-f747481{--width:20%;}.elementor-7697 .elementor-element.elementor-element-06d73e3{--width:80%;}}/* Start custom CSS for nav-menu, class: .elementor-element-cc93ce8 *//* ========================================================= MAIN NAVIGATION — DESKTOP ========================================================= */ /* ========================================================= DROPDOWN SURFACE — GLOBAL ========================================================= */ .elementor-7697 .elementor-element.elementor-element-cc93ce8 .sub-menu { background: rgba(250, 249, 252, 0.98) !important; border: 1px solid rgba(75, 46, 145, 0.08) !important; border-radius: 4px !important; margin-top: 8px !important; box-shadow: 0 12px 30px rgba(15, 10, 30, 0.16) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } /* Dropdown text */ .elementor-7697 .elementor-element.elementor-element-cc93ce8 .sub-menu a { color: #222222 !important; } /* Subtle hover surface */ .elementor-7697 .elementor-element.elementor-element-cc93ce8 .sub-menu > li > a:hover { background: rgba(75, 46, 145, 0.055) !important; color: #4b2e91 !important; } /* Current / active submenu item */ .elementor-7697 .elementor-element.elementor-element-cc93ce8 .sub-menu .current-menu-item > a { background: rgba(75, 46, 145, 0.07) !important; color: #4b2e91 !important; } /* ========================================================= FULL DESKTOP ========================================================= */ @media (min-width: 1025px) { /* ===================================================== REGULAR DROPDOWNS Community / Governance / Contact ===================================================== */ .elementor-7697 .elementor-element.elementor-element-cc93ce8 .menu-item-has-children:not(.departments-mega-menu) > .sub-menu { min-width: 240px !important; } .elementor-7697 .elementor-element.elementor-element-cc93ce8 .menu-item-has-children:not(.departments-mega-menu) > .sub-menu > li { width: 100% !important; } .elementor-7697 .elementor-element.elementor-element-cc93ce8 .menu-item-has-children:not(.departments-mega-menu) > .sub-menu > li > a { display: block !important; width: 100% !important; padding: 14px 30px !important; white-space: nowrap !important; line-height: 1.35 !important; } /* ===================================================== DEPARTMENTS & SERVICES — MEGA MENU ===================================================== */ .elementor-7697 .elementor-element.elementor-element-cc93ce8 .departments-mega-menu > .sub-menu { width: 760px !important; min-width: 760px !important; left: 50% !important; transform: translateX(-50%) !important; column-count: 2; column-gap: 24px; } .elementor-7697 .elementor-element.elementor-element-cc93ce8 .departments-mega-menu > .sub-menu > li { width: 100% !important; break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; } .elementor-7697 .elementor-element.elementor-element-cc93ce8 .departments-mega-menu > .sub-menu > li > a { display: block !important; width: 100% !important; padding: 13px 30px !important; white-space: normal !important; overflow-wrap: break-word; line-height: 1.35 !important; } } /* ========================================================= COMPACT DESKTOP / TABLET LANDSCAPE 1025px — 1200px ========================================================= */ @media (min-width: 1025px) and (max-width: 1200px) { .elementor-7697 .elementor-element.elementor-element-cc93ce8 .departments-mega-menu > .sub-menu { width: 680px !important; min-width: 680px !important; left: 50% !important; transform: translateX(-50%) !important; column-gap: 18px; } .elementor-7697 .elementor-element.elementor-element-cc93ce8 .departments-mega-menu > .sub-menu > li > a { padding: 12px 22px !important; font-size: 0.92em; line-height: 1.3 !important; } .elementor-7697 .elementor-element.elementor-element-cc93ce8 .menu-item-has-children:not(.departments-mega-menu) > .sub-menu > li > a { padding: 12px 24px !important; } } /* ========================================================= TABLET PORTRAIT / MOBILE ========================================================= */ @media (max-width: 1024px) { .elementor-7697 .elementor-element.elementor-element-cc93ce8 .departments-mega-menu > .sub-menu { width: auto !important; min-width: 0 !important; left: auto !important; transform: none !important; column-count: 1; column-gap: 0; } }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-fbb93aa *//* ===================================================== OFF-CANVAS MENU — SUBMENU ARROWS ===================================================== */ /* Give parent links room for the arrow */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .menu-item-has-children > a { position: relative !important; padding-right: 2.5rem !important; } /* Move every submenu arrow to the same right position */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .menu-item-has-children > a .sub-arrow { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%); margin: 0 !important; padding: 0 !important; /* Make arrow less dominant */ font-size: 0.8rem !important; opacity: 0.55; color: currentColor !important; transition: transform 0.25s ease, opacity 0.25s ease; } /* Elementor may use an SVG for the chevron */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .menu-item-has-children > a .sub-arrow svg { width: 0.8rem !important; height: 0.8rem !important; fill: currentColor !important; } /* Slightly stronger when interacting with the item */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .menu-item-has-children > a:hover .sub-arrow { opacity: 0.85; } /* ===================================================== OFF-CANVAS MENU — SUBMENUS INLINE ===================================================== */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .sub-menu { position: static !important; width: 100% !important; min-width: 0 !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; margin: 0.25rem 0 0.75rem 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Make submenu rows stay inside the panel */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .sub-menu > li { width: 100% !important; } /* Child links */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .sub-menu > li > a { display: block !important; width: 100% !important; padding: 0.6rem 0 0.6rem 1rem !important; white-space: normal !important; line-height: 1.35 !important; } /* ===================================================== OFF-CANVAS MENU — SUBMENU STYLING ===================================================== */ /* Submenu container */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .sub-menu { background: transparent !important; } /* Submenu links */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .sub-menu > li > a { background: transparent !important; color: #222222 !important; font-family: inherit !important; font-size: 1rem !important; font-weight: 400 !important; text-transform: none !important; padding: 0.55rem 0 0.55rem 1.25rem !important; line-height: 1.35 !important; } /* Submenu hover */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .sub-menu > li > a:hover { background: transparent !important; color: #4b2e91 !important; } /* Current submenu page */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .sub-menu > li.current-menu-item > a { background: transparent !important; color: #4b2e91 !important; } /* Remove any inherited dropdown highlight/background */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .sub-menu > li, .elementor-7697 .elementor-element.elementor-element-fbb93aa .sub-menu > li:hover, .elementor-7697 .elementor-element.elementor-element-fbb93aa .sub-menu > li.current-menu-item { background: transparent !important; } /* ===================================================== OFF-CANVAS MENU — OPEN CHEVRON ===================================================== */ /* Closed state */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .menu-item-has-children > a .sub-arrow { transform: translateY(-50%) rotate(0deg); transform-origin: center; transition: transform 0.25s ease, opacity 0.25s ease; } /* Elementor / SmartMenus open state */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .menu-item-has-children > a.highlighted .sub-arrow, .elementor-7697 .elementor-element.elementor-element-fbb93aa .menu-item-has-children > a[aria-expanded="true"] .sub-arrow { transform: translateY(-50%) rotate(180deg); } /* ===================================================== OFF-CANVAS — SUBMENU SPACING ===================================================== */ /* Submenu links only */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .sub-menu > li > a { padding-top: 0.55rem !important; padding-bottom: 0.55rem !important; line-height: 1.35 !important; } /* ===================================================== OFF-CANVAS — GAP AFTER OPEN SUBMENU ===================================================== */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .sub-menu { margin-bottom: 0.65rem !important; } /* Remove focus / active outline from menu links */ .elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu a, .elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu a:focus, .elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu a:focus-visible, .elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu a:active { outline: none !important; box-shadow: none !important; } /* ===================================================== MOBILE OFF-CANVAS — TOP-LEVEL SPACING ===================================================== */ @media (max-width: 1024px) { .elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu--main > ul > li > a { padding-top: 0.9rem !important; padding-bottom: 0.9rem !important; line-height: 1.2 !important; } .elementor-7697 .elementor-element.elementor-element-fbb93aa .elementor-nav-menu--main > ul > li { margin: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6aedb27 *//* ===================================================== HEADER — HERO OVERLAY + RESPONSIVE + STICKY ===================================================== */ /* ----------------------------------------------------- INITIAL STATE — OVER HERO ----------------------------------------------------- */ .elementor-7697 .elementor-element.elementor-element-6aedb27 { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; background: transparent !important; transition: padding 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; } /* Crest transition */ .elementor-7697 .elementor-element.elementor-element-6aedb27 .site-header-logo img { transition: width 0.3s ease, max-width 0.3s ease; } /* ----------------------------------------------------- DESKTOP TOP-LEVEL NAV — WHITE OVER HERO ----------------------------------------------------- */ .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li > a { color: #ffffff !important; } /* ----------------------------------------------------- DESKTOP DROPDOWN ARROWS — WHITE OVER HERO ----------------------------------------------------- */ .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main .sub-arrow, .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main .sub-arrow i, .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main .sub-arrow svg { color: #ffffff !important; fill: #ffffff !important; } /* ----------------------------------------------------- DESKTOP HERO STATE — LIGHTER HOVER / ACTIVE ----------------------------------------------------- */ .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li > a:hover, .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li.current-menu-item > a, .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li.current-menu-ancestor > a { color: #cbb8ea !important; } /* Hero hover / active arrows follow lighter colour */ .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li > a:hover .sub-arrow, .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li.current-menu-item > a .sub-arrow, .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li.current-menu-ancestor > a .sub-arrow { color: #cbb8ea !important; fill: #cbb8ea !important; } /* ----------------------------------------------------- DESKTOP DROPDOWNS REMAIN SOLID ----------------------------------------------------- */ .elementor-7697 .elementor-element.elementor-element-6aedb27 .desktop-main-menu .sub-menu { background: #ffffff !important; } /* Dropdown text remains dark */ .elementor-7697 .elementor-element.elementor-element-6aedb27 .desktop-main-menu .sub-menu a { color: #222222 !important; } /* Dropdown hover / active remains brand purple */ .elementor-7697 .elementor-element.elementor-element-6aedb27 .desktop-main-menu .sub-menu a:hover, .elementor-7697 .elementor-element.elementor-element-6aedb27 .desktop-main-menu .sub-menu .current-menu-item > a { color: #4b2e91 !important; } /* ===================================================== COMPACT DESKTOP / TABLET LANDSCAPE 1025px — 1200px ===================================================== */ @media (min-width: 1025px) and (max-width: 1200px) { .elementor-7697 .elementor-element.elementor-element-6aedb27 .site-header-logo img { width: 95px !important; max-width: 95px !important; } } /* ===================================================== STICKY STATE ===================================================== */ .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects { position: fixed !important; background: #ffffff !important; padding-top: 6px !important; padding-bottom: 6px !important; box-shadow: 0 4px 18px rgba(0,0,0,0.06); } /* Desktop sticky navigation returns to dark text */ .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .desktop-main-menu .elementor-nav-menu--main > ul > li > a { color: #111111 !important; } /* ----------------------------------------------------- DESKTOP STICKY ARROWS — DARK ----------------------------------------------------- */ .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .desktop-main-menu .elementor-nav-menu--main .sub-arrow, .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .desktop-main-menu .elementor-nav-menu--main .sub-arrow i, .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .desktop-main-menu .elementor-nav-menu--main .sub-arrow svg { color: #111111 !important; fill: #111111 !important; } /* Desktop sticky hover / active */ .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .desktop-main-menu .elementor-nav-menu--main > ul > li > a:hover, .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .desktop-main-menu .elementor-nav-menu--main > ul > li.current-menu-item > a, .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .desktop-main-menu .elementor-nav-menu--main > ul > li.current-menu-ancestor > a { color: #4b2e91 !important; } /* Desktop sticky hover / active arrows */ .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .desktop-main-menu .elementor-nav-menu--main > ul > li > a:hover .sub-arrow, .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .desktop-main-menu .elementor-nav-menu--main > ul > li.current-menu-item > a .sub-arrow, .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .desktop-main-menu .elementor-nav-menu--main > ul > li.current-menu-ancestor > a .sub-arrow { color: #4b2e91 !important; fill: #4b2e91 !important; } /* Shrink crest in sticky state */ .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .site-header-logo img { width: 78px !important; max-width: 78px !important; } /* ===================================================== MOBILE HAMBURGER — HERO / STICKY COLORS ===================================================== */ /* Smooth transition */ .elementor-7697 .elementor-element.elementor-element-6aedb27 .mobile-menu-trigger .elementor-icon, .elementor-7697 .elementor-element.elementor-element-6aedb27 .mobile-menu-trigger .elementor-icon i, .elementor-7697 .elementor-element.elementor-element-6aedb27 .mobile-menu-trigger .elementor-icon svg, .elementor-7697 .elementor-element.elementor-element-6aedb27 .mobile-menu-trigger .elementor-icon svg path { transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease; } /* ----------------------------------------------------- HERO STATE — WHITE ----------------------------------------------------- */ .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .mobile-menu-trigger .elementor-icon, .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .mobile-menu-trigger .elementor-icon i, .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .mobile-menu-trigger .elementor-icon svg, .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .mobile-menu-trigger .elementor-icon svg path { color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; } /* ----------------------------------------------------- STICKY STATE — DARK ----------------------------------------------------- */ .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .mobile-menu-trigger .elementor-icon, .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .mobile-menu-trigger .elementor-icon i, .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .mobile-menu-trigger .elementor-icon svg, .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .mobile-menu-trigger .elementor-icon svg path { color: #111111 !important; fill: #111111 !important; stroke: #111111 !important; } /* ----------------------------------------------------- HOVER — BRAND PURPLE ----------------------------------------------------- */ .elementor-7697 .elementor-element.elementor-element-6aedb27 .mobile-menu-trigger:hover .elementor-icon, .elementor-7697 .elementor-element.elementor-element-6aedb27 .mobile-menu-trigger:hover .elementor-icon i, .elementor-7697 .elementor-element.elementor-element-6aedb27 .mobile-menu-trigger:hover .elementor-icon svg, .elementor-7697 .elementor-element.elementor-element-6aedb27 .mobile-menu-trigger:hover .elementor-icon svg path { color: #4b2e91 !important; fill: #4b2e91 !important; stroke: #4b2e91 !important; } /* ===================================================== SINGLE EVENT PAGES — DARK NAV IN NEUTRAL STATE ===================================================== */ /* Desktop top-level nav */ body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li > a { color: #111111 !important; } /* Desktop dropdown arrows */ body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main .sub-arrow, body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main .sub-arrow i, body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main .sub-arrow svg { color: #111111 !important; fill: #111111 !important; } /* Desktop hover / active remains brand purple */ body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li > a:hover, body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li.current-menu-item > a, body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li.current-menu-ancestor > a { color: #4b2e91 !important; } /* Mobile / tablet hamburger */ body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .mobile-menu-trigger .elementor-icon, body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .mobile-menu-trigger .elementor-icon i, body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .mobile-menu-trigger .elementor-icon svg, body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .mobile-menu-trigger .elementor-icon svg path { color: #111111 !important; fill: #111111 !important; stroke: #111111 !important; } /* SINGLE EVENT PAGES — SOLID HEADER IN NEUTRAL STATE */ body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) { background: #ffffff !important; } /* ===================================================== EVENTS ARCHIVE / CALENDAR SOLID HEADER + DARK NAV ===================================================== */ /* ----------------------------------------------------- ARCHIVE HEADER — NORMAL PAGE FLOW ----------------------------------------------------- */ body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) { position: relative !important; top: auto !important; left: auto !important; background: #ffffff !important; } /* ----------------------------------------------------- ARCHIVE DESKTOP NAV — DARK Extra specificity overrides normal white hero state ----------------------------------------------------- */ body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-element:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li > a { color: #111111 !important; } /* Archive dropdown arrows — dark */ body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-element:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main .sub-arrow, body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-element:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main .sub-arrow i, body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-element:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main .sub-arrow svg { color: #111111 !important; fill: #111111 !important; } /* Archive hover / active — brand purple */ body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-element:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li > a:hover, body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-element:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li.current-menu-item > a, body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-element:not(.elementor-sticky--effects) .desktop-main-menu .elementor-nav-menu--main > ul > li.current-menu-ancestor > a { color: #4b2e91 !important; } /* ----------------------------------------------------- ARCHIVE MOBILE / TABLET HAMBURGER — DARK ----------------------------------------------------- */ body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-element:not(.elementor-sticky--effects) .mobile-menu-trigger .elementor-icon, body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-element:not(.elementor-sticky--effects) .mobile-menu-trigger .elementor-icon i, body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-element:not(.elementor-sticky--effects) .mobile-menu-trigger .elementor-icon svg, body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-element:not(.elementor-sticky--effects) .mobile-menu-trigger .elementor-icon svg path { color: #111111 !important; fill: #111111 !important; stroke: #111111 !important; } /* ===================================================== SINGLE EVENT — HEADER OCCUPIES ITS OWN SPACE ===================================================== */ body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) { position: relative !important; top: auto !important; left: auto !important; } /* ===================================================== TEST — DESKTOP MENU HOVER BOUNCE ===================================================== */ .elementor-7697 .elementor-element.elementor-element-6aedb27 .desktop-main-menu .elementor-nav-menu--main > ul > li > a { transition: none !important; transform: none !important; } .elementor-7697 .elementor-element.elementor-element-6aedb27 .desktop-main-menu .elementor-nav-menu--main > ul > li > a:hover { transform: none !important; } /* ===================================================== DESKTOP LANGUAGE SWITCHER HERO / STICKY / EVENTS ===================================================== */ /* Smooth colour transition */ .elementor-7697 .elementor-element.elementor-element-6aedb27 .desktop-language-switcher a { transition: color 0.3s ease; } /* Transparent header — white */ .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-language-switcher a { color: #ffffff !important; } /* Transparent header — light purple hover */ .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-language-switcher a:hover { color: #cbb8ea !important; } /* Sticky header — dark */ .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .desktop-language-switcher a { color: #111111 !important; } /* Sticky header — purple hover */ .elementor-7697 .elementor-element.elementor-element-6aedb27.elementor-sticky--effects .desktop-language-switcher a:hover { color: #4b2e91 !important; } /* Single event pages — dark */ body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-language-switcher a { color: #111111 !important; } /* Events calendar — dark */ body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-language-switcher a { color: #111111 !important; } /* Event pages — purple hover */ body.single-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-language-switcher a:hover, body.post-type-archive-tribe_events .elementor-7697 .elementor-element.elementor-element-6aedb27:not(.elementor-sticky--effects) .desktop-language-switcher a:hover { color: #4b2e91 !important; }/* End custom CSS */