.elementor-30 .elementor-element.elementor-element-167bda4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-30 .elementor-element.elementor-element-81e5367{--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;border-style:none;--border-style:none;--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:100;}.elementor-30 .elementor-element.elementor-element-81e5367:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-81e5367 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000014;}.elementor-30 .elementor-element.elementor-element-d21db65{width:var( --container-widget-width, 8% );max-width:8%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:8%;--container-widget-flex-grow:0;}.elementor-30 .elementor-element.elementor-element-cd6eece .elementor-menu-toggle{margin:0 auto;}.elementor-30 .elementor-element.elementor-element-cd6eece .elementor-nav-menu .elementor-item{font-weight:500;}.elementor-30 .elementor-element.elementor-element-cd6eece .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-b93bf4d );fill:var( --e-global-color-b93bf4d );}.elementor-30 .elementor-element.elementor-element-cd6eece{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-30 .elementor-element.elementor-element-cd6eece .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-30 .elementor-element.elementor-element-ba39100 .elementor-button{background-color:#A78952;fill:var( --e-global-color-8ba0079 );color:var( --e-global-color-8ba0079 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-cd6eece *//* 1. Turn off Elementor's default pointer line so they don't overlap */
.elementor-30 .elementor-element.elementor-element-cd6eece .elementor-item::after, 
.elementor-30 .elementor-element.elementor-element-cd6eece .wp-block-navigation-item__content::after {
    display: none !important;
}

/* 2. Target the menu links */
.elementor-30 .elementor-element.elementor-element-cd6eece .elementor-item,
.elementor-30 .elementor-element.elementor-element-cd6eece .wp-block-navigation-item a {
    position: relative;
    text-decoration: none;
    padding-bottom: 12px !important; 
}

/* 3. Apply the brush stroke using a pseudo-element */
.elementor-30 .elementor-element.elementor-element-cd6eece .elementor-item::before,
.elementor-30 .elementor-element.elementor-element-cd6eece .wp-block-navigation-item a::before {
    content: "";
    position: absolute;
    bottom: -5px; 
    left: 0;
    width: 100%;
    height: 12px; 
    
    /* The Brush Stroke Image (SVG) */
    background-image: url("https://greenerontheinside.com/wp-content/uploads/underline-medium.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    
    /* Animation settings */
    transform: scaleX(0);
    transform-origin: center; 
    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}

/* 4. Trigger the brush stroke on Hover AND Active States */
.elementor-30 .elementor-element.elementor-element-cd6eece .elementor-item:hover::before,
.elementor-30 .elementor-element.elementor-element-cd6eece .elementor-item.elementor-item-active::before,
.elementor-30 .elementor-element.elementor-element-cd6eece .wp-block-navigation-item a:hover::before,
.elementor-30 .elementor-element.elementor-element-cd6eece .wp-block-navigation-item.current-menu-item a::before,
.elementor-30 .elementor-element.elementor-element-cd6eece .wp-block-navigation-item.current_page_item a::before {
    transform: scaleX(1);
}/* End custom CSS */