/*--Mike Giordano kv6v2 custom.css--*/

/*--Typography--*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&family=Poppins&display=swap');
body,.font-sans{font-family:'Poppins',sans-serif;}
.h1,.h2,.h3,.h4,.h5,.h6,.section-inverse h1,h1,h2,h3,h4,h5,h6{font-family:'Playfair Display', serif}
.custom-content p,.custom-content li{font-size:1.2rem;letter-spacing:0em;line-height:1.65em}
.d-block{display:block}
.text-right{text-align:right}
.text-white{color:#fff}
.opaque{opacity:1!important}
@media (min-width: 768px){.text-md-center{text-align:center}.text-md-left{text-align:left}}

/*--Create equal height no-gutter columns--*/
.row.eq-height {display:-webkit-box;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-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
                          .row.eq-height > .col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
                          .row.eq-height > .col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}
.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 columns*/
.row.equal-gutters{margin:7px}
.row.equal-gutters>[class*=col-]{padding:7px}

/*--Bootstrap Utility--*/
.flex-column{flex-direction:column}
.align-items-center{align-items:center}
.p-x-4{padding-left:4rem;padding-right:4rem}
.p-x-5{padding-left:5rem;padding-right:5rem}
@media (min-width: 768px){
    .m-x-md-0{margin-left:0!important;margin-right:0!important}
    .p-t-md-3{padding-top:3rem!important;padding-top:3rem!important}
    .p-b-md-3{padding-bottom:3rem!important;padding-bottom:3rem!important}
    .p-x-md-3{padding-left:3rem!important;padding-right:3rem!important}
    .p-x-md-4{padding-left:4rem!important;padding-right:4rem!important}
    .p-x-md-5{padding-left:5rem!important;padding-right:5rem!important}
}
@media (min-width: 992px){
    .p-x-lg-3{padding-left:3rem!important;padding-right:3rem!important}
    .p-x-lg-4{padding-left:4rem!important;padding-right:4rem!important}
    .p-x-lg-5{padding-left:5rem!important;padding-right:5rem!important}
}
.opaque{opacity:1!important}

/*--kvCORE Resets--*/

/*--Full width site customizer area--*/
#home-bodycontent .information-bar ~ .container,
#home-bodycontent .information-bar ~ .container-fluid {
    max-width: 100%;
    padding: 0 !important;
}
#home-bodycontent .information-bar ~ .container > #categories,
#home-bodycontent .information-bar ~ .container-fluid > #categories {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#home-bodycontent .information-bar,
#home-bodycontent #testimonials-carousel,
#home-bodycontent #about{display:none}

/*--Social Broker Logo--*/
#social-broker-logo {
    height: 30px;
    margin-top: -2px;
    filter: brightness(0);
}
#home-bodycontent #social-broker-logo,
#header.primary-color #social-broker-logo,
#header.secondary-color #social-broker-logo {
    filter: brightness(0) invert(1);
}
#footer-broker-logo {
    width: 200px;
    filter: brightness(0) invert(1);
}

/*--Cover--*/
    #home-bodycontent .cover-title {
        opacity: 0;
    }

/*--Zilly Horizontal Search--*/
    #home-bodycontent #horizontal-search {
        max-width: 780px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    #home-bodycontent #horizontal-search .form-group {
        display:none;
    }
    #home-bodycontent #horizontal-search .form-group.location-form-group {
        display: inline-block;
        width: calc(100% - 72px);
    }
    #home-bodycontent #horizontal-search .form-group.location-form-group .form-control {
        height: 72px;
        padding-top: 24px;
        padding-bottom: 24px;
        font-size: 18px;
        line-height: 18px;
        border-radius: 0;
    }
    #home-bodycontent #horizontal-search .form-group.location-form-group .token-input.tt-input {
        height: 24px;
    }
    #home-bodycontent #horizontal-search .form-group.location-form-group .tokenfield .token .close {
        line-height: 1;
    }
    #home-bodycontent #horizontal-search .form-group:last-of-type {
        display: inline-block;
        width: 72px;
    }
    #home-bodycontent #horizontal-search #qs-submit {
        height: 72px;
        border-radius: 0 4px 4px 0;
    }
    #home-bodycontent #horizontal-search #qs-submit .fa{
        margin-right: 0;
        font-size: 22px;
        line-height: 44px;
    }
    #home-bodycontent #horizontal-search #listing_search_form ~ .row > [class*=col-] {
        padding: .5rem 0 0 !important;
    }
    #home-bodycontent #horizontal-search #more-options {
        float: right;
        background: transparent;
    }
    #home-bodycontent #horizontal-search #more-options i {
        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;
    }
/*--Custom Hero Title--*/
    #home-bodycontent #hero-title-inner {
        position: relative;
        text-align: center;     
    }
    #home-bodycontent #hero-title-inner h1 {
        text-transform: uppercase;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }
    #home-bodycontent #hero-title-inner h2 {
        text-transform: uppercase;
        font-size: 1rem;
    }
    @media (min-width: 1200px) {
        #home-bodycontent #hero-title-inner h1 {
            font-size: 48px;
        }
        #home-bodycontent #hero-title-inner h2 {
            font-size: 24px;
        }
    }
    #home-bodycontent #hero-title-inner img {
        position: relative;
        display: block;
        width: 800px;
        max-width: 95%;
        margin: 0 auto;
    }
    #home-bodycontent #froala-editor:not(.fr-box) #hero-title-inner {
        display: none;
    }

/*--Custom Content--*/
h1.section-title{font-size:3rem}
h1.section-title .subtitle{display:block;font-size:16px}
hr.title-accent{width:148px;margin-top:28px;margin-bottom:28px;border-top:1px solid rgba(0,0,0,0.4)}
.section-inverse hr.title-accent{border-top:1px solid rgba(255,255,255,0.4)}

#search-metro figure {
  position: relative;
  display: block;
  width: 100%;
  height: 360px;
  margin-bottom: 0;
  overflow: hidden;
}
#search-metro figure img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#search-metro figcaption {
  width: 100%;
  height: 100%;
  position: relative;
  top: unset;
  left: unset;
  transform: none;
}

#search-metro figcaption h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: bold;
  margin-bottom: 0;
  text-shadow: 0px 1px 14px #000;
}

#search-metro figcaption h3:hover {
  color: #fff;
  text-decoration: none;
}

#search-metro figure:hover img {
  opacity: 1;
  filter: brightness(50%);
}

#search-metro figure .list-group {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease-in-out;
  transform: translateY(100%);
  opacity: 0;
}
#search-metro figure .list-group a.btn {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#search-metro figure:hover .list-group {
  top: 0;
  transform: translateY(0);
  opacity: 1;
}

#home-bodycontent #froala-editor.fr-box #search-metro figure {
    height: 720px;
}
#home-bodycontent #froala-editor.fr-box #search-metro figure img {
    height: 360px;
}
#home-bodycontent #froala-editor.fr-box #search-metro figure figcaption {
    height: 100px;
}
#home-bodycontent #froala-editor.fr-box #search-metro figure .list-group {
    height: 360px;
    transform: none;
    opacity: 1;
}
#home-bodycontent #froala-editor.fr-box #search-metro figure:hover .list-group {
    top: unset;
    transform: none;
}


#agent-intro .headshot-cover{object-fit:cover;width:100%;height:100%}
#agent-intro .headshot-contain{object-fit:contain;width:100%;height:100%}
#agent-intro .agent-details{position:absolute;bottom:0;width:100%;background-color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),.5)}
#agent-intro .agent-name{font-size:1.1rem}

#testimonials-intro .col-md-4{min-height:600px}
#testimonials-intro blockquote{background-color:transparent}

#area-intro .col-md-4{min-height:600px}


@media (max-width: 580px), screen and (orientation: portrait) {
    .cover-image {
        background-size: cover;
    }
    .listing-carousel-wrapper .owl-carousel button.owl-prev {
        left: -40px;
    }
    .listing-carousel-wrapper .owl-carousel button.owl-next {
        right: -40px;
    }
}




.parallax__container {
    clip: rect(0, auto, auto, 0);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    -z-index: -100;
}
.parallax {
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
 
    /* BG behaviour */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}




.listings.container .listing-box-wrapper {
    background: transparent;
    border: none;
}
.listings.container .listing-box {
    box-shadow: 0px 15px 10px -15px rgb(0 0 0 / 30%);
}
.listings.container .owl-nav button {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%);
}
.listings.container .owl-nav button i.fa {
    color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1);
}

.footer-bottom .footer-left {
    float: none;
    text-align: center;
}
.footer-bottom .footer-left ul {
    display: inline-block;
}
#design-creds {
    clear: both;
}
#design-creds a {
    color: rgba(255,255,255,0.5);
    font-size: .8rem;
}
.post-content p {
    color: #575757;
}
.footer-top-right p {
    color: #f0f0f0 !important;
}

/*--Agents Page--*/
#agent-bodycontent .listing-user-image {
    width: 200px;
    height: 200px;
    border-radius: 0%;
}
#agent-bodycontent .listing-user-image a {
    border-radius: 0%;
}

/*--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;
}
