.elementor-12326 .elementor-element.elementor-element-b9f84df{--display:flex;--min-height:30px;--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;--z-index:98;}.elementor-12326 .elementor-element.elementor-element-b9f84df:not(.elementor-motion-effects-element-type-background), .elementor-12326 .elementor-element.elementor-element-b9f84df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c42bb69 );}.elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-icon i{color:var( --e-global-color-438448e );transition:color 0.3s;}.elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-icon svg{fill:var( --e-global-color-438448e );transition:fill 0.3s;}.elementor-12326 .elementor-element.elementor-element-6547693{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-item > a{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 );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-text{color:var( --e-global-color-8e3387b );transition:color 0.3s;}.elementor-12326 .elementor-element.elementor-element-4c536b2.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-icon i{color:var( --e-global-color-438448e );transition:color 0.3s;}.elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-icon svg{fill:var( --e-global-color-438448e );transition:fill 0.3s;}.elementor-12326 .elementor-element.elementor-element-4c536b2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-item > a{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 );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-text{color:var( --e-global-color-8e3387b );transition:color 0.3s;}.elementor-12326 .elementor-element.elementor-element-9c12616{--grid-template-columns:repeat(0, auto);--icon-size:14px;--grid-column-gap:3px;--grid-row-gap:0px;}.elementor-12326 .elementor-element.elementor-element-9c12616 .elementor-widget-container{text-align:right;}.elementor-12326 .elementor-element.elementor-element-9c12616 .elementor-social-icon{background-color:var( --e-global-color-73f4695 );--icon-padding:5px;}.elementor-12326 .elementor-element.elementor-element-9c12616 .elementor-social-icon i{color:var( --e-global-color-438448e );}.elementor-12326 .elementor-element.elementor-element-9c12616 .elementor-social-icon svg{fill:var( --e-global-color-438448e );}.elementor-12326 .elementor-element.elementor-element-6fa77021{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;--z-index:99;}.elementor-12326 .elementor-element.elementor-element-6fa77021:not(.elementor-motion-effects-element-type-background), .elementor-12326 .elementor-element.elementor-element-6fa77021 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F8FF;}.elementor-12326 .elementor-element.elementor-element-b27aef7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.elementor-12326 .elementor-element.elementor-element-b27aef7.e-con{--order:-99999 /* order start hack */;}.elementor-12326 .elementor-element.elementor-element-45f90f4c img{width:256px;}.elementor-12326 .elementor-element.elementor-element-2d4025d img{width:256px;}.elementor-12326 .elementor-element.elementor-element-dbfe4b9{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12326 .elementor-element.elementor-element-73d96dc .elementor-button{background-color:var( --e-global-color-2554390 );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 );letter-spacing:var( --e-global-typography-text-letter-spacing );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-12326 .elementor-element.elementor-element-73d96dc .elementor-button:hover, .elementor-12326 .elementor-element.elementor-element-73d96dc .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-8e3387b );}.elementor-12326 .elementor-element.elementor-element-73d96dc{width:auto;max-width:auto;}.elementor-12326 .elementor-element.elementor-element-73d96dc .elementor-button:hover svg, .elementor-12326 .elementor-element.elementor-element-73d96dc .elementor-button:focus svg{fill:var( --e-global-color-8e3387b );}.elementor-12326 .elementor-element.elementor-element-e99fe28 .elementor-button{background-color:var( --e-global-color-2554390 );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 );letter-spacing:var( --e-global-typography-text-letter-spacing );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-12326 .elementor-element.elementor-element-e99fe28 .elementor-button:hover, .elementor-12326 .elementor-element.elementor-element-e99fe28 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-8e3387b );}.elementor-12326 .elementor-element.elementor-element-e99fe28{width:auto;max-width:auto;}.elementor-12326 .elementor-element.elementor-element-e99fe28 .elementor-button:hover svg, .elementor-12326 .elementor-element.elementor-element-e99fe28 .elementor-button:focus svg{fill:var( --e-global-color-8e3387b );}.elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-942e5ee );fill:var( --e-global-color-942e5ee );}.elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--main .elementor-item:hover, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown a, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-d2d9b47 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-44f6f82 );}.elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown a:hover, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown a:focus, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown a.highlighted, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-menu-toggle:hover, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-menu-toggle:focus{color:var( --e-global-color-8e3387b );}.elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown a:hover, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown a:focus, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-primary );background-color:var( --e-global-color-d2d9b47 );}.elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown .elementor-item, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:1024px){.elementor-12326 .elementor-element.elementor-element-dbfe4b9{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12326 .elementor-element.elementor-element-73d96dc.elementor-element{--order:99999 /* order end hack */;}.elementor-12326 .elementor-element.elementor-element-e99fe28.elementor-element{--order:99999 /* order end hack */;}.elementor-12326 .elementor-element.elementor-element-406f37c4.elementor-element{--order:-99999 /* order start hack */;}.elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:30px !important;}}@media(min-width:401px){.elementor-12326 .elementor-element.elementor-element-b27aef7{--width:256px;}.elementor-12326 .elementor-element.elementor-element-dbfe4b9{--width:50%;}}@media(max-width:1200px){.elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-73d96dc .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-e99fe28 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-6fa77021{--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-12326 .elementor-element.elementor-element-73d96dc .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-e99fe28 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-406f37c4.elementor-element{--order:-99999 /* order start hack */;}}@media(max-width:667px){.elementor-12326 .elementor-element.elementor-element-b9f84df{--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12326 .elementor-element.elementor-element-6547693{width:100%;max-width:100%;}.elementor-12326 .elementor-element.elementor-element-4c536b2{width:100%;max-width:100%;}.elementor-12326 .elementor-element.elementor-element-6fa77021{--justify-content:center;--gap:10px 20px;--row-gap:10px;--column-gap:20px;}.elementor-12326 .elementor-element.elementor-element-dbfe4b9{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12326 .elementor-element.elementor-element-73d96dc{width:auto;max-width:auto;}.elementor-12326 .elementor-element.elementor-element-e99fe28{width:auto;max-width:auto;}.elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:8px !important;}}@media(max-width:400px){.elementor-12326 .elementor-element.elementor-element-b9f84df{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-6fa77021{--padding-top:1%;--padding-bottom:6%;--padding-left:6%;--padding-right:6%;}.elementor-12326 .elementor-element.elementor-element-b27aef7{--width:200px;}.elementor-12326 .elementor-element.elementor-element-45f90f4c{width:initial;max-width:initial;}.elementor-12326 .elementor-element.elementor-element-73d96dc .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-e99fe28 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-406f37c4.elementor-element{--order:-99999 /* order start hack */;}}@media(max-width:1024px) and (min-width:401px){.elementor-12326 .elementor-element.elementor-element-dbfe4b9{--width:47%;}}@media(max-width:767px) and (min-width:401px){.elementor-12326 .elementor-element.elementor-element-dbfe4b9{--width:51%;}}@media(max-width:667px) and (min-width:401px){.elementor-12326 .elementor-element.elementor-element-dbfe4b9{--width:100%;}}@media(min-width:1366px){.elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12326 .elementor-element.elementor-element-6547693 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12326 .elementor-element.elementor-element-4c536b2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-73d96dc .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12326 .elementor-element.elementor-element-e99fe28 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for theme-site-logo, class: .elementor-element-45f90f4c *//* Header logo resize on scroll * #logoflex css ID applied to this widget * * Very tricky, if not impossible, to get working with visibility transition effect. Just switch off for now. */ .elementor-12326 .elementor-element.elementor-element-45f90f4c img{ //transition: width .4s ease; } .elementor-sticky--effects #logoflex img { /* ".elementor-12326 .elementor-element.elementor-element-45f90f4c" keyword can't be used as descendent in css .elementor-12326 .elementor-element.elementor-element-45f90f4c. As such, css ID used in its place. */ //width: 150px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2d4025d *//* Header logo resize on scroll * #logoflex2 css ID applied to this widget * * Very tricky, if not impossible, to get working with visibility transition effect. Just switch off for now. */ .elementor-12326 .elementor-element.elementor-element-2d4025d img{ //transition: width .4s ease; } .elementor-sticky--effects #logoflex2 img { /* ".elementor-12326 .elementor-element.elementor-element-2d4025d" keyword can't be used as descendent in css .elementor-12326 .elementor-element.elementor-element-2d4025d. As such, css ID used in its place. */ //width: 150px; } /* Header logo change on scroll * l-logo css class applied to this widget. Start-logo. * d-logo css`applied to other widget. Change-logo. */ .home .d-logo { display: none; } .home .l-logo { display: inline-block; } .home .elementor-sticky--effects .d-logo { display: inline-block; } .home .elementor-sticky--effects .l-logo { display: none; } /* Hide Start-Logo on all other pages */ .l-logo { display: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-73d96dc *//* Bold text. Some .elementor-12326 .elementor-element.elementor-element-73d96dc has high specificity, so have to override with !important */ .elementor-12326 .elementor-element.elementor-element-73d96dc a { font-weight: bold !important; } /* Double Border */ .elementor-12326 .elementor-element.elementor-element-73d96dc a, .elementor-12326 .elementor-element.elementor-element-73d96dc a:hover { border: 2px solid black; /* First border with color red */ box-shadow: 0 0 0 1px white, /* Simulate gap by giving another layer that matches background colour */ 0 0 0 4px var(--e-global-color-secondary); /* Outer "border" with blue */ border-radius: 20px; /* Rounds off both the border and the box-shadow */ background-color: white; /* set background to match the gap color */ } /* Change background colour on scroll * * .header-button applied to this button * TODO: Flip colouring scheme around. Default is blue background. Only when home page and not sticky should it be white */ .elementor-sticky--effects .header-button a { background-color: var(--e-global-color-secondary) !important; color: white !important; } .elementor-sticky--effects .header-button a:hover { background-color: black !important; } .elementor-sticky--effects .header-button a svg { fill: white !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e99fe28 *//* Bold text. Some .elementor-12326 .elementor-element.elementor-element-e99fe28 has high specificity, so have to override with !important */ .elementor-12326 .elementor-element.elementor-element-e99fe28 a { font-weight: bold !important; } /* Double Border */ .elementor-12326 .elementor-element.elementor-element-e99fe28 a, .elementor-12326 .elementor-element.elementor-element-e99fe28 a:hover { border: 2px solid black; /* First border with color red */ box-shadow: 0 0 0 1px white, /* Simulate gap by giving another layer that matches background colour */ 0 0 0 4px var(--e-global-color-secondary); /* Outer "border" with blue */ border-radius: 20px; /* Rounds off both the border and the box-shadow */ background-color: white; /* set background to match the gap color */ } /* Change background colour on scroll * * .header-button applied to this button */ .home .elementor-sticky--effects .header-button a { background-color: var(--e-global-color-secondary) !important; color: white !important; } .home .elementor-sticky--effects .header-button a:hover { background-color: black !important; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-406f37c4 *//* Home page menu text, icon, dropdown colour */ .home .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--main .elementor-item { color: var(--e-global-color-438448e); } .home .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-item-anchor.has-submenu svg.e-font-icon-svg { fill: var(--e-global-color-438448e); } .home .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-sub-item.has-submenu svg.e-font-icon-svg { fill: var(--e-global-color-942e5ee); } .home .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-menu-toggle svg.e-font-icon-svg { fill: var(--e-global-color-438448e); } .home .elementor-12326 .elementor-element.elementor-element-406f37c4 .elementor-nav-menu--dropdown .elementor-item.elementor-item-anchor.has-submenu svg.e-font-icon-svg { fill: var(--e-global-color-942e5ee) !important; } /* Home page sticky menu text, icon, dropdown color * ".elementor-12326 .elementor-element.elementor-element-406f37c4" does not work when used in middle; for some reason, ID also doesn't seem to work. By process of elimination, defined class so as to only target this element. * Class .sticky-header set to this widget. */ .home .elementor-sticky--effects .sticky-header .elementor-nav-menu--main .menu-item .elementor-item { color: var(--e-global-color-942e5ee); } .home .elementor-sticky--effects .sticky-header .elementor-nav-menu .elementor-item.elementor-item-anchor.has-submenu svg.e-font-icon-svg { fill: var(--e-global-color-942e5ee); } .home .elementor-sticky--effects .sticky-header .elementor-widget-container .elementor-menu-toggle svg.e-font-icon-svg { fill: var(--e-global-color-942e5ee) !important; } /* Active parent menu when on submenu page */ .elementor-12326 .elementor-element.elementor-element-406f37c4 .current-menu-ancestor > a { color: var(--e-global-color-primary); font-weight: bold; } /* (Responsive) Toggle Menu distance below icon * #responsive-dropdown css ID applied to this widget * * Do not set toggle menu distance using Elementor Editor Style. */ #responsive-dropdown .elementor-nav-menu--dropdown.elementor-nav-menu__container { margin-top: 49px; /* This subsumes Elementor Editor Style tab > Dropdown > Divider: Distance, which is implemented as "margin-top: [] !important. By setting it as custom CSS, !important is not applied by Elementor, and therefore, allows for control of the distance when in sticky mode, which is set below. */ } .elementor-sticky--effects #responsive-dropdown .elementor-nav-menu--dropdown.elementor-nav-menu__container { /* ".elementor-12326 .elementor-element.elementor-element-406f37c4" keyword can't be used as descendent in css .elementor-12326 .elementor-element.elementor-element-406f37c4. As such, css ID used in its place. */ margin-top: 26px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fa77021 *//* Home Page behaviour. Other page behaviour settings set in Elementor Editor Style tab. */ .home .elementor-12326 .elementor-element.elementor-element-6fa77021 { background: transparent; margin-bottom: -152px; } @media only screen and (max-width: 667px) { .home .elementor-12326 .elementor-element.elementor-element-6fa77021 { margin-bottom: -195px; } } /* Header container behaviour on scroll */ .elementor-12326 .elementor-element.elementor-element-6fa77021 { transition: background-color .4s ease; } .elementor-12326 .elementor-element.elementor-element-6fa77021.elementor-sticky--effects { background-color: var(--e-global-color-d2d9b47); /* Background color when sticky */ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29); /* remove if you don't want a box shadow on the sticky header */ }/* End custom CSS */