/*********************
START: ACTIVE LISTING PAGE
*********************/
.page.page-id-59{
	background-color: #f6f6f6;
}

.page.page-id-59 .header--search{
	display: none;
}
.page.page-id-59 .heroInner{
	display: none;
}

.page.page-id-59 .singlePost{
	padding-block-start: 7rem;
}

.container-archive-listing{
    width: 97%;
    margin-inline: auto;
}

.rch-container-listing-list{
	margin-block: 3rem 7rem;
}

.rch-filters > div, 
.box-filter-listing-text input[type="search"],
.rch-listing-list .house-item,
.rch-listing-list .house-item picture,
.rch-listing-list .house-item ul li,
.rch-listing-item-skeleton,
.rch-skeleton-image,
.rch-skeleton-text.rch-skeleton-price,
.rch-skeleton-text.rch-skeleton-address,
.rch-skeleton-text.rch-skeleton-list-item,
.rch-map-listing-list{
	border-radius: 0 !important;
}

.rch-filters > div.rch-map-view {
	margin-block-start: 4px;
	background-color: transparent;
}

.rch-listing-list, 
.rch-listing-list ~ .rch-listing-skeleton-loader {
    --columns: 2;
}

.rch-listing-list .house-item ul{
	padding-bottom: 10px;
}

.rch-listing-item-skeleton, 
.rch-listing-list .house-item{
	padding: 0 !important;
	border: none !important;
}

.rch-listing-list .house-item{
	position: relative;
	padding-bottom: 10px !important;
	background-color: var(--baseLight-color);
	border-bottom: 2px solid var(--baseDark-color) !important;
}

.rch-listing-list .house-item picture{
	position: relative;
	display: block;
}

.rch-listing-item-skeleton .rch-skeleton-image,
.rch-listing-list .house-item picture img{
	height: 220px !important;
}

.rch-listing-list .house-item picture:before{
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
    top: calc(100% - 50px);
    left: 0;
    right: 0;
	background: linear-gradient(0deg, #000, transparent);
}

.rch-listing-item-skeleton:is(h3, p, ul), 
.rch-listing-list .house-item :is(h3, p, ul){
	padding-inline: 0.75rem;
}

.rch-listing-list .house-item p{
	color: #212e35 !important;
	font-weight: 400 !important;
	font-size: 15px !important;
}

.rch-status-filter-listing .rch-other-inside-filters input[type="checkbox"], .rch-map-view input[type="checkbox"] {
    &:checked {
        &:before {
            background-color: var(--primary-color);
        }
    }
}
.house-item_inner{
	position: relative;
}
.rch-listing-list .house-item h3 {
	color:  var(--baseLight-color);
	position: absolute;
    bottom: 12px;
	font-size: 24px !important;
    text-shadow: 1px 1px #333;
    font-weight: 500;
}

.rch-listing-list .house-item ul li{
	border: 1.5px solid #212e35 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-bottom: 0 !important;
	border: 0 !important;
	margin-right: 0 !important;
	padding-inline: 5px 8px !important;
	padding-block: 0 !important;
	font-size: 12px !important;
	color: #212e35 !important;
	font-size: 14px !important;
    font-weight: 600 !important;
	margin-block: 0 !important;
	position: relative !important;
}

.rch-listing-list .house-item ul li:not(:last-child):before{
	position: absolute;
	content: "|";
	width: 4px;
	height: 100%;
	transform: translatey(-50%);
	top: 50%;
	right: 0;
	font-size: 14px !important;
	color: #212e35 !important;
}

.rch-listing-list .house-item ul li:first-child{
	padding-inline-start: 0 !important;
}

.rch-listing-list .house-item ul li:last-child{
	border-right: 0 !important;
}

.rch-listing-list .house-item ul li b{
	color: #212e35 !important;
}
/*********************
END: ACTIVE LISTING PAGE
*********************/


/*********************
START: AGENTS PAGE
*********************/

ul.rch-archive-agents li, 
.rch-archive-regions-offices li,
ul.rch-archive-agents li picture{
	border-radius: 0 !important;
}
.heroInner--agent{
	height: 630px;
}
.heroInner--agent .video--wrapper{
    width: 100%;
    height: 100%;
}

.heroInner--agent video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rch-top-filter form#rch-agent-search-form input {
    border: 1px solid var(--border-color);
	border-radius: var(--border-radius-60);
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
	background-color: transparent !important;
}

.rch-agents-rechat ul.rch-archive-agents li .rch-archive-end-line a:first-child{
	border: solid 1px var(--primary-color) !important;
    color: var(--secondary-color) !important;
    border-radius: var(--border-radius-60);
    background-color: transparent !important;
}

ul.rch-archive-agents li .rch-archive-end-line a{
    background-color: var(--secondary-color) !important;
	border-radius: var(--border-radius-60);
}

.rch-profile-image{
	object-position: top;
}

ul.rch-archive-agents li, .rch-archive-regions-offices li {
	background-color: #F0F0F0 !important;
}

ul.rch-archive-agents, .rch-archive-regions-offices{
	margin-block: 1rem 3rem;
}
/*********************
END: AGENTS PAGE
*********************/


/*********************
START: OFFICES PAGE
*********************/
.offices h1{
	display: none;
}

.rch-archive-regions-offices{
	margin-block: 5rem;
}

.rch-archive-regions-offices li{
	padding: 1.5rem;
}

.rch-archive-regions-offices li h2{
	font-weight: 500;
	color: var(--secondary-color);
}

.rch-archive-regions-offices li picture img{
	aspect-ratio: 4 / 4;
    width: 100%;
    height: auto;
    object-fit: cover;
	margin-bottom: 1.5rem;
}

/*********************
END: OFFICES PAGE
*********************/
@media screen and (min-width: 1440px){
	.rch-listing-list, 
	.rch-listing-list ~ .rch-listing-skeleton-loader {
		--columns: 3;
	}
}

@media screen and (max-width: 768px) {
	.page.page-id-59 .singlePost {
    	padding-block-start: 6rem;
	}
	
	.rch-listing-list, .rch-listing-skeleton-loader {
        --columns: 1 !important;
    }
}

@media screen and (max-width: 425px){
	.rch-listing-list .house-item picture, 
	.rch-listing-item-skeleton .rch-skeleton-image{
		height: 200px;
	}
}