/*--Sun Properties - Clean Slate custom.css--*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;700&display=swap');
:root {
    --heading-font: 'Cormorant Garamond', sans-serif; 
    --text-font: 'Raleway', sans-serif;
    --colorPrimary-h: 217.3;
    --colorPrimary-s: 43%;
    --colorPrimary-l: 17%;
}

.position-relative{position:relative}
.overflow-hidden{overflow:hidden}
.d-block{display:block}
.d-inline-block{display:inline-block}
.flex-column{flex-direction:column}
.align-items-center{align-items:center!important;}
.h-100{height:100%}
.w-100{width:100%}
.text-white{color:#fff}
.object-fit-container{min-height:360px;z-index:1}
.object-fit-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

/*Create equal height columns on desktop*/
    .row.eq-height {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .row.eq-height .col-xs-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
    @media (min-width: 768px){
        .row.eq-height .col-md-3{ms-flex: 0 0 16.66667%;flex: 0 0 16.66667%;max-width: 16.66667%}
        .row.eq-height .col-md-3{ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}
        .row.eq-height .col-md-4{ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}
        .row.eq-height .col-md-6{ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}
        .row.eq-height .col-md-10{ms-flex: 0 0 83.33333%;flex: 0 0 83.33333%;max-width: 83.33333%}
    }
    @media (min-width: 992px){
        .row.eq-height .col-lg-3{ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}
        .row.eq-height .col-lg-4{ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}
        .row.eq-height .col-lg-9{ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%}
    }
    @media (min-width: 1200px){
        .row.eq-height .col-xl-3{ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}
    }

/*Remove gutters from rows*/
    .row.no-gutters{margin-right:0;margin-left:0}
    .row.no-gutters>[class*=col-]{padding-right:0;padding-left:0}

/*4-side equal gutters on colums*/
    .row.eq-gutters{margin:7px}
    .row.eq-gutters>[class*=col-]{padding:7px}

/*--Typography--*/
    body, .btn, p, .font-sans {
        font-family: var(--text-font) !important;
        font-weight: 400;
        word-spacing: 0.2rem;
    }
    h1, h2, h3, h4, h5, h6, .h1, .h1, .h3, .h4, .h5, .h6, .font-serif {
        font-family: var(--heading-font) !important;
        font-weight: 700;
    }
    #custom-content p, #custom-content li, #testimonials i, #testimonials p, #about, #latest-blogs .post-content p, .service-area-link {
        font-size: 1.1rem;
    }

/*--kvCORE Resets--*/
    #home-bodycontent .main > .main-inner > .content > .container,
    #home-bodycontent .main > .main-inner > .content > .container-fluid,
    #home-bodycontent .main > .main-inner > .content > .container > #categories,
    #home-bodycontent .main > .main-inner > .content > .container-fluid > #categories {
        width: 100%;
        max-width: 100%;
        margin: 0 0 0 0 !important;
        padding: 0 0 0 0 !important;
    }
    body#home-bodycontent .information-bar {
        padding: 0 !important;
        margin: 0 !important;
    }
/*--Fixed full width background images--*/
/*
    <div class="bg-wrap-fixed section-inverse">
        <img src="" />
    </div>
    <div class="container">
        Content
    </div>
*/
    .bg-wrap-fixed + .container {
        z-index: 3;
    }
    .bg-wrap-fixed {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        clip: rect(0, auto, auto, 0);
    }
    .bg-wrap-fixed img {
        position: fixed;
        z-index: 0;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transform: translateZ(0);
        will-change: transform;
        filter: brightness(.5);
    }
    #froala-editor.fr-top .bg-wrap-fixed img {
        position: relative;
    }

/*--Hide cover title until after jquery--*/
    #home-bodycontent .cover-title {
        opacity: 0;
    }
    #home-bodycontent #hero-title-inner h1 {
        text-transform: uppercase;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    #home-bodycontent #hero-title-inner h2 {
        text-transform: uppercase;
        font-size: 1rem;
        text-align: center;
    }
    #home-bodycontent #hero-title-inner img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    #home-bodycontent #froala-editor:not(.fr-box) #hero-title-inner {
        display: none;
    }

/*--Add tab navigation above horizontal search--*/
    .search-tabs.nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    .search-tabs.nav .nav-item {
        position: relative;
        margin: 0 12px 4px 12px;
    }
    .search-tabs.nav .nav-item:first-child {
        margin-left: 0;
    }
    .search-tabs.nav .nav-link::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #fff;
        visibility: hidden;
        transform: scaleX(0);
        transition: all 0.3s ease-in-out 0s;
    }
    .search-tabs.nav .nav-link.active::before,
    .search-tabs.nav .nav-link:hover::before {
        visibility: visible;
        transform: scaleX(1);
    }
    .search-tabs.nav .nav-link {
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    }

/*--Correct kvCORE Minimal Search Bar Styling--*/
    #horizontal-search form .row > .form-group:nth-child(1) {
        width: calc(100% - 72px) !important;
    }
    #horizontal-search form .row > .form-group:nth-child(7) {
        width: 69px !important;
    }

    @media (min-width: 768px) {
        #horizontal-search form .row > .form-group:nth-child(1) {
            width: 80% !important;
        }
        #horizontal-search form .row > .form-group:nth-child(7) {
            width: 19.5% !important;
        }
    }
    @media (min-width: 992px) {
        #horizontal-search form .row > .form-group:nth-child(7) {
            width: 19.6% !important;
        }
    }

/*--Hide Default Home Page Content Areas--*/
    #home-bodycontent .custom-top {
        display: none;
    } 

/*--Home Page Custom Content--*/
    #cta-resources .row>[class*=col-] {
        min-height: 320px;
    }
    #cta-resources .row>[class*=col-] figure {
        position: relative;
        overflow: hidden;
        height: 100%;
    }
    #cta-resources .row>[class*=col-] figure img {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(.85);
        transition: all .2s linear;
    }
    #cta-resources .row>[class*=col-] figure:hover img {
        transform: scale(1.1);
        filter: brightness(.3);
    }
    #cta-resources .row>[class*=col-] figure figcaption {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #cta-resources .row>[class*=col-] figure figcaption h3 {
        color: #fff !important;
        text-shadow: 0 1px 3px #000;
    }
    #cta-resources .row>[class*=col-] figure figcaption p {
        text-align: center;
        text-shadow: 0 1px 3px #000;
    }


    #featured-communities .row>[class*=col-] {
        min-height: 320px;
    }
    #featured-communities .row>[class*=col-] figure {
        position: relative;
        overflow: hidden;
        height: 100%;
    }
    #featured-communities .row>[class*=col-] figure img {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(.85);
        transition: all .2s linear;
    }
    #featured-communities .row>[class*=col-] figure:hover img {
        transform: scale(1.1);
        filter: brightness(.3);
    }
    #featured-communities .row>[class*=col-] figure figcaption {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #featured-communities .row>[class*=col-] figure figcaption h3 {
        color: #fff !important;
        text-shadow: 0 1px 3px #000;
    }
    #featured-communities .row>[class*=col-] figure figcaption p {
        text-align: center;
        text-shadow: 0 1px 3px #000;
    }

    #get-in-touch {
        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%),
        url(https://dtzulyujzhqiu.cloudfront.net/remaxsunproperties9778/images/1689782461_XzpWtNiV3uv0m4xqWdt6YQ0W1SybrXYkLoPyZR3H.jpeg) !important;
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover !important;
    }
    @media (min-width: 992px) {
        #get-in-touch {
            background-attachment: fixed !important;
        }
    }
    #get-in-touch .btn {
        width: 220px;
        max-width: 90%;
        margin: 0 auto 52.75px;
        font-weight: bold;
        text-transform: uppercase;
    }


/*--Listing Carousels--*/
    div.listings.container .listing-box-title {
        padding: 0;
        justify-content: center;
    }
    div.listings.container .listing-box-title h2,
    div.listings.container .listing-box-title h3 {
        position: relative;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset;
        text-align: center;
    }
    div.listings.container .listing-box-title h2 {
        font-size: 28px;
        font-weight: bold;
    }
    div.listings.container .listing-box-content {
        min-height: 130px;
    }
    div.listings.container .owl-carousel .owl-nav button {
        top: calc(50% - 5px);
    }
/*--Custom Testimonials Section--*/
    #custom-testimonials {
        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%),
        url(https://dtzulyujzhqiu.cloudfront.net/remaxsunproperties9778/images/1689782538_GUWf62w6X5uzn9Mbc2hLCqqPb3MaZFszOlavJvsi.jpeg) !important;
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover !important;
    }
    @media (min-width: 992px) {
        #custom-testimonials {
            background-attachment: fixed !important;
        }
    }
    #custom-testimonials header,
    #custom-testimonials header a,
    #custom-testimonials .custom-testimonial,
    #custom-testimonials .custom-testimonial p,
    #custom-testimonials .custom-testimonial a {
        color: #fff !important;
    }

/*--Normalize Default Headings--*/
    header.remax-header h1,
    #custom-meet-the-team header,
    #custom-meet-the-team header h2,
    #testimonials h1,
    #custom-testimonials header h2,
    .listings.container .page-header h2,
    #latest-blogs h1,
    #areas-we-cover h1 {
        margin-bottom: 0;
    }

    header.remax-header h1,
    #custom-meet-the-team header h2,
    #testimonials h1,
    #custom-testimonials header h2,
    .listings.container .page-header h2 span,
    #latest-blogs h1,
    #areas-we-cover h1 {
        font-family: var(--heading-font) !important;
        font-size: 32px !important;
        font-weight: 700 !important;
        text-transform: uppercase;
    }

    header.remax-header h1::after,
    #custom-meet-the-team header h2::after,
    #testimonials h1::after,
    #custom-testimonials header h2::after,
    .listings.container .page-header h2 span::after,
    #latest-blogs h1::after,
    #areas-we-cover h1::after {
        content: "";
        display: block;
        width: 250px;
        height: 2px;
        margin: 2rem auto;
        background-color: var(--secondary-brand-color, #e6e6e6);
    }


/*--CUSTOM PAGES--*/
    .content-title-inner {
        background-image: none;
    }
/*-- Blog Edits--*/
#latest-blogs .post-meta > .post-meta-item:nth-child(1),
#blog-bodycontent .post-detail + .media-card {
    display: none;
}



/*--Default Fixes--*/
    #about,
    #latest-blogs,
    #seo-areas {
        overflow: hidden;
    }
    .post-content p {
        color: #575757;
    }
    .footer-bottom .footer-left {
        float: none;
        text-align: center;
    }
    .footer-bottom .footer-left ul {
        display: inline-block;
    }

/*--Credits/Copywrite--*/
    #design-creds {
        clear: both;
    }
    #design-creds a {
        color: rgba(0,0,0,0.5);
        font-size: .8rem;
    }

/*--Home Page Editor--*/
    #site-editor-screencast {
        position: fixed;
        z-index: 9999;
        bottom: 1rem;
        left: 1rem;
        max-width: 360px;
        border: 1px solid #ebe9e9;
        box-shadow: 1px 1px 15px -4px rgb(0 0 0 / 20%);
    }
    #close-screencast {
        position: absolute;
        top: -18px;
        right: 12px;
        padding: 0;
        margin: 0;
        border: 0;
    }
    #close-screencast .fa-stack-2x {
        height: 27.2px;
        width: 27.2px;
        transition: all .3s ease;
    }
    #close-screencast:hover .fa-stack-2x {
        transform: rotateZ(270deg);
    }
    #close-screencast .fa-times-circle {
        color: #e50000;
    }
    #close-screencast .fa-times-circle,
    #close-screencast .fa-circle {
        line-height: 1;
    }