/*--John Matukas custom.css--*/

/*Create equal height, 50% width 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;
}
--*/
@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;
    }
}
body:not(#sell-bodycontent) #sellform>div>div:nth-child(1){width:75%!important}
body:not(#sell-bodycontent) #sellques, body:not(#sell-bodycontent) #sellbutton{height:54px!important; border-radius:0!important}
body:not(#sell-bodycontent) #sellbutton{margin-top:0!important;background:#252526!important;color:#fff;transition:all .2s ease-in-out}
body:not(#sell-bodycontent) #sellbutton:hover{background:#fff!important;color:#252526}
@media screen and (max-width: 625px){body:not(#sell-bodycontent) #sellform>div>div:nth-child(1),body:not(#sell-bodycontent) #sellform>div>div:nth-child(2){float:none!important;width:100%!important}}


/*-----Hero Header Solid-----*/
body.header-transparent #header{background-color:#fff!important}
body.header-transparent #header .container .row-flex:first-child > ul li a,
body.header-transparent #header .container .row-flex:first-child > ul li a .fa.social {
	color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1);
}
body.header-transparent #header .container .row-flex:first-child > ul li a .fa.social,
body.header-transparent #header .container .navbar-toggler,
body.header-transparent #header .container .navbar-toggler span {
	border-color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1);
}
@media (min-width: 992px) {
	body.header-transparent #header .container .nav-primary .nav-link {
		color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1) !important;
	}
}
@media (min-width: 992px) and (max-width: 1059px) {
	body.header-transparent #header .container .row-flex:nth-child(3) .nav-primary-wrapper {
    	margin-top: -45px;
	}
}
body.header-transparent #header .container .row-flex:first-child{justify-content:space-between}
body.header-transparent #header .container .row-flex:first-child > ul li.hidden-lg-up{display:none!important}


/*--Use below if you want colored top bar--*/
body.header-transparent #header .container .row-flex:first-child{position:relative;margin-top:-4px;padding: 4px 15px;background-color:#19469D}
body.header-transparent #header .container .row-flex:first-child::before{ 
	display:block;
	position:absolute;
	top:0;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	height:100%;
	width: 100vw;
	z-index:-1;
	content:'';
	background-color:hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1);
	background-color:#19469D;
}
body.header-transparent #header .container .row-flex:first-child > ul li a,
body.header-transparent #header .container .row-flex:first-child > ul li a .fa.social {
	color: #fff;
}
body.header-transparent #header .container .row-flex:first-child > ul li a .fa.social {
	border-color: #fff;
}
.cover-pull-top.header-transparent .main {
    padding-top: 0 !important;
}
.cover-pull-top.header-transparent .cover {
    margin-top: 0 !important;
}

#home-bodycontent .agent-cover-image {
	height: 200px;
	width: 200px;
}

/*----Custom Horizontal Search-----*/
.cover.cover-center.agent .cover-title {
    top: 60%;
}
@media (max-width: 992px){
    #home-bodycontent .cover #horizontal-search form .form-group:nth-child(2),
    #home-bodycontent .cover #horizontal-search form .form-group:nth-child(3),
    #home-bodycontent .cover #horizontal-search form .form-group:nth-child(4),
    #home-bodycontent .cover #horizontal-search form .form-group:nth-child(5),
    #home-bodycontent .cover #horizontal-search form .form-group:nth-child(6){
        display: none;
    }
    #home-bodycontent .cover .location-form-group{width:83.33333%}
    #home-bodycontent .cover .form-group:nth-child(7){width:16.66667%}
    #home-bodycontent .cover #horizontal-search #qs-submit i.fa{margin-right:0}
    #home-bodycontent .cover #horizontal-search #qs-submit span{display:none}
    #home-bodycontent .information-bar{margin-top:0}
}
@media (min-width: 992px){
    #home-bodycontent .cover #horizontal-search .location-form-group{width:33.33333%}
    #home-bodycontent .cover .form-group:nth-child(7){width:16.66667%}
}