.elementor-172 .elementor-element.elementor-element-ba9a3ee{--display:flex;--min-height:77px;--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:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-172 .elementor-element.elementor-element-ba9a3ee:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-ba9a3ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-172 .elementor-element.elementor-element-a80de51{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-172 .elementor-element.elementor-element-a80de51 img{width:143px;}.elementor-172 .elementor-element.elementor-element-f9cd114{--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;--gap:0px 36px;--row-gap:0px;--column-gap:36px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-172 .elementor-element.elementor-element-57166d4{width:initial;max-width:initial;}.elementor-172 .elementor-element.elementor-element-a6fbb09{width:initial;max-width:initial;}.elementor-172 .elementor-element.elementor-element-84ff3d4{width:initial;max-width:initial;}.elementor-172 .elementor-element.elementor-element-59413ab{width:initial;max-width:initial;}.elementor-172 .elementor-element.elementor-element-420afcc{width:initial;max-width:initial;}.elementor-172 .elementor-element.elementor-element-826b0b6{--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;--gap:0px 22px;--row-gap:0px;--column-gap:22px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-172 .elementor-element.elementor-element-94cd00b .elementor-icon-wrapper{text-align:center;}.elementor-172 .elementor-element.elementor-element-94cd00b.elementor-view-stacked .elementor-icon{background-color:#10555A;}.elementor-172 .elementor-element.elementor-element-94cd00b.elementor-view-framed .elementor-icon, .elementor-172 .elementor-element.elementor-element-94cd00b.elementor-view-default .elementor-icon{color:#10555A;border-color:#10555A;}.elementor-172 .elementor-element.elementor-element-94cd00b.elementor-view-framed .elementor-icon, .elementor-172 .elementor-element.elementor-element-94cd00b.elementor-view-default .elementor-icon svg{fill:#10555A;}.elementor-172 .elementor-element.elementor-element-94cd00b .elementor-icon{font-size:22px;}.elementor-172 .elementor-element.elementor-element-94cd00b .elementor-icon svg{height:22px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-172 .elementor-element.elementor-element-37f1b3d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-172 .elementor-element.elementor-element-4b828c4 .elementor-icon-wrapper{text-align:center;}.elementor-172 .elementor-element.elementor-element-4b828c4.elementor-view-stacked .elementor-icon{background-color:#10555A;}.elementor-172 .elementor-element.elementor-element-4b828c4.elementor-view-framed .elementor-icon, .elementor-172 .elementor-element.elementor-element-4b828c4.elementor-view-default .elementor-icon{color:#10555A;border-color:#10555A;}.elementor-172 .elementor-element.elementor-element-4b828c4.elementor-view-framed .elementor-icon, .elementor-172 .elementor-element.elementor-element-4b828c4.elementor-view-default .elementor-icon svg{fill:#10555A;}.elementor-172 .elementor-element.elementor-element-4b828c4 .elementor-icon{font-size:22px;}.elementor-172 .elementor-element.elementor-element-4b828c4 .elementor-icon svg{height:22px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-172 .elementor-element.elementor-element-ba9a3ee{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-172 .elementor-element.elementor-element-a80de51{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-172 .elementor-element.elementor-element-826b0b6{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS *//* === Homepage header — white-on-dark initial, switch to green when mega menu opens or header is hovered === */

/* Initial state on homepage: transparent bg, white logo, white text/icons */
body.home .al-header { background-color: transparent !important; transition: background-color 0.3s ease; }
body.home .al-header-logo img { content: url("https://al.stagely.co.uk/wp-content/uploads/2026/04/arbor-law-logo-2.png"); }

/* Menu link text — high specificity to beat any kit default */
body.home .elementor-172 .al-header-link a,
body.home .elementor-172 .al-header-link .elementor-heading-title,
body.home .elementor-172 .al-header-link .elementor-heading-title a,
body.home .al-header .al-header-link a,
body.home .al-header .al-header-link .elementor-heading-title,
body.home .al-header .al-header-link .elementor-heading-title a { color: #FFFFFF !important; transition: color 0.3s ease; }

/* Search + hamburger icons — match the .elementor-172 ancestor that the per-element CSS uses */
body.home .elementor-172 .al-header-search-icon .elementor-icon,
body.home .elementor-172 .al-header-search-icon .elementor-icon i,
body.home .elementor-172 .al-header-search-icon .elementor-icon svg,
body.home .elementor-172 .al-header-menu-icon .elementor-icon,
body.home .elementor-172 .al-header-menu-icon .elementor-icon i,
body.home .elementor-172 .al-header-menu-icon .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; border-color: #FFFFFF !important; transition: color 0.3s ease, fill 0.3s ease; }

/* When mega menu open or header hovered: white bg, green logo, green text/icons */
body.home.al-mega-open .al-header,
body.home .al-header:hover,
  body.home .al-header.elementor-sticky--effects { background-color: #FFFFFF !important; }

body.home.al-mega-open .al-header-logo img,
body.home .al-header:hover .al-header-logo img,
  body.home .al-header.elementor-sticky--effects .al-header-logo img { content: url("https://al.stagely.co.uk/wp-content/uploads/2026/04/arbor-law-logo-1.png"); }

body.home.al-mega-open .elementor-172 .al-header-link a,
body.home.al-mega-open .elementor-172 .al-header-link .elementor-heading-title,
body.home.al-mega-open .elementor-172 .al-header-link .elementor-heading-title a,
body.home .al-header:hover .al-header-link a,
body.home .al-header:hover .al-header-link .elementor-heading-title,
body.home .al-header:hover .al-header-link .elementor-heading-title a,
  body.home .al-header.elementor-sticky--effects .al-header-link a,
  body.home .al-header.elementor-sticky--effects .al-header-link .elementor-heading-title,
  body.home .al-header.elementor-sticky--effects .al-header-link .elementor-heading-title a { color: #10555A !important; }

body.home.al-mega-open .elementor-172 .al-header-search-icon .elementor-icon,
body.home.al-mega-open .elementor-172 .al-header-search-icon .elementor-icon i,
body.home.al-mega-open .elementor-172 .al-header-search-icon .elementor-icon svg,
body.home.al-mega-open .elementor-172 .al-header-menu-icon .elementor-icon,
body.home.al-mega-open .elementor-172 .al-header-menu-icon .elementor-icon i,
body.home.al-mega-open .elementor-172 .al-header-menu-icon .elementor-icon svg,
body.home .al-header:hover .al-header-search-icon .elementor-icon,
body.home .al-header:hover .al-header-search-icon .elementor-icon i,
body.home .al-header:hover .al-header-search-icon .elementor-icon svg,
body.home .al-header:hover .al-header-menu-icon .elementor-icon,
body.home .al-header:hover .al-header-menu-icon .elementor-icon i,
body.home .al-header:hover .al-header-menu-icon .elementor-icon svg,
  body.home .al-header.elementor-sticky--effects .al-header-search-icon .elementor-icon,
  body.home .al-header.elementor-sticky--effects .al-header-search-icon .elementor-icon i,
  body.home .al-header.elementor-sticky--effects .al-header-search-icon .elementor-icon svg,
  body.home .al-header.elementor-sticky--effects .al-header-menu-icon .elementor-icon,
  body.home .al-header.elementor-sticky--effects .al-header-menu-icon .elementor-icon i,
  body.home .al-header.elementor-sticky--effects .al-header-menu-icon .elementor-icon svg { color: #10555A !important; fill: #10555A !important; border-color: #10555A !important; }
/* Sub-menu chevron (::after on the dropdown heading) */
body.home .al-header .al-header-link--has-dropdown .elementor-heading-title::after { border-color: #FFFFFF !important; }
body.home.al-mega-open .al-header .al-header-link--has-dropdown .elementor-heading-title::after,
body.home .al-header:hover .al-header-link--has-dropdown .elementor-heading-title::after,
  body.home .al-header.elementor-sticky--effects .al-header-link--has-dropdown .elementor-heading-title::after { border-color: #10555A !important; }

/* Right cluster alignment: keep the mega-menu html out of header flex flow so space-between aligns logo|nav|right-cluster (nav hides on narrow widths) */
.al-header > .elementor-widget-html{position:absolute;}


/* al-header-logo img display block: kill inline-image baseline gap so the logo centres vertically in the header */
.al-header-logo img{display:block;}


/* al-header-logo centring block v2: kill kit bottom-margin + baseline so the logo centres vertically in the header bar */
.al-header > .elementor-element-a80de51{margin:0 !important;}
.al-header-logo{display:flex;align-items:center;line-height:0;}
.al-header-logo img{display:block;margin:0;}

/* logo padding reset: drop the old mobile top:5/right:10 nudge so it centres on mobile too */
.al-header > .elementor-element-a80de51{padding:0 !important;}/* End custom CSS */