.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-9417 .elementor-element.elementor-element-0125c49{padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF;}.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu .elementor-item{font-family:"FreightMicro", Sans-serif;font-size:15px;font-weight:normal;letter-spacing:0.9px;word-spacing:0px;}.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main .elementor-item{color:#585858;fill:#585858;padding-left:30px;padding-right:30px;padding-top:7px;padding-bottom:7px;}.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main .elementor-item:focus{color:#5C8FC7;fill:#5C8FC7;}.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#111111;}.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown .elementor-item, .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"FreightMicro", Sans-serif;font-weight:normal;}body:not(.rtl) .elementor-9417 .elementor-element.elementor-element-2ab9437{left:0px;}body.rtl .elementor-9417 .elementor-element.elementor-element-2ab9437{right:0px;}.elementor-9417 .elementor-element.elementor-element-2ab9437{top:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-9417 .elementor-element.elementor-element-0125c49{--e-nav-menu-horizontal-menu-item-margin:calc( 28px / 2 );}.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:28px;}.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown a{padding-top:10px;padding-bottom:10px;}.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:9px !important;}}/* Start custom CSS for nav-menu, class: .elementor-element-0125c49 *//* ==========================================================
   DESKTOP MENU — HAND-DRAWN UNDERLINE
========================================================== */

/* Kill Elementor's built-in menu pointer completely */
.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main .elementor-item::before,
.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main .elementor-item::after{
    content:none !important;
    display:none !important;
    background:none !important;
    border:none !important;
}

/* Use the LI as our underline holder */
.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main .menu-item{
    position:relative;
}

/* Hand-drawn underline */
.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main .menu-item::after{
    content:"";
    position:absolute;

    width:90px;
    height:16px;

    left:50%;
    bottom:-7px;

    background-image:url("https://whitfieldand.co/wp-content/uploads/2026/08/menu-underline-1.png");
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;

    /* Center the finished line */
    transform:translateX(-50%);

    /* Hidden before hover */
    clip-path:inset(0 100% 0 0);
    opacity:0;

    transition:
        clip-path .6s cubic-bezier(.22,.61,.36,1),
        opacity 0s;

    pointer-events:none;
    border:none !important;
    outline:none !important;
}

/* Reveal LEFT → RIGHT */
.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--main .menu-item:hover::after{
    clip-path:inset(0 0 0 0);
    opacity:1;
}


/* ==========================================================
   MOBILE DROPDOWN
========================================================== */

/* ==========================================================
   MOBILE DROPDOWN
========================================================== */

@media (max-width:767px){

    /* Keep dropdown from being clipped */
    .elementor-9417 .elementor-element.elementor-element-0125c49{
        overflow:visible;
    }

    /* Floating dropdown panel */
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown{
        position:absolute;
        top:100%;
        right:0;
        left:auto;

        width:240px !important;
        min-width:240px !important;
        max-width:240px !important;

        right:30px !important;
        left:auto !important;

        z-index:99999;

        background:#fff;

        border:1px solid rgba(0,0,0,.08);
        box-shadow:0 18px 40px rgba(0,0,0,.08);

        padding:18px 0;

        opacity:0;
        visibility:hidden;
        transform:translateY(-30px);

        transition:
            opacity .35s ease,
            transform .35s ease,
            visibility .35s;
    }

    /* Menu opens */
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-menu-toggle[aria-expanded="true"]
+ .elementor-nav-menu--dropdown,
.elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-menu-toggle.elementor-active
+ .elementor-nav-menu--dropdown{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(-22px) !important;
    display:block !important;
    z-index:99999 !important;
}

    /* Menu links */
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown .elementor-item{
        position:relative;

        padding:22px 30px;

        font-size:20px;
        line-height:1.6;

        color:#585858;

        transition:
            color .25s ease,
            background .25s ease;
    }

    /* Hover / Focus / Tap */
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown .elementor-item:hover,
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown .elementor-item:focus,
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown .elementor-item:active{
        color:#5C8FC7;
        background:transparent !important;
    }

    /* Remove active/current background block */
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown .current-menu-item > .elementor-item{
        background:transparent !important;
    }

    /* Mobile hand-drawn underline */
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown .elementor-item::after{
        content:"";
        position:absolute;

        width:90px;
        height:16px;

        left:30%;
        right:auto;
        bottom:2px;

        background-image:url("https://whitfieldand.co/wp-content/uploads/2026/08/menu-underline-1.png");
        background-repeat:no-repeat;
        background-position:center;
        background-size:100% 100%;
        background-color:transparent;

        transform:translateX(-50%);

        clip-path:inset(0 100% 0 0);
        opacity:0;

        transition:
            clip-path .75s cubic-bezier(.22,.61,.36,1),
            opacity 0s;

        pointer-events:none;
        border:none !important;
        outline:none !important;
    }

    /* Reveal LEFT → RIGHT */
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown .elementor-item:hover::after,
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown .elementor-item:focus::after,
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown .elementor-item:active::after{
        clip-path:inset(0 0 0 0);
        opacity:1;
    }

    /* Hide Elementor divider lines */
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown hr,
    .elementor-9417 .elementor-element.elementor-element-0125c49 .elementor-nav-menu--dropdown .elementor-item::before{
        display:none !important;
    }

}/* End custom CSS */
/* Start custom CSS */.elementor-9417 {
    position: relative;
    z-index: 999999 !important;
    overflow: visible !important;
}

@media (max-width: 767px) {

    .elementor-9417 .elementor-nav-menu--dropdown,
    .elementor-9417 .elementor-nav-menu__container {
        position: fixed !important;
        top: 88px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        z-index: 9999999 !important;
        overflow: visible !important;
        background: #fff !important;
    }
}/* End custom CSS */