.elementor-364 .elementor-element.elementor-element-fc215a1{--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;--overlay-opacity:0.5;}.elementor-364 .elementor-element.elementor-element-fc215a1::before, .elementor-364 .elementor-element.elementor-element-fc215a1 > .elementor-background-video-container::before, .elementor-364 .elementor-element.elementor-element-fc215a1 > .e-con-inner > .elementor-background-video-container::before, .elementor-364 .elementor-element.elementor-element-fc215a1 > .elementor-background-slideshow::before, .elementor-364 .elementor-element.elementor-element-fc215a1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-364 .elementor-element.elementor-element-fc215a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-364 .elementor-element.elementor-element-4005965{text-align:center;}.elementor-364 .elementor-element.elementor-element-4005965 img{width:37%;}.elementor-364 .elementor-element.elementor-element-e8ad9e3{--spacer-size:50px;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-repeater-item-2f307f6.elementor-social-icon{background-color:#02010100;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-repeater-item-2f307f6.elementor-social-icon i{color:#4E4F4D;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-repeater-item-2f307f6.elementor-social-icon svg{fill:#4E4F4D;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-repeater-item-e9756c8.elementor-social-icon{background-color:#02010100;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-repeater-item-e9756c8.elementor-social-icon i{color:#4E4F4D;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-repeater-item-e9756c8.elementor-social-icon svg{fill:#4E4F4D;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-repeater-item-b2c3f2e.elementor-social-icon{background-color:#02010100;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-repeater-item-b2c3f2e.elementor-social-icon i{color:#4E4F4D;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-repeater-item-b2c3f2e.elementor-social-icon svg{fill:#4E4F4D;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-repeater-item-5fca18d.elementor-social-icon{background-color:#02010100;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-repeater-item-5fca18d.elementor-social-icon i{color:#4E4F4D;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-repeater-item-5fca18d.elementor-social-icon svg{fill:#4E4F4D;}.elementor-364 .elementor-element.elementor-element-58cb19d{--grid-template-columns:repeat(0, auto);text-align:left;--icon-size:24px;--grid-column-gap:19px;--grid-row-gap:0px;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-social-icon{--icon-padding:0em;}.elementor-364 .elementor-element.elementor-element-58cb19d .elementor-icon{border-radius:33px 33px 33px 33px;}body.elementor-page-364:not(.elementor-motion-effects-element-type-background), body.elementor-page-364 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.escalarealty.com/wp-content/uploads/2025/11/escala-website-icon-4.webp");background-position:bottom right;background-repeat:no-repeat;background-size:contain;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-364 .elementor-element.elementor-element-58cb19d{--icon-size:16px;--grid-row-gap:11px;}}/* Start custom CSS for wp-widget-nav_menu, class: .elementor-element-58d958c *//* -------------------------------------
   RESET & BASE
------------------------------------- */
.menu-new-menu-container ul,
.menu-new-menu-container li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-new-menu-container li {
    position: relative;
}

.menu-new-menu-container a {
    display: block;
    padding: 12px 18px;
    font-size: 18px;
    color: #222;
    text-decoration: none;
    font-weight: 600;
    font-family: rufina;
    transition: all 0.3s ease;
}

/* -------------------------------------
   ARROWS FOR DROPDOWNS
------------------------------------- */
.menu-new-menu-container .menu-item-has-children > a::after {
    content: "▾";
    font-size: 16px;
    margin-left: 8px;
    transition: 0.3s ease;
}

.menu-new-menu-container li:hover > a::after {
    transform: rotate(180deg);
}

/* -------------------------------------
   FIRST DROPDOWN (2nd level)
------------------------------------- */
.menu-new-menu-container .sub-menu {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ddd;
    min-width: 210px;
    padding: 8px 0;
    position: absolute;
    top: 110%;
    left: 0;

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.35s ease;

    box-shadow: 0 10px 22px rgba(0,0,0,0.1);
    z-index: 999;
}

.menu-new-menu-container li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* -------------------------------------
   SUBMENU ITEMS HOVER EFFECT
------------------------------------- */
.menu-new-menu-container .sub-menu a {
    padding: 10px 18px;
    border-radius: 4px;
}

.menu-new-menu-container .sub-menu a:hover {
    background: #f4f4f4;
    padding-left: 24px;
}

/* -------------------------------------
   SECOND DROPDOWN (3rd level → flyout)
------------------------------------- */
.menu-new-menu-container .sub-menu .sub-menu {
    top: 0;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
    transition: 0.35s ease;
    border-radius: 8px;
}

.menu-new-menu-container .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* -------------------------------------
   ARROW FOR FLYOUT SUBMENU (3rd level)
------------------------------------- */
.menu-new-menu-container .sub-menu .menu-item-has-children > a::after {
    content: "▸";
    margin-left: 8px;
    transform: rotate(0deg);
}

.menu-new-menu-container .sub-menu .menu-item-has-children:hover > a::after {
    transform: rotate(90deg);
}

/* -------------------------------------
   HOVER EFFECT FOR MAIN MENU
------------------------------------- */
.menu-new-menu-container > ul > li > a:hover {
    color: #fff;
    background: #415F69;
    border-radius: 8px;
}

/* -------------------------------------
   MOBILE RESPONSIVE
------------------------------------- *//* End custom CSS */