.elementor-17330 .elementor-element.elementor-element-df1dcb9{--display:grid;--min-height:78px;--e-con-grid-template-columns:108px 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E3E7F2;--border-color:#E3E7F2;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17330 .elementor-element.elementor-element-df1dcb9:not(.elementor-motion-effects-element-type-background), .elementor-17330 .elementor-element.elementor-element-df1dcb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFEB;}.elementor-17330 .elementor-element.elementor-element-62aac5cd img{max-width:108px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-menu-toggle{margin-left:auto;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--main .elementor-item{color:#1E2540;fill:#1E2540;padding-left:0px;padding-right:0px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--main .elementor-item:focus{color:#006B3A;fill:#006B3A;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#006B3A;}.elementor-17330 .elementor-element.elementor-element-10e68861 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-17330 .elementor-element.elementor-element-10e68861 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-17330 .elementor-element.elementor-element-10e68861 .e--pointer-underline .elementor-item:after,
					 .elementor-17330 .elementor-element.elementor-element-10e68861 .e--pointer-overline .elementor-item:before,
					 .elementor-17330 .elementor-element.elementor-element-10e68861 .e--pointer-double-line .elementor-item:before,
					 .elementor-17330 .elementor-element.elementor-element-10e68861 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-17330 .elementor-element.elementor-element-10e68861{--e-nav-menu-horizontal-menu-item-margin:calc( 26px / 2 );}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:26px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown a:hover,
					.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown a:focus,
					.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-menu-toggle:hover,
					.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown a:hover,
					.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown a:focus,
					.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown a.highlighted{background-color:#008448;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:#008448;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown .elementor-item, .elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown{border-radius:6px 6px 6px 6px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:6px;border-top-right-radius:6px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:6px;border-bottom-left-radius:6px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:11px;padding-bottom:11px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#E9E9E9;border-bottom-width:1px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-17330 .elementor-element.elementor-element-df1dcb9{--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-17330 .elementor-element.elementor-element-df1dcb9{--content-width:calc(100% - 40px);}}@media(max-width:767px){.elementor-17330 .elementor-element.elementor-element-df1dcb9{--content-width:calc(100% - 40px);--grid-auto-flow:row;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown .elementor-item, .elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:15px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown{border-radius:0px 0px 0px 0px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-17330 .elementor-element.elementor-element-10e68861 .elementor-nav-menu--dropdown a{padding-left:18px;padding-right:18px;padding-top:14px;padding-bottom:14px;}}/* Start custom CSS for nav-menu, class: .elementor-element-10e68861 */#menu-2-0 .elementor-nav-menu--main > ul > li:last-child a {
  padding: 11px 20px;
  border-radius: 6px;
  background-color: #008448;
  color: #fff;
}
#menu-2-0 .elementor-nav-menu--main > ul > li:last-child a:hover {
        background-color: #006b3a;
}


/* ============================================================================
   REALTY FINANCIAL GROUP — Off-canvas FLYOUT Nav (Elementor, CSS-only)
   ----------------------------------------------------------------------------
   Widget: .elementor-element-10e68861   |   Logo: .elementor-element-62aac5cd

   How it works: Elementor's burger already toggles the dropdown <nav>, flipping
   aria-hidden="true"/"false". We hook that state — no extra JS — and turn the
   dropdown into a slide-in drawer from the right.

   PASTE IN: Appearance ▸ Customize ▸ Additional CSS (or any global CSS box).
   Inside the widget's own Advanced ▸ Custom CSS instead? swap
   .elementor-element-10e68861  ->  .elementor-17330 .elementor-element.elementor-element-10e68861

   Collapses to burger + flyout at <= 1024px. Change 1024 / 1025 to adjust.
   ============================================================================ */ 
  .elementor-element-10e68861 {
    --rfg-blue: #243090;
    --rfg-blue-deep: #1a2468;
    --rfg-green: #008448;
    --rfg-green-deep: #006b3a;
    --rfg-ink: #1e2540;
    --rfg-line: #e3e7f2;
    --drawer-w: min(360px, 86vw);
  }
 

/* ---------------------------------------------------------------------------
   2) DESKTOP (>= 1025px) — horizontal menu on, burger + drawer off
--------------------------------------------------------------------------- */
@media (min-width:1025px) {
  .elementor-element-10e68861 .elementor-nav-menu--main {
    display: flex !important;
    align-items: center;
  }

  .elementor-element-10e68861 .elementor-menu-toggle {
    display: none !important;
  }
/*
  .elementor-element-10e68861 .elementor-nav-menu--dropdown {
    display: none !important;
  }*/
}

/* ---------------------------------------------------------------------------
   3) MOBILE / TABLET (<= 1024px) — FLYOUT DRAWER
--------------------------------------------------------------------------- */
@media (max-width:1024px) {

  .elementor-element-10e68861 .elementor-nav-menu--main {
    display: none !important;
  }

  /* burger — kept ON TOP so the X stays tappable to close */
  .elementor-element-10e68861 .elementor-menu-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 100000;
    cursor: pointer;
  }

  .elementor-element-10e68861 .elementor-menu-toggle svg {
    width: 30px !important;
    height: 30px !important;
    fill: var(--rfg-blue) !important;
  }

  /* X icon turns white while the (blue) drawer is open, if it sits over it */
  .elementor-element-10e68861 .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--close {
    fill: #fff !important;
  }
  .elementor-element-10e68861 .sub-arrow .e-font-icon-svg { 
    fill: currentColor;
  }
  .elementor-element-10e68861 .elementor-nav-menu--dropdown.sub-menu .elementor-sub-item {
    font-size: 15px;
  }
  /* THE DRAWER — off-canvas on the right, neutralise Elementor's max-height anim */
  .elementor-element-10e68861 .elementor-nav-menu--dropdown:not(.sub-menu) {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    width: var(--drawer-w) !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    background: var(--rfg-blue) !important;
    box-shadow: -16px 0 40px rgba(20, 26, 77, .28) !important;
    padding: 96px 0 24px !important;
    /* clears the header at the top */
    overflow-y: auto !important;
    z-index: 99990 !important;
    /* closed state */
    transform: translateX(100%);
    visibility: hidden;
    transition: transform .32s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .32s;
  }

  /* OPEN state — Elementor sets aria-hidden="false" */
  .elementor-element-10e68861 .elementor-nav-menu--dropdown[aria-hidden="false"] {
    transform: translateX(0);
    visibility: visible;
    transition: transform .32s cubic-bezier(.4, 0, .2, 1), visibility 0s;
    /* full-viewport dimmed backdrop, CSS-only (no extra markup) */
    box-shadow: -16px 0 40px rgba(20, 26, 77, .28), 0 0 0 100vmax rgba(16, 20, 55, .45) !important;
  }

  /* drawer links */
  .elementor-element-10e68861 .elementor-nav-menu--dropdown .elementor-nav-menu {
    padding: 0 !important;
  }

  .elementor-element-10e68861 .elementor-nav-menu--dropdown .elementor-item {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #fff !important;
    padding: 16px 28px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
    transition: background .15s ease, padding-left .15s ease;
  }

  .elementor-element-10e68861 .elementor-nav-menu--dropdown .elementor-item:hover,
  .elementor-element-10e68861 .elementor-nav-menu--dropdown .current-menu-item>.elementor-item {
    background: var(--rfg-blue-deep) !important;
    color: #8ff0b6 !important;
    padding-left: 34px !important;
  }

  /* CTA button inside the drawer */
  .elementor-element-10e68861 .elementor-nav-menu--dropdown>.elementor-nav-menu>li:last-child {
    padding: 20px 24px 8px;
  }

  .elementor-element-10e68861 .elementor-nav-menu--dropdown>.elementor-nav-menu>li:last-child>.elementor-item {
    background: var(--rfg-green) !important;
    color: #fff !important;
    border-radius: 8px !important;
    text-align: center;
    padding: 16px 20px !important;
    border-bottom: none !important;
    font-weight: 600 !important;
  }

  .elementor-element-10e68861 .elementor-nav-menu--dropdown>.elementor-nav-menu>li:last-child>.elementor-item:hover {
    background: var(--rfg-green-deep) !important;
    padding-left: 20px !important;
  }

  /* logo a touch smaller */
  .elementor-element-62aac5cd img {
    max-height: 46px !important;
    width: auto !important;
  }
}

/* ---------------------------------------------------------------------------
   4) LOCK PAGE SCROLL WHILE DRAWER IS OPEN  (CSS-only, uses :has() — modern browsers)
--------------------------------------------------------------------------- */
@media (max-width:1024px) {
  html:has(.elementor-element-10e68861 .elementor-nav-menu--dropdown[aria-hidden="false"]) {
    overflow: hidden;
  }
}

/* ============================================================================
   NOTES / TROUBLESHOOTING
   • Close: tap the X (burger) or any link — Elementor handles it. Backdrop is
     visual only (dimming) since we can't add a clickable element in CSS-only.
   • If the X hides BEHIND the blue drawer, the header container likely makes its
     own stacking context. Fix: give the header container a higher z-index than
     99990 in Elementor (Advanced ▸ Z-Index), OR lower the drawer's z-index below
     the header and keep padding-top so links clear the header.
   • Slide from LEFT instead of right? set the drawer  left:0; right:auto;  and
     change transform:translateX(100%)  ->  translateX(-100%),  and the backdrop/
     shadow side  -16px  ->  16px.
   • Drawer width: change --drawer-w at the top.
   ============================================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df1dcb9 */p {
  margin-top: 0;
  margin-bottom: 0rem;
}

.proof-links a:before {
  content: "✓";
  font-size: 11px;
  line-height: 1;
}

.proof-links a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #fff !important;
  background: #008448;
  padding: 2px 9px 2px 7px;
  border-radius: 100px;
  text-decoration: none;
  vertical-align: 2px;
  white-space: nowrap;
  transition: background .15s ease, transform .15s ease;
  line-height: 19px;
}

.proof-links a:active,
.proof-links a:focus,
.proof-links a:hover {
  background: #006b3a;
  color: #fff; 
}/* End custom CSS */
/* Start custom CSS */.advanced-search-nav,
#desktop-header-search {
  display: none;
}

.elementor-location-header {
  position: sticky;
  top: 0;
  z-index: 1001;
}
body, .main-wrap, .fw-property-documents-wrap h3 span, .fw-property-details-wrap h3 span {
    background: #fff;}
body {
  overflow: auto;
}/* End custom CSS */