.elementor-143 .elementor-element.elementor-element-70bf7e0{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:-68px;--margin-left:0px;--margin-right:0px;--z-index:100;}.elementor-143 .elementor-element.elementor-element-70bf7e0, .elementor-143 .elementor-element.elementor-element-70bf7e0::before{--border-transition:0.3s;}.elementor-143 .elementor-element.elementor-element-507e115 img{width:256px;}.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-menu-toggle{margin:0 auto;}.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--dropdown a:hover,
					.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-menu-toggle:hover{color:var( --e-global-color-text );}.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--dropdown a:hover,
					.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-text );}.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--dropdown{border-style:solid;border-width:0px 1px 1px 1px;border-color:var( --e-global-color-44f6f82 );}.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-143 .elementor-element.elementor-global-383 .elementor-button-content-wrapper{flex-direction:row;}.elementor-143 .elementor-element.elementor-global-383 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-143 .elementor-element.elementor-global-383 .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:var( --e-global-color-942e5ee );color:var( --e-global-color-942e5ee );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-44f6f82 );box-shadow:4px 4px 10px -2px rgba(0,0,0,0.5);}.elementor-143 .elementor-element.elementor-global-383 .elementor-button:hover, .elementor-143 .elementor-element.elementor-global-383 .elementor-button:focus{background-color:var( --e-global-color-8e3387b );border-color:var( --e-global-color-44f6f82 );}@media(max-width:667px){.elementor-143 .elementor-element.elementor-element-70bf7e0{--justify-content:space-evenly;--margin-top:0px;--margin-bottom:-138px;--margin-left:0px;--margin-right:0px;}.elementor-143 .elementor-element.elementor-element-507e115 > .elementor-widget-container{margin:2% 0% 2% 0%;}.elementor-143 .elementor-element.elementor-element-507e115{width:100%;max-width:100%;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-507e115 *//* header logo behaviour on scroll 
 * #logoflex css ID applied to this widget
 */
.elementor-143 .elementor-element.elementor-element-507e115 img{
    transition: width .4s ease;
}
.elementor-sticky--effects #logoflex img { /* ".elementor-143 .elementor-element.elementor-element-507e115" keyword can't be used as descendent in css .elementor-143 .elementor-element.elementor-element-507e115. As such, css ID used in its place. */
    width: 150px; 
}
/* Override the fullwidth setting, set in Advanced tab > Layout > Width, for sticky to allow for more compact header */
@media screen and (max-width: 667px) and (min-width: 512px) {
    .elementor-sticky--effects #logoflex { 
        width: auto;
    }
}
/* Override the fullwidth setting, set in Advanced tab > Layout > Width, for mobile landscape for more compact header */
@media screen and (max-width: 667px) and (min-width: 580px) {
    #logoflex { 
        width: auto; 
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-17f4a26 *//* Override Elementor Color Styling
 * Main Menu only 
 * ...not Dropdown Menu
 * 
 * Done in order to control "Normal-Hover" transition timing. Have tried with CSS, but didn't manage to get it to work, so I am just overriding the colour to begin with.
 *
 * Need to override Elementor's control via !important
 */
.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main > .elementor-nav-menu > .menu-item > a {
    color: var(--e-global-color-text) !important;
    transition: all 0.1s ease 0s;
}
.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main > .elementor-nav-menu > .menu-item:hover > a {
    color: var(--e-global-color-accent) !important;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; /* Create an outline effect */
}
.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main > .elementor-nav-menu > .menu-item path {
    fill: var(--e-global-color-text);
    transition: all 0.1s ease 0s;
}
.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main > .elementor-nav-menu > .menu-item:hover path {
    fill: var(--e-global-color-accent) !important;
    stroke: black; /* colour in dropdown .svg */
    stroke-width: 30px;
}

/* Currently active menu */
.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main > .elementor-nav-menu > .menu-item > a.elementor-item-active {
    color: var(--e-global-color-accent) !important;
}
.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main > .elementor-nav-menu > .menu-item > a.elementor-item-active path {
    fill: var(--e-global-color-accent) !important;
}

/* Active parent menu when on submenu page */
.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--dropdown > .elementor-nav-menu > .menu-item.current-menu-ancestor {
    background-color: var(--e-global-color-accent); /* Dropdown menu */
}
.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main > .elementor-nav-menu > .menu-item.current-menu-ancestor > a {
    color: var(--e-global-color-accent) !important; 
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; /* Create an outline effect */
}
.elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main > .elementor-nav-menu > .menu-item.current-menu-ancestor path {
    fill: var(--e-global-color-accent);
    stroke: black;
    stroke-width: 30px;
}

/* Outline Main Menu active text and arrow */
@media (min-width: 1025px) {
    .elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main > .elementor-nav-menu > .menu-item > a.elementor-item-active {
        text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; /* Create an outline effect */
    }
    .elementor-143 .elementor-element.elementor-element-17f4a26 .elementor-nav-menu--main > .elementor-nav-menu > .menu-item > a.elementor-item-active.has-submenu path {
        stroke: black;
        stroke-width: 30px;
    }
}


/* (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: 15px; /* 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-143 .elementor-element.elementor-element-17f4a26" keyword can't be used as descendent in css .elementor-143 .elementor-element.elementor-element-17f4a26. As such, css ID used in its place. */
    margin-top: 15px;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-383 *//* (old) iPhone wraps text when there's still space available. Prevent that behaviour. */
.elementor-143 .elementor-element.elementor-global-383 .elementor-button-text {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70bf7e0 *//* header container behaviour on scroll */
.elementor-143 .elementor-element.elementor-element-70bf7e0 {
    transition: background-color .4s ease;
}
.elementor-143 .elementor-element.elementor-element-70bf7e0.elementor-sticky--effects  {
    background-color: #FFFFFF; /* 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 */