.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-187 .elementor-element.elementor-element-337a041{padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-187 .elementor-element.elementor-element-337a041 .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF;}.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu .elementor-item{font-family:"FreightMicro", Sans-serif;font-size:15px;font-weight:normal;letter-spacing:0.9px;word-spacing:0px;}.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--main .elementor-item{color:#585858;fill:#585858;padding-left:30px;padding-right:30px;padding-top:7px;padding-bottom:7px;}.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--main .elementor-item:focus{color:#5C8FC7;fill:#5C8FC7;}.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#111111;}.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown .elementor-item, .elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"FreightMicro", Sans-serif;font-weight:normal;}body:not(.rtl) .elementor-187 .elementor-element.elementor-element-95642ee{left:0px;}body.rtl .elementor-187 .elementor-element.elementor-element-95642ee{right:0px;}.elementor-187 .elementor-element.elementor-element-95642ee{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-187 .elementor-element.elementor-element-337a041{--e-nav-menu-horizontal-menu-item-margin:calc( 28px / 2 );}.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:28px;}.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown a{padding-top:10px;padding-bottom:10px;}.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:9px !important;}}/* Start custom CSS for nav-menu, class: .elementor-element-337a041 *//* ==========================================================
   DESKTOP MENU — HAND-DRAWN UNDERLINE
========================================================== */

/* Kill Elementor's built-in menu pointer completely */
.elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--main .elementor-item::before,
.elementor-187 .elementor-element.elementor-element-337a041 .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-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--main .menu-item{
    position:relative;
}

/* Hand-drawn underline */
.elementor-187 .elementor-element.elementor-element-337a041 .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 .75s cubic-bezier(.22,.61,.36,1),
        opacity 0s;

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

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


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

@media (max-width:767px){

    /* Keep the header the same height */
    .elementor-187 .elementor-element.elementor-element-337a041{
        overflow:visible;
    }

    /* Floating dropdown panel */
    .elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown{
    position:absolute;
    top:140%;
    right:0;
    left:auto;

    width:240px;

    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(-10px);

    transition:
        opacity .35s ease,
        transform .35s ease,
        visibility .35s;
    }
    
    /* Menu opens */
    .elementor-187 .elementor-element.elementor-element-337a041 .elementor-menu-toggle[aria-expanded="true"]
+ .elementor-nav-menu--dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}


    /* Menu links */
    .elementor-187 .elementor-element.elementor-element-337a041 .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-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown .elementor-item:hover,
    .elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown .elementor-item:focus,
    .elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown .elementor-item:active{
        color:#5C8FC7;
        background:#fafafa;
    }

    /* Remove mobile active/current background block */
    .elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown .elementor-item:hover,
    .elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown .elementor-item:focus,
    .elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown .elementor-item:active,
    .elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
    .elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown .current-menu-item > .elementor-item {
        background:transparent !important;
    }

    /* Mobile hand-drawn underline */
    .elementor-187 .elementor-element.elementor-element-337a041 .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-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown .elementor-item:hover::after,
    .elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown .elementor-item:focus::after,
    .elementor-187 .elementor-element.elementor-element-337a041 .elementor-nav-menu--dropdown .elementor-item:active::after{
        clip-path:inset(0 0 0 0);
        opacity:1;
    }

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

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'FreightMicro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://whitfieldand.co/wp-content/uploads/2026/08/FreightMicro-W03-Book.woff2') format('woff2'),
		url('https://whitfieldand.co/wp-content/uploads/2026/08/FreightMicro-W03-Book.woff') format('woff'),
		url('https://whitfieldand.co/wp-content/uploads/2026/08/FreightMicro-W03-Book.ttf') format('truetype');
}
@font-face {
	font-family: 'FreightMicro';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://whitfieldand.co/wp-content/uploads/2026/08/FreightMicro-W03-Book-Italic.woff2') format('woff2'),
		url('https://whitfieldand.co/wp-content/uploads/2026/08/FreightMicro-W03-Book-Italic.woff') format('woff'),
		url('https://whitfieldand.co/wp-content/uploads/2026/08/FreightMicro-W03-Book-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'FreightMicro';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://whitfieldand.co/wp-content/uploads/2026/08/FreightMicro-W03-Bold.woff2') format('woff2'),
		url('https://whitfieldand.co/wp-content/uploads/2026/08/FreightMicro-W03-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */