.elementor-46582 .elementor-element.elementor-element-1cfb2c30{--display:flex;--min-height:68px;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-46582 .elementor-element.elementor-element-1cfb2c30:not(.elementor-motion-effects-element-type-background), .elementor-46582 .elementor-element.elementor-element-1cfb2c30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C9;background-image:url("https://www.stonecliffre.com/wp-content/uploads/2026/01/bg-shape.webp");}.elementor-46582 .elementor-element.elementor-element-1cfb2c30.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-46582 .elementor-element.elementor-element-cbd0539{--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:center;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46582 .elementor-element.elementor-element-cbd0539.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-46582 .elementor-element.elementor-element-93cec50{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-46582 .elementor-element.elementor-element-93cec50 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-46582 .elementor-element.elementor-element-93cec50.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-46582 .elementor-element.elementor-element-93cec50 .favethemes-site-logo{text-align:center;padding-top:8px;padding-bottom:8px;margin-top:1px;max-width:100%;}.elementor-46582 .elementor-element.elementor-element-93cec50 .favethemes-site-logo img{width:100%;}.elementor-46582 .elementor-element.elementor-element-b0301be{--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:flex-end;--align-items:center;--gap:0px 5px;--row-gap:0px;--column-gap:5px;}.elementor-46582 .elementor-element.elementor-element-33ddc89{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-46582 .elementor-element.elementor-element-42cae77 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46582 .elementor-element.elementor-element-42cae77.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-46582 .elementor-element.elementor-element-42cae77:hover .elementor-widget-container{border-style:none;}.elementor-46582 .elementor-element.elementor-element-42cae77:hover > .elementor-widget-container{border-radius:0px 0px 2px 0px;}.elementor-46582 .elementor-element.elementor-element-42cae77{text-align:center;}.elementor-46582 .elementor-element.elementor-element-42cae77 .elementor-heading-title{font-family:"bicyclette", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-7f81ffc );}.elementor-46582 .elementor-element.elementor-element-18f60be.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-46582 .elementor-element.elementor-element-18f60be{text-align:center;}.elementor-46582 .elementor-element.elementor-element-18f60be .elementor-heading-title{font-family:"bicyclette", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-7f81ffc );}.elementor-46582 .elementor-element.elementor-element-1bea0b7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-46582 .elementor-element.elementor-element-1bea0b7{text-align:center;}.elementor-46582 .elementor-element.elementor-element-1bea0b7 .elementor-heading-title{font-family:"bicyclette", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-7f81ffc );}.elementor-46582 .elementor-element.elementor-element-3c01536.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-46582 .elementor-element.elementor-element-3c01536{text-align:center;}.elementor-46582 .elementor-element.elementor-element-3c01536 .elementor-heading-title{font-family:"bicyclette", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-7f81ffc );}.elementor-46582 .elementor-element.elementor-element-19dd3d4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:14px 0px 0px 0px;}.elementor-46582 .elementor-element.elementor-element-19dd3d4.elementor-element{--align-self:center;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .btn-icon-login-register{font-size:0px;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .login-register{text-align:center;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .navbar-logged-in-wrap{float:right;padding-left:0px;padding-right:0px;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .logged-in-nav{font-size:200px;top:45px;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .btn-icon-login-register i{color:var( --e-global-color-7f81ffc );}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .login-link a{color:#00402D;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .register-link a{color:#00402D;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .logged-in-nav a{background-color:#ffffff;border-color:#e6e6e6;color:#2e3e49;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .btn-icon-login-register:hover i{color:#00aeef;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .login-link a:hover{color:#00aeef;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .register-link a:hover{color:#00aeef;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .logged-in-nav a:hover{background-color:#00aeff1a;border-color:#dce0e0;color:#00aeff;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .rounded{border-radius:0px !important;}.elementor-46582 .elementor-element.elementor-element-4c8c809{--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:center;--align-items:center;}.elementor-46582 .elementor-element.elementor-element-0a33e0a{--display:flex;--min-height:0vh;--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;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-46582 .elementor-element.elementor-element-0a33e0a.e-con{--align-self:center;}.elementor-46582 .elementor-element.elementor-element-0fcb900 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-element{--align-self:flex-start;}.elementor-46582 .elementor-element.elementor-element-0fcb900{z-index:1;}.elementor-46582 .elementor-element.elementor-element-0fcb900 .elementor-icon-wrapper{text-align:center;}.elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-stacked .elementor-icon{background-color:#FCFCFC00;color:var( --e-global-color-7f81ffc );}.elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-framed .elementor-icon, .elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-default .elementor-icon{color:#FCFCFC00;border-color:#FCFCFC00;}.elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-framed .elementor-icon, .elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-default .elementor-icon svg{fill:#FCFCFC00;}.elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-7f81ffc );}.elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-7f81ffc );}.elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-stacked .elementor-icon:hover{background-color:rgba(255, 250, 245, 0.9);color:#6C7C69;}.elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-framed .elementor-icon:hover, .elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-default .elementor-icon:hover{color:rgba(255, 250, 245, 0.9);border-color:rgba(255, 250, 245, 0.9);}.elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-framed .elementor-icon:hover, .elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-default .elementor-icon:hover svg{fill:rgba(255, 250, 245, 0.9);}.elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-framed .elementor-icon:hover{background-color:#6C7C69;}.elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-view-stacked .elementor-icon:hover svg{fill:#6C7C69;}.elementor-46582 .elementor-element.elementor-element-0fcb900 .elementor-icon{font-size:27px;padding:10px;}.elementor-46582 .elementor-element.elementor-element-0fcb900 .elementor-icon svg{height:27px;}@media(max-width:1024px){.elementor-46582 .elementor-element.elementor-element-1cfb2c30{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:05%;--padding-right:05%;}.elementor-46582 .elementor-element.elementor-element-93cec50{width:var( --container-widget-width, 73.857% );max-width:73.857%;--container-widget-width:73.857%;--container-widget-flex-grow:0;}.elementor-46582 .elementor-element.elementor-element-19dd3d4{width:var( --container-widget-width, 109.802% );max-width:109.802%;--container-widget-width:109.802%;--container-widget-flex-grow:0;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 > .elementor-widget-container{margin:6px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .logged-in-nav{top:45px;}.elementor-46582 .elementor-element.elementor-element-0fcb900{width:var( --container-widget-width, 11.453px );max-width:11.453px;--container-widget-width:11.453px;--container-widget-flex-grow:0;}.elementor-46582 .elementor-element.elementor-element-0fcb900 > .elementor-widget-container{padding:0px 0px 4px 0px;}}@media(max-width:767px){.elementor-46582 .elementor-element.elementor-element-1cfb2c30{--min-height:65px;}.elementor-46582 .elementor-element.elementor-element-cbd0539{--width:100%;}.elementor-46582 .elementor-element.elementor-element-93cec50{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-46582 .elementor-element.elementor-element-93cec50 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 9px;}.elementor-46582 .elementor-element.elementor-element-93cec50 .favethemes-site-logo{padding-top:6px;padding-bottom:6px;max-width:100%;}.elementor-46582 .elementor-element.elementor-element-93cec50 .favethemes-site-logo img{width:78%;}.elementor-46582 .elementor-element.elementor-element-b0301be{--width:50%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-46582 .elementor-element.elementor-element-33ddc89{--width:0%;}.elementor-46582 .elementor-element.elementor-element-19dd3d4{width:var( --container-widget-width, 41.882% );max-width:41.882%;--container-widget-width:41.882%;--container-widget-flex-grow:0;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 51px;}.elementor-46582 .elementor-element.elementor-element-19dd3d4.elementor-element{--align-self:center;}.elementor-46582 .elementor-element.elementor-element-19dd3d4 .logged-in-nav{top:45px;}.elementor-46582 .elementor-element.elementor-element-0a33e0a{--width:94.834%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-46582 .elementor-element.elementor-element-0fcb900{width:var( --container-widget-width, 38.93% );max-width:38.93%;--container-widget-width:38.93%;--container-widget-flex-grow:0;}.elementor-46582 .elementor-element.elementor-element-0fcb900 > .elementor-widget-container{margin:0px 0px -7px 0px;padding:0px 0px 0px 20px;}.elementor-46582 .elementor-element.elementor-element-0fcb900.elementor-element{--align-self:flex-start;}}@media(min-width:768px){.elementor-46582 .elementor-element.elementor-element-1cfb2c30{--width:100%;}.elementor-46582 .elementor-element.elementor-element-b0301be{--width:80%;}.elementor-46582 .elementor-element.elementor-element-33ddc89{--width:63%;}.elementor-46582 .elementor-element.elementor-element-4c8c809{--width:50px;}.elementor-46582 .elementor-element.elementor-element-0a33e0a{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-46582 .elementor-element.elementor-element-cbd0539{--width:50%;}.elementor-46582 .elementor-element.elementor-element-0a33e0a{--width:127.515%;}}/* Start custom CSS for heading, class: .elementor-element-42cae77 *//* 1. Reset the Heading and Link */
.elementor-46582 .elementor-element.elementor-element-42cae77 .elementor-heading-title a {
    position: relative !important;
    display: inline-block !important;
    text-decoration: none !important;
    padding-bottom: 4px !important; /* Fixed distance from text */
    transition: color 0.2s ease;
}

/* 2. Create the Underline (The "Finished" State) */
.elementor-46582 .elementor-element.elementor-element-42cae77 .elementor-heading-title a::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    
    /* Height is fixed here so it never changes during animation */
    height: 1.5px !important; 
    
    background-color: #00402D !important; /* Stonecliff Green */
    
    /* 3. The Animation Logic */
    transform: scaleX(0) !important; /* Starts at 0 width */
    transform-origin: left center !important; /* Forces it to grow from left to right */
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 4. The Trigger: Only affects the specific 'a' being hovered */
.elementor-46582 .elementor-element.elementor-element-42cae77 .elementor-heading-title a:hover::after {
    transform: scaleX(1) !important; /* Grows to 100% width */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-18f60be *//* 1. Reset the Heading and Link */
.elementor-46582 .elementor-element.elementor-element-18f60be .elementor-heading-title a {
    position: relative !important;
    display: inline-block !important;
    text-decoration: none !important;
    padding-bottom: 4px !important; /* Fixed distance from text */
    transition: color 0.2s ease;
}

/* 2. Create the Underline (The "Finished" State) */
.elementor-46582 .elementor-element.elementor-element-18f60be .elementor-heading-title a::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    
    /* Height is fixed here so it never changes during animation */
    height: 1.5px !important; 
    
    background-color: #00402D !important; /* Stonecliff Green */
    
    /* 3. The Animation Logic */
    transform: scaleX(0) !important; /* Starts at 0 width */
    transform-origin: left center !important; /* Forces it to grow from left to right */
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 4. The Trigger: Only affects the specific 'a' being hovered */
.elementor-46582 .elementor-element.elementor-element-18f60be .elementor-heading-title a:hover::after {
    transform: scaleX(1) !important; /* Grows to 100% width */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1bea0b7 *//* 1. Reset the Heading and Link */
.elementor-46582 .elementor-element.elementor-element-1bea0b7 .elementor-heading-title a {
    position: relative !important;
    display: inline-block !important;
    text-decoration: none !important;
    padding-bottom: 4px !important; /* Fixed distance from text */
    transition: color 0.2s ease;
}
text-align: center;
/* 2. Create the Underline (The "Finished" State) */
.elementor-46582 .elementor-element.elementor-element-1bea0b7 .elementor-heading-title a::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    
    /* Height is fixed here so it never changes during animation */
    height: 1.5px !important; 
    
    background-color: #00402D !important; /* Stonecliff Green */
    
    /* 3. The Animation Logic */
    transform: scaleX(0) !important; /* Starts at 0 width */
    transform-origin: left center !important; /* Forces it to grow from left to right */
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 4. The Trigger: Only affects the specific 'a' being hovered */
.elementor-46582 .elementor-element.elementor-element-1bea0b7 .elementor-heading-title a:hover::after {
    transform: scaleX(1) !important; /* Grows to 100% width */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c01536 *//* 1. Reset the Heading and Link */
.elementor-46582 .elementor-element.elementor-element-3c01536 .elementor-heading-title a {
    position: relative !important;
    display: inline-block !important;
    text-decoration: none !important;
    padding-bottom: 4px !important; /* Fixed distance from text */
    transition: color 0.2s ease;
}

/* 2. Create the Underline (The "Finished" State) */
.elementor-46582 .elementor-element.elementor-element-3c01536 .elementor-heading-title a::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    
    /* Height is fixed here so it never changes during animation */
    height: 1.5px !important; 
    
    background-color: #00402D !important; /* Stonecliff Green */
    
    /* 3. The Animation Logic */
    transform: scaleX(0) !important; /* Starts at 0 width */
    transform-origin: left center !important; /* Forces it to grow from left to right */
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 4. The Trigger: Only affects the specific 'a' being hovered */
.elementor-46582 .elementor-element.elementor-element-3c01536 .elementor-heading-title a:hover::after {
    transform: scaleX(1) !important; /* Grows to 100% width */
}/* End custom CSS */
/* Start custom CSS for houzez-login-modal, class: .elementor-element-19dd3d4 *//* Transparent background for the button always */
.elementor-widget-houzez-login-modal .btn-icon-login-register {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
/* ===== Custom PNG icon, Stonehill dark green ===== */
.elementor-widget-houzez-login-modal .icon-single-neutral-circle {
    display: inline-block;
    width: 44px; 
    height: 44px;
    background-image: url('https://www.stonecliffre.com/wp-content/uploads/2026/01/unnamed.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(18%) sepia(32%) saturate(1500%) hue-rotate(120deg) brightness(90%) contrast(100%);
    font-family: inherit !important;
    font-size: 0 !important;
    line-height: 0 !important;
    -webkit-font-smoothing: none;
}
/* Kill the default Houzez font icon */
.elementor-widget-houzez-login-modal .icon-single-neutral-circle::before,
.elementor-widget-houzez-login-modal .icon-single-neutral-circle::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbd0539 *//* 1. Hide the original Houzez icon */
.elementor-46582 .elementor-element.elementor-element-cbd0539 .icon-single-neutral-circle::before {
    display: none !important;
}

/* 2. Insert a new FontAwesome icon */
.elementor-46582 .elementor-element.elementor-element-cbd0539 .icon-single-neutral-circle::after {
    content: "\f007"; /* This is the code for a 'User' silhouette */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 22px; /* Adjust size to match your header */
    color: #004439;  /* Matches your Stonecliff green */
}

/* Create the base state for the underline */
.elementor-46582 .elementor-element.elementor-element-cbd0539 .nav-underline a, 
.elementor-46582 .elementor-element.elementor-element-cbd0539.nav-underline {
    position: relative;
    text-decoration: none;
    display: inline-block;
}

/* Create the underline using a pseudo-element */
.elementor-46582 .elementor-element.elementor-element-cbd0539 .nav-underline:after,
.elementor-46582 .elementor-element.elementor-element-cbd0539.nav-underline:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0); /* Hide it by default */
    height: 2px; /* Thickness of underline */
    bottom: -5px; /* Distance from text */
    left: 0;
    background-color: #004439; /* Your Stonecliff Green */
    transform-origin: bottom left; /* Animation starts from the left */
    transition: transform 0.3s ease-out; /* Smooth slide effect */
}

/* Animate to full width on hover */
.elementor-46582 .elementor-element.elementor-element-cbd0539 .nav-underline:hover:after,
.elementor-46582 .elementor-element.elementor-element-cbd0539.nav-underline:hover:after {
    transform: scaleX(1);
}/* End custom CSS */