/*# sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?nocache */


/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style.css?ver=5.5.5 */


/*
Theme Name: stellaandstephanie
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.6.0
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/


/*

TABLE OF CONTENTS

1. Variables
2. Custom CSS
3. IP styles
4. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css

*/


/*******************************************************
 *
 * 1. Variables
 *
 *******************************************************/

 :root {
    /** Font default */
    /* --font-family-default: CompassSans, sans-serif;
    --font-family-title: CompassSans, sans-serif; */
    --font-family-default: "Lato", sans-serif;
    --font-family-title: "Montserrat", sans-serif;
    --font-family-lato: "Lato", sans-serif;
    --font-family-montserrat: "Montserrat", sans-serif;
    --font-size-default: 16px;
    --font-size-title: 25px;
    --font-color-default: #000000;
    --font-color-title: #6c757d;
    /** Use for input, button, and any other element */
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --default-transition: all 0.35s ease-in-out;
}

@font-face {
    font-family: 'CompassSans';
    src: url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-Regular.woff2') format('woff2'), url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CompassSans';
    src: url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-Italic.woff2') format('woff2'), url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CompassSans';
    src: url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-Medium.woff2') format('woff2'), url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CompassSans';
    src: url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-MediumItalic.woff2') format('woff2'), url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CompassSans';
    src: url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-Bold.woff2') format('woff2'), url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CompassSans';
    src: url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-BoldItalic.woff2') format('woff2'), url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CompassSans';
    src: url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-Medium.woff2') format('woff2'), url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-Medium.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CompassSans';
    src: url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-MediumItalic.woff2') format('woff2'), url('https://s3-us-west-2.amazonaws.com/static-lp/fonts/compass/CompassSans/CompassSans-MediumItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}


/*******************************************************
 *
 * 2. Navigation
 *
 *******************************************************/


/* Sub Menu */

#nav li {
    position: relative;
    display: inline-block;
}

#nav .sub-menu {
    list-style: none outside none;
    margin: 0 auto;
    display: none;
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 140px;
    left: -90px;
    right: -90px;
    padding-top: 47px;
}

.fixed-header #nav .sub-menu {
    /* background: #fff; */
    padding-bottom: 10px;
}

#nav .sub-menu a {
    color: #1f1a1b;
    display: block;
    padding: 10px 0;
}

#nav .sub-menu .sub-menu {
    margin-left: 100%;
    top: 0;
}

#nav li:hover > .sub-menu,
#nav li:focus-within > .sub-menu {
    display: block;
}

#nav .sub-menu li {
    position: relative;
    display: block;
    text-align: center;
}

#nav .sub-menu li a {
    display: inline-block;
    position: relative;
}

#nav .sub-menu li a::after {
    content: "";
    position: absolute;
    display: block;
    margin: 0 auto;
    left: -36px;
    right: -36px;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #000;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease-in-out;
}

#nav .sub-menu li a:hover::after {
    transform: scaleX(1);
}


/*******************************************************
 *
 * 3. Custom CSS
 *
 *******************************************************/


/* Global */

body {
    font-family: var(--font-family-default);
    font-size: var(--font-size-default);
    background: #FFFFFF;
    color: var(--font-color-default);
    margin: 0;
    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main-wrapper {
    overflow: hidden;
}

a:focus,
a:hover,
em.ai-mobile-phone a:hover {
    color: #4e4e4e;
}

a:link {
    outline: 0 !important;
}

.wpcf7-response-output {
    text-align: center;
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-row::before,
.flex-row::after {
    display: none;
}

.flex-col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.flex-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.mw-100 {
    max-width: 100%;
}

.w-100 {
    width: 100%;
}

.flex-align-end {
    justify-content: flex-end;
}

.flex-align-center {
    justify-content: center;
}

.flex-align-start {
    justify-content: start;
}

.flex-align-top {
    align-items: flex-start;
}

.flex-align-middle {
    align-items: center;
}

.flex-align-bottom {
    align-items: flex-end;
}

h2.section-title {
    font-weight: 100;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    margin-bottom: 45px;
    line-height: 1.3;
    font-family: var(--font-family-montserrat);
    color: #aa9b8b;
}

h2.section-title.black {
    color: #000;
    color: #aa9b8b;
}

h2.section-title.white {
    color: #fff;
}

a.site-button {
    display: inline-block;
    border: 2px solid #000;
    background: transparent;
    font-size: 16px;
    /* text-transform: uppercase; */
    letter-spacing: 0.2em;
    padding: 25px 74px;
    text-align: center;
    font-family: var(--font-family-lato);
    transition: var(--default-transition);
}

a.site-button:hover {
    background: #D9D3CD;
    color: #000000;
}

.canvas-image {
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
}

p {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.5;
    line-height: 1.563;
}

.pad-0 {
    padding: 0;
}


/* HEADER */

.amh-logo {
    display: block;
    height: 100%;
}

.amh-logo img {
    height: 100%;
}

.mobile-logo {
    margin-top: 52px;
    padding: 30px 20px;
    background-color: #fff;
    background-image: url("images/slide1.jpg");
    background-size: cover;
    display: none;
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 991;
    padding: 29px 35px;
    background: transparent;
    transition: background 0.3s ease-in-out, padding 0.3s ease-in-out;
    background: #ffffffcc;
}

.site-header.fixed-header {
    background: #ffffffcc;
    /* padding: 15px 35px; */
}

.home .site-header .logo {
    opacity: 1!important;
    transition: opacity 0.3s ease-in-out;
}

.home .site-header.fixed-header .logo {
    opacity: 1;
}

.site-header nav.navigation #nav > li {
    padding: 0 10px;
    /*padding: 0 0;*/
}

.site-header nav.navigation #nav > li:last-child {
    padding-right: 0;
}

nav.navigation {
    padding: 0 11px 0 0;
    font-size: 0;
}

.logo {
    /*margin: 30px 0 0 0;*/
}

.flex-row.flex-align-end.flex-align-middle {
    /*margin: 37px 0 0 0;*/
}

.menu-btn-style a {
    border: 2px solid #000;
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
.menu-btn-style a i {
    margin-right: 10px;
    color: #000000;
}
.menu-item .sub-menu .sub-menu {
    left: 0px !important;
}

.site-header nav.navigation #nav a {
    font-size: 13px;
    text-transform: uppercase;
}

.site-header nav.navigation #nav > li:not(.menu-btn-style) > a {
    position: relative;
    /* font-family: var(--font-family-lato); */
    /* letter-spacing: 0.075em; */
}

.site-header nav.navigation #nav > li:not(.menu-btn-style) > a::after {
    content: "";
    position: absolute;
    display: block;
    margin: 0 auto;
    left: 50%;
    right: unset;
    bottom: -6px;
    width: 94%;
    height: 2px;
    background: #000;
    min-width: unset;
    transform: scaleX(0) translateX(-50%);
    transform-origin: center;
    transition: transform 0.3s ease-in-out;
}

.site-header nav.navigation #nav > li:not(.menu-btn-style):hover > a::after {
    transform: scaleX(1) translateX(-50%);
}

.menu-btn-style a:hover {
    background: #D9D3CD;
    color: #fff;
}

.burger-menu-btn {
    border: 2px solid #000;
    padding: 12px 14px;
    cursor: pointer;
}

.burger-menu-btn:hover {
    background: #D9D3CD;
}

.burger-menu-btn span.bmenu-line {
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
    margin: 4px 0;
}

.burger-menu-btn:hover span.bmenu-line {
    background: #000;
}

.expanded-menu-wrapper {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 999;
    background-image: url("images/bmenu-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: left 0.8s ease-in-out, opacity 0.8s ease-in-out;
}

.burger-menu-open .expanded-menu-wrapper {
    left: 0;
    opacity: 1;
}

.expanded-menu-container {
    height: 100%;
    margin: 0 auto;
    max-width: 1000px;
    padding: 15px;
}

.expanded-menu-content {
    width: 100%;
}

.expanded-menu-logo {
    margin-bottom: 120px;
}

#expanded_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#expanded_menu > li {
    text-align: center;
    padding: 0 10px;
}

#expanded_menu > li > a {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 40px;
}

#expanded_menu > li a {
    text-transform: uppercase;
    display: inline-block;
}

#expanded_menu a:hover {
    text-decoration: underline;
}

#expanded_menu ul.sub-menu a {
    margin-bottom: 8px;
    font-size: 15px;
}

.expanded-menu-navigation {
    margin-bottom: 140px;
}

.expanded-menu-contact-info ul.social-media-list {
    margin-top: 40px;
}

ul.social-media-list i.icon {
    font-size: 25px;
    font-weight: 600;
}

ul.social-media-list li {
    padding: 10px 15px;
}

.ci-phone {
    margin-bottom: 10px;
}

.ci-broker-name {
    margin-bottom: 10px;
    font-weight: 600;
}

.ci-position {
    margin-bottom: 10px;
}

.expanded-menu-contact-info {
    margin: 0 auto;
    max-width: 620px;
    width: 100%;
}

button.expanded-menu-close {
    position: absolute;
    top: 50px;
    left: 50px;
    appearance: none;
    border: 2px solid #000;
    padding: 0 0;
    line-height: 1;
    padding: 15px;
    color: #000;
    background: transparent;
}

button.expanded-menu-close:hover {
    background: #D9D3CD;
    color: #fff;
}

button.expanded-menu-close i.ai-font-close-b {
    display: block;
}

.page #content .entry {
    font-size: var(--font-size-default);
}

.page #content h2,
.page #content h3,
.page #content h4,
.page #content h5,
.aidefcf-subtitle span,
.aidefcf-title span{
    font-family: var(--font-family-title);
    font-weight: 300;
}

.page .container p {
    font-size: var(--font-size-default);
    ;
}

img.wflimg {
    border: 1px solid;
    padding: 12px;
    width: 500px;
}

img.wflimg_r {
    border: 1px solid;
    width: 500px;
}

.page-id-24 .ip-banner {
    display: none;
}

.page #content h2,
.page aside h2 {
    font-size: 1.6em;
    margin: .75em 0;
}

.page-id-24 .ip-banner {
    display: none;
}

.page-id-24 div#inner-page-wrapper,
.page-id-25 div#inner-page-wrapper {
    margin: 100px 0 0 0;
}

ul#nav > li ul.sub-menu > li {
    background: #ffffffe6;
}


/* Slider */

.hp-slide {
    position: relative;
    display: block;
    height: 100vh;
}

.hp-slide canvas {
    height: 100vh;
    width: 100%;
}

.hp-slide .cycloneslider-template-video .cycloneslider-slides {
    height: 100%!important;
}

.home-first-fold .slider-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.home-first-fold .slider-content.easing {
    transition: all 1s ease;
}

.home-first-fold .slider-content.easing.delay-easing {
    transition-delay: 2s;
}

.home-first-fold .slider-content.video-playing {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.slider-container {
    width: 90%;
    margin: 0 auto;
    max-width: 945px;
}

.slider-container > .row {
    align-items: center;
}

.page-id-652 .listings-sort {
    visibility: hidden;
}

.slider-agent-photos img {
    width: 100%;
    filter: grayscale(1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/*.slider-agent-photos a:hover img {
    filter: grayscale(0);
}*/

.slider-logo {
    /*margin-top: 110px;*/
}


/* Featured Listings */

.hp-featured-listings {
    padding: 90px 0 110px;
    position: relative;
    z-index: 3;
    background: #fff;
}

.fl-arrows {
    display: none;
    padding: 20px 0 0;
}

.fl-arrows span.fl-arrow {
    margin: 0 20px;
    cursor: pointer;
    font-size: 20px;
}

.featured-listing-box {
    position: relative;
}

.featured-listing-image canvas {
    display: block;
    width: 100%;
    background-size: cover;    
    transition: filter 0.3s ease-in-out;
    filter: grayscale(0);
}

.featured-listing-box:hover .featured-listing-image canvas {
    filter: grayscale(100%);
}

.featured-listing-details {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: rgba(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.500437675070028) 0%, rgba(255, 255, 255, 0) 100%);
    color: #fff;
    padding: 35px 30px;
}
.fl-details-inner{
    font-family: var(--font-family-lato);
}
.featured-listing-address {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.featured-listing-address .address-1 {
    font-size: 25px;
    margin-bottom: 3px;
}

.featured-listing-address .address-2 {
    font-size: 17px;
}

.featured-listing-price {
    font-size: 30px;
}

.featured-details-view {
    margin-top: 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    max-height: 0;
    transition: margin 0.3s ease-in-out, max-height 0.3s ease-in-out;
    overflow: hidden;
}

.featured-listing-box:hover .featured-details-view {
    margin-top: 43px;
    max-height: 20px;
}

.row.featured-listing-mobile-slide {
    margin-right: -10px;
    margin-left: -10px;
}

.featured-listing-mobile-slide .col-md-4 {
    padding: 5px;
}

.fp-view-all-button {
    margin-top: 70px;
}

/* new listings */
.hp-sold-listings {
    margin-top: 100px;
    padding-top: 100px;
    position: relative;
}

.hp-sold-listings::before,
.hp-sold-listings::after{
    content: '';
    pointer-events: none;
    background: #000000;
    position: absolute;
    width: 100vw;
    height: 374px;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.hp-sold-listings::after{
    background: url(https://cdn.agentimagehosting.com/OFioGMuUGmpcFRyEMOvIf/2025/10/bg-sold-listings-compressed.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 20%;
    filter: grayscale(1);
}


/* About Section */

.hp-about-section {
    padding-bottom: 80px;
    position: relative;
    z-index: 3;
    background: #fff;
}

.about-video-section {
    /* background-image: url("images/about-video-bg.jpg"); */
    background-repeat: no-repeat;
    /* background-size: 50% 100%; */
    background-attachment: fixed;
    background-position: -100px -300px;
    /* padding-top: 180px; */
    /* padding-bottom: 180px; */
    /* padding-left: 100px; */
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    z-index: 2;
    width: calc(100% + 100px);
    height: 100%;
    /* max-width: 800px; */
}

.about-video-wrapper {
    margin-right: -100px;
}

.about-content {
    padding: 75px 175px 75px;
    background: #f3ede8;
    margin-left: 0;
    padding-left: 200px;
}

#nav .children {
    list-style: none outside none;
    margin: 0 auto;
    display: none;
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 180px;
    left: -90px;
    right: -90px;
    padding-top: 47px;
}

#nav li:hover > .children {
    display: block;
}

h2.about-section-title {
    font-size: 50px;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 60px;
    font-family: var(--font-family-montserrat);
    color: #6a5f54;
}

h2.about-section-title span.small {
    display: block;
    font-size: 30px;
    letter-spacing: 0.2em;
    color: #6a5f54;
    font-weight: 200;
    font-family: var(--font-family-montserrat);
}

.about-content a.site-button {
    margin-top: 30px;
    min-width: 300px;
    min-width: min(18.75vw, 300px);
    text-align: center;
}


/* CTA Section */

.hp-cta-section {
    padding: 90px 0 60px;
    background-image: url("images/cta-bg.png");
    position: relative;
    z-index: 3;
    background-color: #fff;
}

.cta-box {
    padding: 25px;
    border: 2px solid #000;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    font-weight: 500;
    margin-bottom: 30px;
    color: #000;
    background: #fff;
}

.cta-box:hover {
    background: #D9D3CD;
    color: #fff;
}


/* We are Social */

.we-are-social-section {
    padding: 0 15px;
    padding-top: 80px;
    padding-bottom: 70px;
}

.social-section-container {
    max-width: 830px;
    padding: 0 15px;
    margin: 0 auto;
}

.instagram-feed-section {
    padding-left: 3 0px;
    padding-right: 15px;
    position: relative;
    z-index: 3;
}

#instafeed {
    width: 100%;
}

#instafeed img {
    width: 100%;
}

#instafeed .igfeed-col {
    padding: 0.5px;
}

#instafeed .igfeed-col canvas {
    height: 200px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.we-are-social-title-box h2.social-section-title.section-title {
    margin-bottom: 30px;
}

.we-are-social-title-box p.follow-us {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 75px;
}

.we-are-social-title-box {
    background: #fff;
    color: #000;
    padding: 130px 130px;
    position: relative;
    z-index: 3;
    min-height: 610px;
    border: 2px solid #000;
}


/*
.we-are-social-title-box:hover {
    background: #000;
    color: #fff;
    border: 2px solid #000;
}
*/

.we-are-social-title-box ul.social-media-list {
    max-width: 235px;
    margin-left: -15px;
}

.we-are-social-title-box ul.social-media-list li {
    width: 25%;
    text-align: center;
}

.instagram-feed-section ul.slick-dots {
    text-align: right;
    margin-top: 5px;
    margin-right: -11px;
}

.instagram-feed-section ul.slick-dots li {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 11px;
}

.instagram-feed-section ul.slick-dots li button {
    appearance: none;
    background: #d9d9d9;
    border: 0;
    border-radius: 8px;
    margin: 0;
    padding: 0;
    font-size: 0;
    width: 8px;
    height: 8px;
    outline: 0 !important;
}

.instagram-feed-section ul.slick-dots li.slick-active button {
    background: #000;
}


/* Testimonials */

.testi-and-vlogs-section {
    /* background-image: url("images/testi-vlog-bg.jpg"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    padding-top: 80px;
    /* margin-top: -300px; */
    margin-bottom: 70px;
    position: relative;
}

.testi-and-vlogs-section::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 391px;
    top: 0;
    left: 0;
    background: url(https://cdn.agentimagehosting.com/OFioGMuUGmpcFRyEMOvIf/2025/10/bg-videos-compressed.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hp-testimonials-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

.testimonials-wrapper {
    /*  padding-left: 15px;
    padding-right: 35px; */
    padding-left: 0;
    padding-right: 0;
    /* position: relative; */
}

.testimonials-wrapper {
    max-width: 900px;
    margin: 0 auto;
    display: block;
    width: 100%;
}

.testi-container {
    text-align: center;
}

.testi-container {
    background: #fff;
    padding: 63px 55px;
    background-image: url("images/testimonial-bg.jpg");
    background-size: contain;
    border: 2px solid #1f1a1b;
}

.testimonials-slides {
    margin: 0 -10px;
    margin-top: 22px;
}

.testi-slide p.testimonial {font-family: var(--font-family-lato);letter-spacing: 0.01em;font-weight: 300;margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.testi-slide span.testifier {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 300;
    font-family: var(--font-family-lato);
    opacity: 70%;
}

.testi-arrows.text-right {
    margin-top: -14px;
}

span.testi-arrow {
    font-size: 20px;
    margin: 0 10px;
    cursor: pointer;
}

.testi-slide {
    padding-right: 0;
}


/* Vlogs */

.hp-vlogs-section {
    /*   */
    position: relative;
}

.vlogs-container .vlogs-section-title {
    max-width: 88.75%;
    margin: 0 auto;
}

.vlogs-section-title h2.section-title {
    margin-bottom: 0;
    text-align: center;
    color: #000;
}

.vlog-section-title-inner {
    display: inline-block;
    width: 100%;
}

.vlogs-slider-wrap {
    margin-top: 45px;
    padding-bottom: 20px;
}

.vlog-slide {
    padding: 0 16px;
    position: relative;
}

span.playbtn {
    display: none;
}

.vlogs-slider .slick-slide.slick-current.slick-active.slick-center span.playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50% 50%;
    background: rgba(217, 211, 205, 0.6);
    color: #fff;
    font-size: 30px;
    padding-left: 8px;
}

.vlogs-slider.slick-slider .slick-track {
    /* margin-left: -15%; */
}

.vlogs-slider .slick-slide {
    transform: scaleY(.85);
    transform-origin: c;
    transition: transform 0.4s ease-in-out;
    overflow: hidden;
}

.vlogs-slider .slick-slide .vlog-slide {
    transform: scaleY(1.15);
    transition: transform 0.4s ease-in-out;
}

.vlogs-slider .slick-slide .vlog-slide canvas {
    filter: grayscale(100%);
    transition: filter 0.4s ease-in-out;
}

.vlogs-slider .slick-slide.slick-current.slick-active.slick-center {
    transform: scaleY(1);
}

.vlogs-slider .slick-slide.slick-current.slick-active.slick-center .vlog-slide {
    transform: scaleY(1);
}

.vlogs-slider .slick-slide.slick-current.slick-active.slick-center .vlog-slide canvas {
    filter: grayscale(0);
}

.vlogs-arrows {
    max-width: 186px;
    margin: 30px auto 0;
}

.vlog-arrows-inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* margin-left: -15%; */
}

span.vlog-arrow {
    font-size: 20px;
    cursor: pointer;
}


/* Connect With US */

.hp-connect-with-us {
    background-image: url("images/contact-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 120px 0;
    background-attachment: fixed;
}

.connect-with-us-form-wrapper input[type="text"],
.connect-with-us-form-wrapper input[type="email"],
.connect-with-us-form-wrapper input[type="tel"] {
    width: 100%;
    height: 70px;
    appearance: none;
    background: rgb(255 255 255 / 50%);
    border: 0;
    border-radius: 0;
    color: #fff;
    font-weight: 300;
    padding: 0 30px;
    font-size: 16px;
}

.connect-with-us-form-wrapper .col-sm-6,
.connect-with-us-form-wrapper .col-sm-12 {
    padding: 10px;
}

.connect-with-us-form-wrapper textarea {
    font-weight: 300;
    width: 100%;
    appearance: none;
    background: rgb(255 255 255 / 50%);
    border: 0;
    border-radius: 0;
    resize: none;
    height: 160px;
    font-size: 16px;
    color: #fff;
    padding: 18px 30px 20px;
}

.connect-with-us-form-wrapper input[type="submit"] {
    margin-top: 25px;
    appearance: none;
    font-size: 16px;
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
    text-transform: uppercase;
    padding: 25px 100px;
    transition: var(--default-transition);
    letter-spacing: 0.2em;
    font-weight: 300;
}

.connect-with-us-form-wrapper .wpcf7-spinner{
    position: absolute;
}

.connect-with-us-form-wrapper input[type="submit"]:hover {
    background: #d9d3cd;
    color: #000;
    border-color: #d9d3cd;
}

.connect-with-us-form-wrapper .wpcf7-response-output {
    text-align: center;
    color: #fff;
}


/* Footer */

footer.footer {
    position: relative;
    z-index: 3;
    background-color: #f3ede8;
    padding: 40px 0;
}

.footer-logos span.footer-logo {
    display: inline-block;
    vertical-align: middle;
    padding: 30px 30px;
}

.footer-contact-info .ci-broker-liscense {
    margin-bottom: 10px;
}

.footer-logos .section-title{
    color: #000;
    margin-bottom: 25px;
}

.ci-address {
    font-size: 16px;
    margin: 50px 0 15px;
}

.footer-contact-info ul.social-media-list li {
    padding: 10px 14px;
}

.footer-upper {
    margin-bottom: 70px;
}

.footer-lower-container {
    max-width: 1375px;
    padding: 0 15px;
    margin: 0 auto;
}

.footer-disclaimer p {
    font-size: 14px;
    line-height: 1.65;
}

.footer-copyright {
    font-size: 14px;
    margin-bottom: 25px;
}

.footer-mls i.icon {
    font-size: 25px;
}


/* Newsletter Popup */

.aiosp-wrap .aiosp-container .aios-popup-body {
    max-width: 850px;
    background: transparent;
    padding: 50px;
}

.post-page-testimonials .aiosp-wrap .aiosp-container .aios-popup-body {
    background: #fff;
}

.aios-popup-body #popup-newsletter {
    position: relative;
    display: block !important;
    /*    max-width: 800px;*/
    margin: 0 auto;
    background: #fff;
    padding: 60px 0 0 6.779%;
    text-align: center;
}

.popup-newsletter-content .nl-logo {
    margin-bottom: 20px;
}

.popup-newsletter-content .section-title {
    font-size: 27px;
    letter-spacing: 0.25em;
    margin-bottom: 15px;
}

.popup-newsletter-content p {
    font-size: 15px;
    letter-spacing: 0.05em;
    margin-bottom: 15px;
}

.aios-popup-body .aiosp-close {
    color: #fff;
    top: 10px;
    right: 10px;
}

.popup-newsletter-content {
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
}

.popup-newsletter-content .agent-photo img {
    max-width: 100%;
}

input#newsletterEmail {
    appearance: none;
    width: 100%;
    height: 70px;
    border: 2px solid #000;
    padding: 0 30px;
    color: #000;
    font-size: 16px;
}

input#newsletterEmail::-webkit-input-placeholder {
    /* Edge */
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

input#newsletterEmail:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.newsletter-form-wrap {
    position: relative;
}

input#newsletterEmail::placeholder {
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.newsletter-form-wrap input[type="submit"] {
    position: absolute;
    top: 16px;
    right: 14px;
    appearance: none;
    width: 38px;
    height: 38px;
    background-color: transparent;
    background-image: url("images/sent-mail.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    border-radius: 0;
    font-size: 0;
    outline: 0 !important;
}

.newsletter-form-wrap input[type="submit"]:hover {
    opacity: 0.7;
}


/*******************************************************
 *
 * 4. IP Styles
 *
 *******************************************************/

.ip-banner {
    position: relative;
    width: 100%;
}


/* .ip-banner::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0,0,0,.6);
    } */

.ip-banner canvas {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 250px;
    background-color: var(--dark);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-id-18 .ip-banner canvas {
    background-position: center bottom;
}

.page-id-157 .ip-banner canvas {
    background-position: center bottom;
}

.ip-banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.ip-banner h1 {
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.7;
}

.ip-banner h1 span {
    display: block;
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.01em;
}


/* Adjust minimum height of page area */

#content-sidebar,
#content-full {
    min-height: 500px;
    margin-top: 20px;
}


/** Adjust width of content columns **/

#content-sidebar #content {
    width: 77.08%;
}

#content-full #content {
    width: 100%;
}


/* Adjust width of sidebar */

.sidebar {
    width: 20.83%;
}


/* fullwidth template */

.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}

.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
    margin-left: -15px;
    margin-right: -15px;
}


/* Adjust line height of page elements */

#content h4,
aside h4,
#content p,
aside p,
#content blockquote,
aside blockquote,
#content ul,
aside ul,
#content fieldset,
aside fieldset,
#content form,
aside form,
#content ol,
aside ol,
#content dl,
aside dl,
#content dir,
aside dir,
#content menu,
aside menu {
    line-height: 1.7
}


/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */

#content .entry-title,
#content .archive-title {}

#content .entry-title,
.ip-replicate-title,
#content .archive-title{
    font-size: 50px !important;
    font-family: var(--font-family-title) !important;
    text-transform: uppercase;
    line-height: 1;
    text-transform: uppercase;
    color: #6a5f54;
    font-weight: 200 !important;
}

#aios-testimonials .aios-testimonials-lists h3,
.aiosp-wrap div[class*=aios-testimonials-popup-] .aiosp-content h2{
    color: #6a5f54;
    font-family: var(--font-family-title) !important;
    font-weight: 200 !important;
}

.ip-replicate-title {
    margin-bottom: 30px;
}
#content .listings-active.activeonly h2,
#content .pending h2,
#content .soldprop h2{
    font-size: 50px !important;
    font-family: var(--font-family-title) !important;
    text-transform: uppercase;
    line-height: 1;
    text-transform: uppercase;
    color: #6a5f54;
    font-weight: 200 !important;
}

/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle {}

.testi-container a {
    display: block;
    text-transform: uppercase;
    padding: 25px 15px;
    background-color: transparent;
    color: #000;
    max-width: 200px;
    margin: 50px auto 0;
    border: 2px solid #1f1a1b;
}

.testi-container a:hover {
    background-color: #D9D3CD;
}

.testi-container h2 {
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 55px;
    letter-spacing: 15px;
    color: #aa9b8b;
    font-family: var(--font-family-montserrat);
    letter-spacing: 0.4em;
    font-weight: 200;
}

.testi-arrows {
    text-align: right !important;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.testi-prev {
    float: left;
}

ul.social-media-list li {
    position: relative;
    transition: all .5s;
}

ul.social-media-list li:hover {
    transform: scale(1.2);
}

.social-media-list a:hover i {
    /* font-size: 41px;
    position: absolute;
    top: 40%; */
    /*  color: #fff;*/
    /* left: 50%;
    transform: translate(-50%, -50%); */
}

.footer-contact-info .social-media-list a:hover i {
    /* font-size: 41px;
    position: absolute;
    top: 40%;
    color: #000;
    left: 50%;
    transform: translate(-50%, -50%); */
}

.popup-newsletter-content p {
    text-align: left;
}

.aios-popup-body #popup-newsletter {
    width: 900px;
    max-width: 100%;
    padding-bottom: 0;
}

.aiosp-wrap .aiosp-container.aiosp-ref-\#popup-newsletter .aios-popup-body {
    /*    max-width: 1366px;*/
    max-width: 400px;
    background: transparent;
    padding: 50px;
    width: 100%;
    min-height: 0;
}

.popup-newsletter-content {
    max-width: 100%;
}
.popup-newsletter-content > div {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.aios-popup-body #popup-newsletter {
    overflow: unset;
}

.clear-spacer {
    clear: both;
}

.newsletter-form-box {
    /*    max-width: 50%;*/
    /*    float: left;*/
    /*    padding-right: 70px;*/
    width: 41.82%;
    padding-bottom: 30px;
}

.agent-photo {
    /*    max-width: 50%;*/
    /*    float: right;*/
    /* width: 62.37%;
    margin-right: -87px; */
    width: 56.37%;
    margin-right: unset;
}

.newsletter-form-wrap .ai-default-cf7wrap input {
    width: 100%;
    border: 0 none;
    margin: 10px 0;
    height: 70px;
    padding: 5px 29px !important;
    font-family: Verdana;
    font-size: 11px;
    line-height: 1;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.1em;
    background: #dedddd;
}

.newsletter-form-wrap .ai-default-cf7wrap input[type="submit"] {
    position: absolute;
    top: auto !important;
    bottom: 50px;
    right: 10px;
    appearance: none;
    width: 24px;
    height: 24px;
    background-color: transparent !important;
    background-image: url("images/sent-mail.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: 0;
    border-radius: 0;
    font-size: 0;
    outline: 0 !important;
    background-size: contain !important;
    padding: 0 !important;
}

.newsletter-form-wrap .ai-default-cf7wrap textarea {
    padding: 29px 50px 29px 29px !important;
    border: 0 none;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.1em;
    background: #dedddd;
    border: none !important;
}

.igfeed-col a:hover::before {
    background-color: rgba(0, 0, 0, 0.4);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ig-icons {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
}

.igfeed-col a:hover .ig-icons {
    opacity: 1;
}

.ig-icons span,
.ig-icons img {
    display: inline-block;
    width: 16px !important;
    height: auto;
    color: #fff;
    font-size: 12px;
    margin: 0 10%;
}

#content .sellers-img {
    display: block;
    object-fit: cover;
    margin: 0 auto;
}

.wwo-slider {
    max-width: 700px;
    margin: 0 auto;
}

.wwo-item {
    position: relative;
}

.wwo-item canvas {
    display: block;
    width: 100%;
}

.wwo-item img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

canvas.imgf {
    background-size: cover;
    width: 100%;
    background-position: center center;
}

.fleftimgmargin {
    float: left;
    max-width: 50% !important;
    width: 100%;
}

.vidholderdb .content-slideshow {
    max-width: 1170px;
    margin: 0px auto;
}

.page-id-43 #inner-page-wrapper > .container,
.page-id-50 #inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}

.page-id-43 #inner-page-wrapper #breadcrumbs,
.page-id-50 #inner-page-wrapper #breadcrumbs {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.vidholderdb {
    background-image: url("https://cdn.agentimagehosting.com/OFioGMuUGmpcFRyEMOvIf/2025/10/bg-videos-compressed.jpg");
    background-repeat: repeat;
    background-size: contain;
    background-position: top right;
    /*     padding-top: 75px;
    margin-bottom: 70px; */
    padding: 20px;
}

.vidholderdb > .container {
    max-width: 100%;
}


/*
.page-id-43 .entry-title  {
    width: 100%;
    margin: 0px auto;
    padding: 0px 15px;
    max-width: 1170px;
}
*/

img.imgseller {
    max-width: 100%;
}

.sellimgslide canvas {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: auto;
}

a.s-arrow i {
    font-style: normal !important;
}

a.s-arrow {
    text-decoration: none !important;
    font-style: normal !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 23px;
    font-weight: bolder;
    background: #fff;
    padding: 5px 16px;
}

.sellimgslide-wrapper {
    position: relative;
}

.sellimgslide {
    position: relative;
    padding: 10px;
}

.sellimgslide span {
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    width: 100%;
    padding: 10px;
    text-align: center;
    z-index: 2;
    bottom: 17px;
    left: 0;
}

.sprevarrow {
    left: 0px;
}

.snextarrow {
    right: 0px;
}

img.wflimg {
    float: left;
    margin-right: 18px;
}

.row.groupclientcontainer h2 {
    margin: 0 !important;
}

img.wflimg.groupclient {
    border: none;
}

img.wflimg_r {
    float: right;
    margin-left: 18px;
}

img.wflimg.groupclient {
    width: 600px !important;
}

.page-id-50 #content .entry-title,
.page-id-23 #content .entry-title,
.page-id-43 #content .entry-title {
    display: none;
}

.sellimgslide-wrapper {
    width: 100%;
    max-width: 1170px;
    margin: 0px auto;
}

.sellimgslide-wrapper-parent {
    background-image: url("https://cdn.agentimagehosting.com/OFioGMuUGmpcFRyEMOvIf/2025/10/bg-videos-compressed.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    padding-top: 75px;
    margin-bottom: 70px;
}

.slider-agent-photos img {
    max-width: 800px !important;
    width: 100%;
    margin-bottom: -5px;
}

.tax-community-group.term-lafayette .ip-banner canvas {
    background-image: url("images/Neighborhoods-Lafayette-Banner.jpg") !important;
}

.about-page-content {
    padding: 0 15px;
}


/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

.page-id-615 #content .archive-title {
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
}

.page-id-615 .aios-communities-royale {
    margin: 0 -20px;
    justify-content: flex-start;
}

.page-id-615 .ip-community-listings-box {
    padding: 20px;
}

.page-id-615 .ip-community-listings-img:before,
.page-id-615 .ip-community-listings-txt div::after {
    display: none;
}

.page-id-615 .ip-community-listings-img::after {
    background: #3f3f3f;
    opacity: .3;
}

.page-id-615 .ip-community-listings-img canvas {
    aspect-ratio: 411 / 272;
}

.page-id-615 .ip-community-listings-txt span {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}

.single-aios-communities #content .entry-title {
    font-size: 60px;
    font-weight: 700;
}

.single-aios-communities #inner-page-wrapper > .container {
    width: 100%;
}

.page-id-23 a.img-link {
    display: block;
    float: left;
}

.page-id-23 a.img-link.right {
    float: right;
}

.page-id-23 a.img-link img {
    float: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.page-id-23 a.img-link:hover img {
    background: #f3ede8;
}


/** Communities CSS **/

.aios-communities-royale {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.ip-community-listings-box {
    padding: 2px;
    width: calc(100% / 3);
}

.ip-community-listings-box a {
    display: block;
    position: relative;
}

.ip-community-listings-img {
    position: relative;
}

.ip-community-listings-img canvas {
    display: block;
    width: 100%;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ip-community-listings-img img {
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.ip-community-listings-txt {
    position: absolute;
    padding: 0 20px;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ip-community-listings-txt div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.ip-community-listings-txt span {
    font-size: 20px;
    color: #fff;
    letter-spacing: .1em;
    text-transform: uppercase;
    line-height: 1;
}

.ip-community-listings-img::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.ip-community-listings-box a:hover .ip-community-listings-img::after {
    opacity: .82;
}

.page-id-615 .aios-communities-royale {
    margin: 0 -20px;
    justify-content: flex-start;
}

.page-id-615 .ip-community-listings-box {
    padding: 20px;
}

.page-id-615 .ip-community-listings-img canvas {
    aspect-ratio: 411 / 272;
}

.page-id-615 .ip-community-listings-img::after {
    background: #3f3f3f;
    opacity: .3;
}

.page-id-615 .ip-community-listings-txt span {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}

.page-id-19 #listings-results .listings-sort .listings-filter-tab {
    display: none;
}

.page-id-19 #listings-results .listings-sort .sort-dropdown {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}

.aios-smf-theme-one #theme-content div[data-feed-view="instagrambasic"] {
    display: none;
}

.page-id-0.ihf-results-template #inner-page-wrapper > .container {
    width: 100%;
}

.page-id-0.ihf-results-template #content-full .entry-title {
    width: 100%;
    padding: 0;
    font-weight: 700;
    font-size: 60px;
}

.page-id-18 .listings-filter-tab a.btn.btn-primary {
    display: none;
}

.page-id-43 .ip-banner canvas {
    background-position: center bottom;
}

ul#ihf-search-location-tabs,
ul.chosen-results,
ul#ihf-detail-extrainfotabs {
    margin-left: 0px !important;
}

ul.chosen-results {
    padding-left: 0 !important;
}

ul.chosen-results {
    margin: 0 !important;
}

/*Pojo*/
body #pojo-a11y-toolbar {
    bottom: 0 !important;
    top: auto !important;
}

body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
    top: auto !important;
    bottom: 0 !important;
}

button:focus-visible, a:focus-visible {
    outline-style: solid !important;
    outline-width: 5px !important;
    outline-color: red !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

#pojo-a11y-toolbar .pojo-a11y-btn-grayscale, #pojo-a11y-toolbar .pojo-a11y-btn-light-background, #pojo-a11y-toolbar .pojo-a11y-btn-high-contrast, #pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast {
    display: none !important;
}

body.pojo-a11y-readable-font [class*=ai-font-], body.pojo-a11y-readable-font em[class*=ai-font-] {
    font-family: agentimage!important;
}

.aios-roadmaps {
    justify-content: space-between;
}

.grecaptcha-badge {
    z-index: 99;
}

.ihf-advanced-property-search #ihf-main-search-form .chosen-container .chosen-results {
    max-height: 150px;
}

.ihf-printable-template #breadcrumbs {
    display: none;
}

#listings-details .listings-contact .listings-form textarea {
    padding-right: 50px;
}

.fl-details-status {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 8px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
    color: #000;
    text-shadow: none;
    background: #d9d3cd;
    font-family: var(--font-family-lato);
}

.hp-sold-listings .fl-details-status{
    background: #a5a5a5;
    color: #ffffff;
}

.page-id-43 .vidholderdb h2,
.page-id-50 .vidholderdb h2 {
    margin-top: 0 !important;
    line-height: 1;
}

.about-awards {
    border: 1px solid #000;
    max-width: 600px;
    margin: 0 auto 30px;
}

.about-awards p {
    display: none;
}

.about-awards > div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    width: 100%;
    border: 1px solid #000;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    line-height: 1;
    font-size: 18px;
}

.about-awards > div:first-child {
    background: #1e3954;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
}

.about-awards > div:last-of-type {
    font-weight: 700;
}

.about-awards > div img {
    height: 30px;
    margin-right: 10px;
}

.about-awards > div span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

.about-awards > div i {
    margin: 0 1px;
    font-style: normal !important;
}

.what-we-offer-adv {
    position: relative;
    padding: 50px 0;
}

.what-we-offer-adv::before {
    content: '';
    width: 100vw;
    height: 100%;
    background: #f2f2f2;
    background: #f3ede8;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
}

.aiosp-bg {
    background: #000000 !important;
    opacity: 0.88 !important;
}
.aiosp-ref-popup-newsletter {
    width: auto !important;
    height: auto !important;
/*
    top: auto !important;
    left: auto !important;
*/
    right: 0 !important;
    bottom: 0 !important;
    padding: 0 60px 0 0 !important;
}

.aiosp-ref-popup-newsletter .aios-popup-body {
    width: 100% !important;
    /* max-width: 400px !important; */
    max-width: 1180px !important;
    padding: 0 !important;
}

.aiosp-ref-popup-newsletter .aios-popup-body .aiosp-close {
    /* right: 155px; */
    right: 20px;
    top: 5px !important;
}

.aiosp-ref-popup-newsletter .aios-popup-body .aiosp-close {
    width: auto;
    /* top: -5px !important; */
    /* right: -68px !important; */
    /* color: #ffffff; */
    color: #000000;
    font-size: 40px;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
.aiosp-ref-popup-newsletter .aios-popup-body .aiosp-close:hover {
    opacity: 0.6;
}

.aiosp-ref-popup-newsletter .aios-popup-body > .aiosp-close {
    display: none !important;
}


.post-page-sold-listings #listings-results .listings-grid .listings-col.dark-bg .listings-footer {
    display: none;
}

/* .ihf-details-template .thumbnail-loader img {	
	object-fit: contain;	
} */

body #listings-results .listings-grid .listings-col {
	margin-bottom: 7px !important;
}

body .listings-footer.type-1 {
	display: none !important;
}	

.hp-testimonials-section, .testi-and-vlogs-section{
    opacity: 0;
}

.hp-about-section, .hp-cta-section, .we-are-social-section, .hp-connect-with-us, footer.footer{
    display: none;
}

.ihf-results-template #content-full .entry-title{
    margin-left: unset!important;
    padding: unset!important;
}

.parent-pageid-42 .use-floating-validation-tip .wpcf7-not-valid-tip,
.parent-pageid-49 .use-floating-validation-tip .wpcf7-not-valid-tip{
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    font-size: 12px;
}


.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    width: auto;
    font-size: 14px;
}


/* communities */
.canvas-img {
	display: block;
	position: relative;
	overflow: hidden;
}

.canvas-img canvas {
	display: block;
	width: 100%;
	height: auto;
}

.canvas-img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all var(--default-transition);
	object-fit: cover;
}

.canvas-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}

.canvas-bg canvas {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	display: block;
}

.hp-comms {
    margin: 70px 0 0 35px;
    background: #000;
    color: #fff;
    padding: 55px;
    position: relative;
}

.hp-comms .canvas-bg {
    opacity: .10;
    top: 0;
    left: 0;
}
.hp-comms .canvas-bg canvas {
    filter: grayscale(1);
}

.hp-comms h2.about-section-title,
.hp-comms h2.about-section-title span.small {
    color: #b6a89b;
}

.hp-comms a.site-button {
    transition: all .5s;
    margin-top: 60px;
    border-color: #ffffff;
    padding: 24px 30px;
}

.hp-comms a.site-button:hover {
    color: #000;
    border-color: #d9d3cd;
}
.comms-left p{font-weight: 300;max-width: 382px;}
.hp-comms-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.hp-comms .comms-left {
    width: 30%;
    padding-top: 70px;
    margin-left: 50px;
}

.hp-comms .comms-right {
    width: 60%;
}

.hp-comms .comms-list {
    font-size: 0;
}

.hp-comms .comms-item {
    display: inline-block;
    width: 33.33%;
    padding: 10px;
    position: relative;
}

.hp-comms .comms-item a {
    display: block;
    position: relative;
}

.hp-comms .comm-label {
    font-size: 20px;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 20px 30px;
    text-transform: uppercase;
    transition: all .5s;
}

.hp-comms .comms-img::after {
    content: '';
    pointer-events: none;
    width: 100%;
    height: 60%;
    left: 0;
    bottom: 0;
    background: linear-gradient(to top, #000, rgb(0 0 0 / 0%));
    position: absolute;
    opacity: .7
}

.hp-comms .comms-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all .5s;
    opacity: 0;
}

.hp-comms .comms-hover-name {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.hp-comms .comms-hover-explore {    
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.hp-comms .comms-item:hover .comm-label {
    opacity: 0;
}

.hp-comms .comms-item:hover .comms-hover{
    opacity: 1;
    color: #fff;
}

.hp-comms .comms-item:hover .comms-img::after  {
    opacity: .9;
    height: 100%;
}

/* testi */
.hp-testimonials-section:has(.testimonials-wrapper.alt) {
    padding: 0;
}
.hp-testimonials-section:has(.testimonials-wrapper.alt) .container {
    width: 100%;
    padding: 0;
}

.testimonials-wrapper.alt {
    max-width: none;
    margin: 0 auto;
    display: block;
    width: 100%;
    background-image: url("https://cdn.agentimagehosting.com/OFioGMuUGmpcFRyEMOvIf/2025/10/bg-testi-new-compressed.jpg");
    padding: 90px 0;
    position: relative;
    background-size: cover;
}

.testimonials-wrapper::before {
    content: '';
    pointer-events: none;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 59%,rgba(255,255,255,0.5) 100%);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.testimonials-wrapper.alt .testi-container {
    background: transparent;
    padding: 0;
    background-image: none;
    border: 0;
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.testimonials-wrapper.alt .testi-arrows {
    display: none;
}

.testimonials-wrapper.alt .quote-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 28px;
}

.testimonials-wrapper.alt .testi-slide {
    background: #fff;
    border: 2px solid #777777;
    padding: 25px 25px;
    height: 100%;
    position: relative;
}

.testimonials-wrapper.alt .slick-list {
    padding-top: 30px !important;
}

.testimonials-wrapper.alt .slick-slide > div {
    padding: 0 12.5px;
}

.testimonials-wrapper.alt .slick-dots {
    margin-top: 0;
}
.testimonials-wrapper.alt .slick-dots li {
    display: inline-block;    
}

.testimonials-wrapper.alt .slick-dots li button {
    padding: 0;
    border: 0;
    font-size: 0;
    width: 8px;
    height: 8px;
    background: #d9d9d9;
    border-radius: 50%;
    margin: 0 10px;
}

.testimonials-wrapper.alt .slick-dots li.slick-active button {
    background: #000;
}

.testimonials-wrapper.alt .testi-stars {
    margin-top: 32px;
    font-size: 14px;
}
.testimonials-wrapper.alt .testi-stars i{
    margin: 0 1px;
}
.slick-center .testimonials-wrapper.alt .testi-stars{
    color: #d9d3cd;
}

.testimonials-wrapper.alt {}

.testimonials-wrapper.alt .slick-track {
  display: flex !important;
  align-items: stretch; 
}

.testimonials-wrapper.alt .slick-slide {
  height: auto !important; 
  display: flex !important;
  flex-direction: column;
}

.testimonials-wrapper.alt .slick-slide > div {
  height: 100%;
}

.testimonials-wrapper.alt .slick-slide.slick-center .testi-slide {
    background: #000;
    color: #fff;
    top: -30px;
    border-color: #000;
}

.testimonials-wrapper.alt .slick-slide.slick-center .testi-slide .quote-icon {
    background: #d9d3cd;
}
.testimonials-wrapper .testi-slide .quote-icon img{
    opacity: 0;
}
.testimonials-wrapper .testi-slide .quote-icon{
    background: #000000;
    width: 47px;
    height: 38px;
    margin-left: auto;
    margin-right: auto;
    mask-image: url("https://cdn.agentimagehosting.com/OFioGMuUGmpcFRyEMOvIf/2025/10/quote-icon.png");
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
}

.testimonials-wrapper.alt .testi-container a {
    max-width: 340px;
}

.site-header nav.navigation #nav li a{
    font-family: var(--font-family-lato);
    letter-spacing: 0.075em;
    color: #4e4e4e;
}
.site-header nav.navigation #nav .sub-menu li a{
    font-size: 11px;
    color: #1f1a1b;
}

.fp-section-title .section-title{
    margin-bottom: 50px;
}
.featured-listing-image{
    position: relative;
}
.featured-listing-image::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 70%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    opacity: 0;
    transition: var(--default-transition);
}
.featured-listing-box a:hover .featured-listing-image::after{
    opacity: 70%;
}
.about-content p{
    font-family: var(--font-family-lato);
    letter-spacing: 0.01em;
    font-weight: 300;
}
.hp-about-section .col-md-7{
    padding-right: 30px;
}

.hp-cta-section{
    background: none;
    padding: 45px 0 30px;
    padding-left: 15px;
    padding-right: 15px;
}
.hp-cta-section .container{
    width: 100%;
    max-width: 1500px;
    padding: 0;
}
.hp-cta-section .container .row{
    margin: 0;
}
.hp-cta-section .col-md-6{
    width: 100%;
    padding: 0;
}
.hp-cta-section .col-md-6 > div{
    margin: 0 -0.5px;
    display: flex;
    flex-flow: wrap;
}
.cta-item{
    padding: 0 0.5px;
    width: calc(100% / 3);
}
.cta-item a{
    position: relative;
    display: block;
}
.cta-img-wrap{
    background: #000;
}
.cta-img-wrap img{
    /* opacity: 40%;
    filter: grayscale(1); */
    transition: var(--default-transition);
}
.cta-item-title{
    font-size: 30px;
    font-size: clamp(20px, 1.88vw, 30px);
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 0 15px;
    text-align: center;
    width: 100%;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    text-shadow: 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000;
}
.cta-item a:hover .cta-img-wrap img{
    opacity: 55%;
    transform: scale(1.1);
    filter: grayscale(0);
}

.we-are-social-section{
    background: #f3ede8;
}
.socmed-title{
    margin-bottom: 15px !important;
    text-align: center;
    color: #63594e !important;
}
.socmed-subtitle{
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.1em;
    color: #000000;
}
.socmed-inner{
    margin: 0 -0.5px;
    display: flex;
    flex-flow: wrap;
    margin-top: 40px;
}
.socmed-item{
    width: calc(100% / 4);
    padding: 0.5px;
}
.socmed-item a{
    position: relative;
    display: block;
}
.socmed-smi-wrap{
    margin-top: 45px;
}
.socmed-smi-list{
    display: flex;
    justify-content: center;
    align-items: center;
}
.socmed-smi-list li{
    padding: 0 18px;
}
.socmed-smi-list li a{
    font-size: 28px;
    transition: var(--default-transition);
}


#listings-details .listings-address strong,
#listings-details .listings-address span,
#listings-details .listings-price,
#listings-details .listings-extras > li > strong,
#listings-details .listings-plan > ul > li > strong,
#listings-details .listings-smi h2,
#listings-details .listings-description h2,
#listings-details .listings-accordion h2,
#listings-details .listings-accordion-title span,
#listings-details .listings-accordion-content ul li strong{
    font-family: var(--font-family-title);
    font-weight: 200 !important;
}
.what-we-offer-adv{
    display: flex;
    flex-flow: wrap;
    align-items: center;
}
.what-we-offer-adv-img-wrap{
    width: 50%;
}
.what-we-offer-adv-img-wrap img{
    max-width: 100% !important;
}
.what-we-offer-adv-txt-wrap{
    width: 50%;
    padding-left: 25px;
}
#content .what-we-offer-adv-txt-wrap h2{
    margin-bottom: 15px !important;
}
.what-we-offer-logo-wrap .row{
    display: flex;
    align-items: center;
}
.what-we-offer-logo-wrap.row-reverse .row{
    flex-flow: row-reverse;
}
.what-we-offer-logo-wrap .row a.img-link{
    width: 500px;
}
.what-we-offer-logo-wrap .row a.img-link img{
    margin: 0 !important;
    height: auto;
}
.what-we-offer-logo-wrap .row > div{
    width: calc(100% - 500px);
    padding: 20px 0;
    padding-left: 20px;
}
.what-we-offer-logo-wrap.row-reverse .row > div{
    flex-flow: row-reverse;
    padding-left: 0;
    padding-right: 20px;
}

.hp-properties-ajax__status {
    text-align: center;
    color: #c4c4c4;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.hp-properties-ajax__status i.spinner {
    width: 48px;
    height: 48px;
    border: 5px solid #c4c4c4;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    margin: 0 auto 10px;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#content ul.sitemap-list li.page-item-1688,
#content ul.sitemap-list li.page-item-1468,
#content ul.sitemap-list li.page-item-4687,
#content ul.sitemap-list li.page-item-413 {
    display: none;
}
.page-id-21 #content img {
    margin-left: auto !important;
    margin-right: auto !important;
}