/*--Sellercentric custom.css--*/

/*General classes missing from kvCORE version of Bootstrap*/
.position-relative{position:relative}
.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}
/*Create equal height, 50% width columns on desktop*/
.row.eq-height{display:flex;flex-wrap:wrap}
.row.eq-height .col-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: 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;}

/*--Typography--*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap');
* {
  font-family: Poppins, sans-serif;

}
#custom-content p,
#custom-content ul li,
#custom-content i {
    font-size:1.1rem;
}
/*--Buttons--*/
.btn {
    text-transform: uppercase;
    border-radius: 0 !important;
}
/*--Hide Hero Area Content--*/
#home-bodycontent .cover-title .cover-title-inner,
#home-bodycontent #horizontal-search {
	display: none;
}
/*--Correct Hero Area--*/
#home-bodycontent .cover .cover-overlay {
    opacity: 1!important;
}
#home-bodycontent .cover .cover-title {
    top: 60%;
}
/*--Style custom logo in Hero Area--*/
#home-bodycontent .cover-title-inner img {
    display: block;
    max-width: 240px;
    margin: 0 auto;
}
/*--Remove Information Bar--*/
.information-bar{
    display:none;
}
/*--Remove Padding from Site Customizer Container--*/
#home-bodycontent .main-wrapper .content > .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
#home-bodycontent .main-wrapper .content > .container-fluid section#categories.p-t-3 {
    padding-top:0 !important;
}

/*--Service Area--*/
#services-area{
    box-shadow: 0 0 20px #000;
}
#services-area .col-lg-4:nth-child(2){
    z-index:2;
}
#services-area .col-lg-4:nth-child(2)::before{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    content: " ";
}
#services-area .col-lg-4:nth-child(2)::before{
    background-color:#555;
}
#services-area .btn {
    min-width: 210px;
}
@media only screen and (min-width: 992px) {
    #services-area .col-lg-4:nth-child(1){
        position: relative;
        right: 24px;
    }
    #services-area .col-lg-4:nth-child(2)::before{
        left: -24px;
        right: -24px;
        bottom: -24px;
        top: -24px;
        box-shadow: 0 10px 20px -10px #000;
    }
    #services-area .col-lg-4:nth-child(3){
        position: relative;
        left: 24px;
    }
}

/*--Schedule Consultation Area--*/
#schedule-consultation{
    background:#000;
}
#schedule-consultation .container{
    z-index:1;
}
#schedule-consultation .container p{
   max-width: 600px;
   margin: 24px auto 0;
}
#schedule-consultation img.background{
    position:absolute;
    top:0;
    object-fit:cover;
    height:100%;
    width:100%;
    display:block;
    opacity:.4;
    
}

/*--Testimonial Areas--*/
#testimonials-wrapper hr{
    border-color: rgba(0,0,0,0.4);
}
#testimonials-wrapper .testimonial-nav .btn{
    padding: 0;
}
#testimonials-wrapper #testimonials i {
    font-style: normal;
}
#testimonials-wrapper #testimonials p.text-xs-center {
    text-align: right !important;
    font-size: 24px;
    letter-spacing: .75px;
    padding-top: 30px;
}
@media only screen and (min-width: 768px) {
    #testimonials-wrapper .col-md-6.content::before{
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 20px;
        height: 100%;
        content: '';
        border: 1px solid rgba(0,0,0,0.4);
        border-right: none;
    }
}

/*--Custom Listing Carousel Area--*/
.custom-listings-wrapper hr {
    border-color:rgba(255,255,255,0.4);
}
.custom-listings-wrapper .listings-nav .btn {
    padding: 0;
}    
.custom-listings-wrapper .listings-nav .btn {
    color: inherit;
}
.custom-listings-wrapper .listings.container {

    position: relative;
    padding: 0;
    max-width: unset;
}
.custom-listings-wrapper .listing-box-wrapper {
    border: none;
}
.custom-listings-wrapper .listing-box {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: transparent;
}
.custom-listings-wrapper .listing-box-background {
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.custom-listings-wrapper .listing-box-image {
    height: 280px;
    border-radius: 0;
}
.custom-listings-wrapper .listing-box-image::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.65) 100%);
    content: '';
}
.custom-listings-wrapper .listing-box-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 1;
    background-color: transparent !important;
    text-align: right;
    text-shadow: 0px 1px 1px #000, 0px -1px 1px #000, 0px 0px 7px #000;
    transition: opacity .15s ease-in-out;
}
.custom-listings-wrapper .listing-box:hover .listing-box-title {
    opacity: 0;
}
.custom-listings-wrapper .listing-box-title h3 {
    margin-bottom: 0;
    color: #fff;
}
.custom-listings-wrapper .listing-box-image-links {
    transform: translateY(100%);
    transition: all .15s ease-in-out;
}
.custom-listings-wrapper .listing-box:hover .listing-box-image-links, 
.custom-listings-wrapper .listing-box:focus .listing-box-image-links, 
.custom-listings-wrapper .listing-box:active .listing-box-image-links {
    transform: translateY(0);
}
.custom-listings-wrapper .listing-box-content,
.custom-listings-wrapper .owl-nav.disabled {
    display: none;
}

@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;
    }
}