.elementor-6186 .elementor-element.elementor-element-25f2fda6{--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;box-shadow:0px 0px 22px 0px rgba(0, 0, 0, 0.09);--padding-top:22px;--padding-bottom:22px;--padding-left:40px;--padding-right:40px;--z-index:5000;}.elementor-6186 .elementor-element.elementor-element-25f2fda6:not(.elementor-motion-effects-element-type-background), .elementor-6186 .elementor-element.elementor-element-25f2fda6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-14bc760 );}.elementor-6186 .elementor-element.elementor-element-291414c9{--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;--z-index:3;}.elementor-6186 .elementor-element.elementor-element-693bf77d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-6186 .elementor-element.elementor-element-693bf77d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-693bf77d img{width:100%;}.elementor-6186 .elementor-element.elementor-element-693bf77d:hover img{opacity:0.65;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li > a:hover, .elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li > a:focus, .elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li > a:active, .elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li:hover > a{background-color:#838DC500;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-hamburger:hover{background-color:#02010100;border-style:none;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-close{background-color:#02010100;border-style:none;color:#33333314;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-close:hover{background-color:#02010100;color:rgba(0, 0, 0, 0.5);}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-container{height:35px;border-radius:0px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li > a{padding:0px 30px 0px 30px;font-family:"Inter", Sans-serif;font-weight:600;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-nav-link-icon-position-top .ha-menu-icon{padding-bottom:14px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-nav-link-icon-position-left .ha-menu-icon{padding-right:14px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-nav-link-icon-position-right .ha-menu-icon{padding-left:14px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li > a:hover{color:var( --e-global-color-4e2c695 );}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li > a:focus{color:var( --e-global-color-4e2c695 );}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li > a:active{color:var( --e-global-color-4e2c695 );}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li:hover > a{color:var( --e-global-color-4e2c695 );}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li:hover > a .ha-submenu-indicator{color:var( --e-global-color-4e2c695 );}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li > a:hover .ha-submenu-indicator{color:var( --e-global-color-4e2c695 );}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li > a:focus .ha-submenu-indicator{color:var( --e-global-color-4e2c695 );}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li > a:active .ha-submenu-indicator{color:var( --e-global-color-4e2c695 );}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li.current-menu-item > a{color:#707070;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li.current-menu-ancestor > a{color:#707070;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li.current-menu-ancestor > a .ha-submenu-indicator{color:#707070;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav li a .ha-submenu-indicator-wrap svg{height:12.7px;width:auto;color:#000000;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav li a:hover .ha-submenu-indicator-wrap svg{color:var( --e-global-color-4e2c695 );}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav-default .ha-dropdown-has>a .ha-submenu-indicator-wrap{margin:2px 0px 0px 10px;padding:0px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav .ha-submenu-panel > li > a{padding:0px 0px 0px 0px;border-style:none;color:#000000;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav .ha-submenu-panel > li:first-child > a{border-style:none;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav .ha-submenu-panel > li:last-child > a{border-style:none;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav .ha-submenu-panel > li > a:hover{color:#707070;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav .ha-submenu-panel > li > a:focus{color:#707070;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav .ha-submenu-panel > li > a:active{color:#707070;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav .ha-submenu-panel > li:hover > a{color:#707070;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav .ha-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-submenu-panel{padding:0px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav .ha-submenu-panel{border-style:none;border-radius:0px 0px 0px 0px;min-width:100vwpx;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-hamburger{float:right;border-style:none;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-hamburger .ha-menu-hamburger-icon{background-color:#F9000080;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-hamburger > .ha-menu-icon{color:#F9000080;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-hamburger:hover .ha-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-hamburger:hover > .ha-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-6186 .elementor-element.elementor-element-6b83c001 > .elementor-widget-container{padding:7px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-6b83c001 .elementor-icon-wrapper{text-align:center;}.elementor-6186 .elementor-element.elementor-element-6b83c001 .elementor-icon{font-size:19px;}.elementor-6186 .elementor-element.elementor-element-6b83c001 .elementor-icon svg{height:19px;}.elementor-6186 .elementor-element.elementor-element-5190b5e3{--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;--align-items:center;box-shadow:0px 0px 22px 0px rgba(0, 0, 0, 0.2);--z-index:100;}.elementor-6186 .elementor-element.elementor-element-5190b5e3:not(.elementor-motion-effects-element-type-background), .elementor-6186 .elementor-element.elementor-element-5190b5e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-14bc760 );}.elementor-6186 .elementor-element.elementor-element-4d16e1da{--display:flex;}.elementor-6186 .elementor-element.elementor-element-66969845 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-66969845{text-align:start;}.elementor-6186 .elementor-element.elementor-element-66969845 img{width:74%;}.elementor-6186 .elementor-element.elementor-element-66969845:hover img{opacity:0.65;}.elementor-6186 .elementor-element.elementor-element-4c6ab824{--display:flex;}.elementor-6186 .elementor-element.elementor-element-477f7152 .menu-overlay{background-color:#1B1D2A;}.elementor-6186 .elementor-element.elementor-element-477f7152 .icon-bars .icon-bar{background-color:var( --e-global-color-primary );height:2px;}.elementor-6186 .elementor-element.elementor-element-477f7152 .icon-bars:hover .icon-bar{background-color:var( --e-global-color-709a95a );}.elementor-6186 .elementor-element.elementor-element-477f7152 .icon-bars{margin-left:auto;width:23px;height:23px;}.elementor-6186 .elementor-element.elementor-element-477f7152 .icon-bars .bar-top{margin-top:-6px;}.elementor-6186 .elementor-element.elementor-element-477f7152 .icon-bars .bar-bottom{margin-top:6px;}.elementor-6186 .elementor-element.elementor-element-7bc771f5{--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;--align-items:center;box-shadow:0px 0px 22px 0px rgba(0, 0, 0, 0.2);--z-index:100;}.elementor-6186 .elementor-element.elementor-element-7bc771f5:not(.elementor-motion-effects-element-type-background), .elementor-6186 .elementor-element.elementor-element-7bc771f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-14bc760 );}.elementor-6186 .elementor-element.elementor-element-25f1e75d{--display:flex;}.elementor-6186 .elementor-element.elementor-element-797ca362 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-797ca362{text-align:start;}.elementor-6186 .elementor-element.elementor-element-797ca362 img{width:74%;}.elementor-6186 .elementor-element.elementor-element-797ca362:hover img{opacity:0.65;}.elementor-6186 .elementor-element.elementor-element-6b97aab6{--display:flex;}.elementor-6186 .elementor-element.elementor-element-8855e80 > .elementor-widget-container{padding:7px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-8855e80 .elementor-icon-wrapper{text-align:center;}.elementor-6186 .elementor-element.elementor-element-8855e80 .elementor-icon{font-size:19px;}.elementor-6186 .elementor-element.elementor-element-8855e80 .elementor-icon svg{height:19px;}.elementor-6186 .elementor-element.elementor-element-63b24740 .menu-overlay{background-color:#1B1D2A;}.elementor-6186 .elementor-element.elementor-element-63b24740 .icon-bars .icon-bar{background-color:var( --e-global-color-primary );height:2px;}.elementor-6186 .elementor-element.elementor-element-63b24740 .icon-bars:hover .icon-bar{background-color:var( --e-global-color-709a95a );}.elementor-6186 .elementor-element.elementor-element-63b24740 .icon-bars{margin-left:auto;width:23px;height:23px;}.elementor-6186 .elementor-element.elementor-element-63b24740 .icon-bars .bar-top{margin-top:-6px;}.elementor-6186 .elementor-element.elementor-element-63b24740 .icon-bars .bar-bottom{margin-top:6px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-6186 .elementor-element.elementor-element-291414c9{--width:100px;}.elementor-6186 .elementor-element.elementor-element-4d16e1da{--width:15%;}.elementor-6186 .elementor-element.elementor-element-4c6ab824{--width:15%;}.elementor-6186 .elementor-element.elementor-element-25f1e75d{--width:15%;}.elementor-6186 .elementor-element.elementor-element-6b97aab6{--width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6186 .elementor-element.elementor-element-4d16e1da{--width:50%;}.elementor-6186 .elementor-element.elementor-element-4c6ab824{--width:50%;}.elementor-6186 .elementor-element.elementor-element-25f1e75d{--width:50%;}.elementor-6186 .elementor-element.elementor-element-6b97aab6{--width:50%;}}@media(max-width:1024px){.elementor-6186 .elementor-element.elementor-element-693bf77d img{width:89%;} .elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-container{background-color:#FFFFFF;max-width:350%;} .elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-nav-identity-panel{padding:10px 0px 10px 0px;} .elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-offcanvas-elements{--offcanvas-left-offset:-350%;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-container{border-radius:0px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li > a{padding:10px 15px 10px 15px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav .ha-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-hamburger{padding:8px 8px 8px 8px;border-radius:3px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-hamburger .ha-menu-icon{width:24px;height:24px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-nav-logo > img{max-width:160px;max-height:60px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}.elementor-6186 .elementor-element.elementor-element-66969845 img{width:24%;}.elementor-6186 .elementor-element.elementor-element-797ca362 img{width:24%;}.elementor-6186 .elementor-element.elementor-element-6b97aab6{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-6186 .elementor-element.elementor-element-8855e80 > .elementor-widget-container{padding:3px 0px 0px 0px;}}@media(max-width:767px){.elementor-6186 .elementor-element.elementor-element-291414c9{--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-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-6186 .elementor-element.elementor-element-693bf77d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-693bf77d{--container-widget-width:99px;--container-widget-flex-grow:0;width:var( --container-widget-width, 99px );max-width:99px;text-align:start;}.elementor-6186 .elementor-element.elementor-element-693bf77d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6186 .elementor-element.elementor-element-693bf77d img{width:30%;} .elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-container{background-color:#FFFFFF;max-width:350%;} .elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-menu-offcanvas-elements{--offcanvas-left-offset:-350%;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-navbar-nav > li > a{font-size:25px;}.elementor-6186 .elementor-element.elementor-element-dcedb39 .ha-nav-logo > img{max-width:120px;max-height:50px;}.elementor-6186 .elementor-element.elementor-element-4d16e1da{--width:44%;--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-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-6186 .elementor-element.elementor-element-66969845 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-66969845.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6186 .elementor-element.elementor-element-66969845{text-align:start;}.elementor-6186 .elementor-element.elementor-element-66969845 img{width:58%;}.elementor-6186 .elementor-element.elementor-element-4c6ab824{--width:50%;--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-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-6186 .elementor-element.elementor-element-477f7152 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-7bc771f5{--z-index:150;}.elementor-6186 .elementor-element.elementor-element-25f1e75d{--width:44%;--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-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-6186 .elementor-element.elementor-element-797ca362 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-797ca362.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6186 .elementor-element.elementor-element-797ca362{text-align:start;}.elementor-6186 .elementor-element.elementor-element-797ca362 img{width:58%;}.elementor-6186 .elementor-element.elementor-element-6b97aab6{--width:50%;--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-end;--align-items:center;--gap:0px 19px;--row-gap:0px;--column-gap:19px;--flex-wrap:nowrap;}.elementor-6186 .elementor-element.elementor-element-8855e80 > .elementor-widget-container{margin:0px 0px -3px 0px;padding:1px 0px 0px 0px;}.elementor-6186 .elementor-element.elementor-element-63b24740 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS *//* Header Link Transition Colours */ /* Default state - all top-level menu links + arrows black */ #main-menu > #menu-item-57 > a, #main-menu > #menu-item-58 > a, #main-menu > #menu-item-59 > a { color: #000000 !important; transition: color 0.3s ease; } #main-menu > #menu-item-57 > a .ha-submenu-indicator-wrap svg, #main-menu > #menu-item-58 > a .ha-submenu-indicator-wrap svg, #main-menu > #menu-item-59 > a .ha-submenu-indicator-wrap svg, #main-menu > #menu-item-57 > a .ha-submenu-indicator-wrap svg path, #main-menu > #menu-item-58 > a .ha-submenu-indicator-wrap svg path, #main-menu > #menu-item-59 > a .ha-submenu-indicator-wrap svg path { fill: #000000 !important; transition: fill 0.3s ease; } /* Bishopston hovered -> grey out City Centre + Westbury (text + arrow) */ #main-menu:has(#menu-item-57:hover) > #menu-item-58 > a, #main-menu:has(#menu-item-57:hover) > #menu-item-59 > a, /* City Centre hovered -> grey out Bishopston + Westbury */ #main-menu:has(#menu-item-58:hover) > #menu-item-57 > a, #main-menu:has(#menu-item-58:hover) > #menu-item-59 > a, /* Westbury hovered -> grey out Bishopston + City Centre */ #main-menu:has(#menu-item-59:hover) > #menu-item-57 > a, #main-menu:has(#menu-item-59:hover) > #menu-item-58 > a { color: #d9d9d9 !important; } #main-menu:has(#menu-item-57:hover) > #menu-item-58 > a .ha-submenu-indicator-wrap svg, #main-menu:has(#menu-item-57:hover) > #menu-item-59 > a .ha-submenu-indicator-wrap svg, #main-menu:has(#menu-item-58:hover) > #menu-item-57 > a .ha-submenu-indicator-wrap svg, #main-menu:has(#menu-item-58:hover) > #menu-item-59 > a .ha-submenu-indicator-wrap svg, #main-menu:has(#menu-item-59:hover) > #menu-item-57 > a .ha-submenu-indicator-wrap svg, #main-menu:has(#menu-item-59:hover) > #menu-item-58 > a .ha-submenu-indicator-wrap svg, #main-menu:has(#menu-item-57:hover) > #menu-item-58 > a .ha-submenu-indicator-wrap svg path, #main-menu:has(#menu-item-57:hover) > #menu-item-59 > a .ha-submenu-indicator-wrap svg path, #main-menu:has(#menu-item-58:hover) > #menu-item-57 > a .ha-submenu-indicator-wrap svg path, #main-menu:has(#menu-item-58:hover) > #menu-item-59 > a .ha-submenu-indicator-wrap svg path, #main-menu:has(#menu-item-59:hover) > #menu-item-57 > a .ha-submenu-indicator-wrap svg path, #main-menu:has(#menu-item-59:hover) > #menu-item-58 > a .ha-submenu-indicator-wrap svg path { fill: #d9d9d9 !important; } /* Mega Menu Item Underline — Bishopston, City Centre, Westbury */ #main-menu > #menu-item-57 > a, #main-menu > #menu-item-58 > a, #main-menu > #menu-item-59 > a { position: relative; display: inline-flex !important; } #main-menu > #menu-item-57 > a::after, #main-menu > #menu-item-58 > a::after, #main-menu > #menu-item-59 > a::after { content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1.5px; background-color: #000000; transform: scaleX(0); transform-origin: left; } #main-menu > #menu-item-57:hover > a::after, #main-menu > #menu-item-58:hover > a::after, #main-menu > #menu-item-59:hover > a::after { animation: underlineIn 0.3s ease forwards; } #main-menu > #menu-item-57 > a::after, #main-menu > #menu-item-58 > a::after, #main-menu > #menu-item-59 > a::after { width: fit-content; /* fallback if inline-flex causes layout issues */ } /* Grey out the OTHER two section headings while browsing within a section's page tree */ body.on-bishopston #main-menu > #menu-item-58 > a, body.on-bishopston #main-menu > #menu-item-59 > a, body.on-citycentre #main-menu > #menu-item-57 > a, body.on-citycentre #main-menu > #menu-item-59 > a, body.on-westbury #main-menu > #menu-item-57 > a, body.on-westbury #main-menu > #menu-item-58 > a { color: #d9d9d9 !important; } body.on-bishopston #main-menu > #menu-item-58 > a .ha-submenu-indicator-wrap svg, body.on-bishopston #main-menu > #menu-item-59 > a .ha-submenu-indicator-wrap svg, body.on-citycentre #main-menu > #menu-item-57 > a .ha-submenu-indicator-wrap svg, body.on-citycentre #main-menu > #menu-item-59 > a .ha-submenu-indicator-wrap svg, body.on-westbury #main-menu > #menu-item-57 > a .ha-submenu-indicator-wrap svg, body.on-westbury #main-menu > #menu-item-58 > a .ha-submenu-indicator-wrap svg, body.on-bishopston #main-menu > #menu-item-58 > a .ha-submenu-indicator-wrap svg path, body.on-bishopston #main-menu > #menu-item-59 > a .ha-submenu-indicator-wrap svg path, body.on-citycentre #main-menu > #menu-item-57 > a .ha-submenu-indicator-wrap svg path, body.on-citycentre #main-menu > #menu-item-59 > a .ha-submenu-indicator-wrap svg path, body.on-westbury #main-menu > #menu-item-57 > a .ha-submenu-indicator-wrap svg path, body.on-westbury #main-menu > #menu-item-58 > a .ha-submenu-indicator-wrap svg path { fill: #d9d9d9 !important; } /* Hover still brings the greyed-out ones back to black */ body.on-bishopston #main-menu > #menu-item-58:hover > a, body.on-bishopston #main-menu > #menu-item-59:hover > a, body.on-citycentre #main-menu > #menu-item-57:hover > a, body.on-citycentre #main-menu > #menu-item-59:hover > a, body.on-westbury #main-menu > #menu-item-57:hover > a, body.on-westbury #main-menu > #menu-item-58:hover > a { color: #000000 !important; } body.on-bishopston #main-menu > #menu-item-58:hover > a .ha-submenu-indicator-wrap svg, body.on-bishopston #main-menu > #menu-item-59:hover > a .ha-submenu-indicator-wrap svg, body.on-citycentre #main-menu > #menu-item-57:hover > a .ha-submenu-indicator-wrap svg, body.on-citycentre #main-menu > #menu-item-59:hover > a .ha-submenu-indicator-wrap svg, body.on-westbury #main-menu > #menu-item-57:hover > a .ha-submenu-indicator-wrap svg, body.on-westbury #main-menu > #menu-item-58:hover > a .ha-submenu-indicator-wrap svg, body.on-bishopston #main-menu > #menu-item-58:hover > a .ha-submenu-indicator-wrap svg path, body.on-bishopston #main-menu > #menu-item-59:hover > a .ha-submenu-indicator-wrap svg path, body.on-citycentre #main-menu > #menu-item-57:hover > a .ha-submenu-indicator-wrap svg path, body.on-citycentre #main-menu > #menu-item-59:hover > a .ha-submenu-indicator-wrap svg path, body.on-westbury #main-menu > #menu-item-57:hover > a .ha-submenu-indicator-wrap svg path, body.on-westbury #main-menu > #menu-item-58:hover > a .ha-submenu-indicator-wrap svg path { fill: #000000 !important; } /* Hamburger button and icons — tablet and mobile only */ @media (max-width: 1024px) { /* Hamburger button - increase tap area */ button.ha-menu-hamburger.ha-menu-toggler { width: 48px !important; height: 48px !important; background: none !important; border: none !important; padding: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Hamburger icon (the menu bars icon) */ button.ha-menu-hamburger.ha-menu-toggler i.ha-menu-icon { font-size: 24px !important; width: 28px !important; height: 28px !important; line-height: 1 !important; } /* Close (X) icon inside the offcanvas panel */ button.ha-menu-close.ha-menu-toggler i { font-size: 24px !important; width: 28px !important; height: 28px !important; line-height: 1 !important; } } /* Ensure the mega menu panel sits above the overlay */ .ha-megamenu-panel { position: relative; z-index: 100; } /* ── Mega Menu Backdrop Overlay ────────────────────────────────── Single shared overlay on #main-menu itself (not per-item) so moving between menu items doesn't cross-fade two separate overlays and cause a flicker. It stays active as long as ANY mega menu item (or its panel) is hovered. */ #main-menu { position: relative; } #main-menu::before { content: ''; position: fixed; top: 125px; /* Change this to match your header height */ left: 0; width: 100%; height: 100%; background-color: transparent; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); transition: backdrop-filter 0.3s ease, opacity 0.3s ease; pointer-events: none; z-index: 99; opacity: 0; /* Soft fade at the top edge instead of a hard cutoff */ -webkit-mask-image: linear-gradient(to bottom, transparent 0px, black 60px, black 100%); mask-image: linear-gradient(to bottom, transparent 0px, black 60px, black 100%); } #main-menu:has(.ha-megamenu-has:hover, .ha-megamenu-panel:hover)::before { background-color: #00000040; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); opacity: 1; -webkit-mask-position: 0% 0%; mask-position: 0% 0%; } /* Disable blur overlay on tablet and mobile */ @media (max-width: 1024px) { #main-menu::before, #main-menu:has(.ha-megamenu-has:hover, .ha-megamenu-panel:hover)::before { display: none; } } /* Kill the entrance transition when swapping between already-open mega menu sections */ #main-menu.ha-switching .ha-megamenu-panel, #main-menu.ha-switching .ha-megamenu-panel * { transition: none !important; animation: none !important; } /* Base state: panel sits off-screen to the right */ .mega-menu-mobile-hamburger .ha-menu-offcanvas-elements { left: auto !important; right: 0 !important; transform: translateX(100%); transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important; will-change: transform; } /* Open state: slide fully into view */ .mega-menu-mobile-hamburger .ha-menu-offcanvas-elements.active { transform: translateX(0) !important; } .mega-menu-mobile-hamburger .ha-megamenu-has .ha-megamenu-panel { transition: max-height 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease-out !important; will-change: max-height, opacity; } /* Sticky Header Smooth - see Javascript too in Code Snippets */ .main-header-backing { position: fixed; top: 0; left: 0; width: 100%; z-index: 998; background-color: #ffffff; /* match header background */ } .main-header-container { position: fixed; left: 0; width: 100%; z-index: 999; transition: top 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s ease; } .main-header-container.is-scrolling-up { transition: top 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.35s ease; } .main-header-container.is-scrolled { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .main-header-spacer { display: block; width: 100%; }/* End custom CSS */