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

/*--Typography--*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
body {
    font-family: Poppins, sans-serif;
}
#custom-content p, #custom-content li {
    font-size: 1.1rem;
}

/*General classes missing from kvCORE version of Bootstrap*/
.position-relative{position:relative}
.overflow-hidden{overflow:hidden}
.d-block{display: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-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width:50%}}
@media (min-width: 992px){.row.eq-height .col-lg-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}}

@media (min-width: 576px){.container-sm{max-width: 540px;}}
@media (min-width: 768px){.container-sm,.container-md{max-width: 720px;}}
@media (min-width: 992px){.container-sm,.container-md,.container-lg{max-width: 960px;}}
@media (min-width: 1200px){.container-sm,.container-md,.container-lg,.container-xl{max-width: 1140px;}}

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



/*--kvCORE Resets--*/
#home-bodycontent .main > .main-inner > .content > .container,
#home-bodycontent .main > .main-inner > .content > .container > #categories {
    width: 100%;
    max-width: 100%;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}
#testimonials .star-rating {
    text-align: center;
}













/*--Fixed full width background images--*/
/*  Usage---
    <div class="bg-wrap-fixed section-inverse">
      <div class="bg-position">
        <img src="" />
      </div>
    </div>
*/
.bg-wrap-fixed + .container {
    z-index: 3;
}
.bg-wrap-fixed {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.bg-wrap-fixed .bg-position {
    position: absolute;
    clip: rect(0, auto, auto, 0);
    z-index:0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.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);
}

/*---Temp Fix
.bg-wrap-fixed img::after {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.2
}
--*/







/*--CUSTOM PAGES--*/
/*Quick Search Styling*/
    #quick-search-wrapper #quick-search{position:relative;z-index:3}
    #quick-search-wrapper #quick-search #header-search{display:flex;width:100%;align-items:center;margin-top:-14px}
    #quick-search-wrapper #quick-search #header-search::before,
    #quick-search-wrapper #quick-search #header-search::after{content:'';display:inline-block;width:16px;height:80px;border:1px solid #ffffff}
    #quick-search-wrapper #quick-search #header-search::before{border-right:none}
    #quick-search-wrapper #quick-search #header-search::after{border-left:none}
    #quick-search-wrapper .input-group.location-form-group{width: calc( 100% - 32px);}
    #quick-search-wrapper .token-input.tt-input{width:100%!important}
    #quick-search-wrapper .input-group-addon{position:relative;width:40px}
    #quick-search-wrapper .input-group-addon i.fa{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
    #quick-search-wrapper .tt-menu{min-width:unset!important;width:calc(100% + 1.75rem)!important;margin:16px 0 0 -14px}
    #quick-search-wrapper #adv-search-btn{margin:-8px;padding:0 10px 0 0}
    #quick-search-wrapper #adv-search-btn i.fa{padding:10px;border-right:1px solid #c3c3c3;color:inherit;}
    @media (min-width: 768px){
        #quick-search-wrapper #quick-search{display:flex;align-items:center}
        #quick-search-wrapper #quick-search #quick-search-title{width:114px;margin-right:12px;font-size:1.75rem;}
        #quick-search-wrapper #quick-search #header-search{margin-top:0}
    }


/*Roadmap Styling*/
   #roadmap .row .col-md-6{border-left:1px solid #ccab6c}
   #roadmap .row:nth-child(odd) .col-md-6:nth-child(odd)::before,
   #roadmap .row:nth-child(even) .col-md-6:nth-child(even)::before{display:block;position:absolute;top:.25rem;left:-.3625rem;font-family:"FontAwesome";font-size:.75rem;color:#ccab6c;content:'\f111'}
   #roadmap span.h5{font-size:1rem}
   #roadmap span.h5::before,
   #roadmap span.h5::after{display:inline-block;content:"";border-top:1px solid #fff;width:45px;margin:0 12px;transform:translateY(-6px)}
   #homeowner-badge img{display:block;height:auto;max-width:280px;margin:0 auto}
   @media only screen and (min-width: 768px) {
        #roadmap span.h5{font-size:1.25rem}
        #roadmap .row .col-md-6{border-left:none}
        #roadmap .row .col-md-6:first-child{border-right:1px solid #ccab6c}
        #roadmap .row:nth-child(odd) .col-md-6:nth-child(odd)::before{right:-.3625rem;left:unset}
        #roadmap p.w-100{text-align:justify}
   }