#main #container {max-width: 100%;}
#main .propertyhive ul.properties li {
	width: 50%;
}
#main .propertyhive ul.properties li .thumbnail, #main .propertyhive ul.properties li .details {width: 50%;}

/* Listing */
.listing-a {
	box-shadow: 0 0 24px #00000026;
	border-bottom: 3px solid var(--red);
}
.listing-a a:hover, .listing-a a:focus {text-decoration: none !important;}
.listing-a .thumbnail {
	height: 320px;
	overflow: hidden;
}
.listing-a .thumbnail img {
	height: 100%;
    width: 100%;
    object-fit: cover;
	transition: ease-out 0.3s;
}
.listing-a:hover .thumbnail img {
	transform: scale(1.1);
}

.listing-a .details {
	background: var(--white);
	padding: 32px 6% 20px;
}
.listing-a .badges {
    position: absolute;
    margin-top: -1rem;
    right: 2rem;
}
.listing-a .badges .type, .listing-a .badges .status {
	display: inline-block;
	border-radius: 100px;
	padding: .25rem .5rem;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: .3em;
}
.listing-a .badges .type {
	background: var(--red);
	color: var(--black);
}
.listing-a .badges .status {
	background: var(--black);
	color: var(--white);
}
.listing-a .price {
	font-weight: var(--bold);
	color: var(--red);
}
.listing-a .price .price-qualifier {display: none;}
.listing-a .address {
	font-size: 1.25rem;
	color: var(--black);
}
.listing-a .features {color: var(--grey);}

/* Single */
.property-description.main-desc .room {display: none;}
.property-description.rooms p:not(.room) {display: none;}
img.gallery-image {width: 30%;}

#main .prop-w {
	width: 70%;
	padding-right: 3rem;
}
#main .main-property .viewing {
	background: var(--white);
	-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 4px 16px 0 rgba(0,0,0,.05);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .05);
	padding: 1.5rem;
	border-radius: var(--br-sm);
}
#main .main-property .move-up {margin-top: -280px;}
#main .main-img {
	width: 100%;
	min-height: 60vh;
    height: 60vh;
	position: fixed;
	z-index: -1;
	top: 0;
}
#main .main-img img {
	height: 100%;
    width: 100%;
    object-fit: cover;
}

#main .main-property {
	margin-top: 60vh;
	background: var(--white);
}

#main .main-property .black-badge {
	background: var(--black);
	color: var(--white);
	display: inline-block;
	border-radius: var(--br-sm);
	font-size: .75rem;
	text-transform: uppercase;
	padding: .5rem;
}
#main .main-property .main-price {
	font-size: 1.5rem;
	font-weight: var(--bold);
}
#main .main-property .main-price .price {
	padding-top: .5rem;
}
#main .main-property h1 {font-size: 2rem;}
#main .main-property .address {
	font-size: 1.125rem;
}
#main .main-property .address:before {
	content: "";
    display: inline-block;
    vertical-align: middle;
	margin-top: -4px;
    margin-right: 4px;
    width: 20px;
    height: 20px;
	background-color: var(--black);
	-webkit-mask: url('/wp-content/uploads/2025/08/address.svg') center / contain no-repeat;
	mask: url('/wp-content/uploads/2025/08/address.svg') center / contain no-repeat;
}

#main .main-property .office {
    display: flex;
    align-items: center;
    gap: 1rem;
}
#main .main-property .office .logo img {
    height: 50px;
    width: auto;
}
#main .main-property .office .info p {margin-bottom: 0;}
#main .main-property .office .info p.muted {
	font-size: .875rem;
	color: var(--grey);
}

#main .main-property .property-gallery {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scrollbar-width: thin;
}
#main .main-property .property-gallery::-webkit-scrollbar {height: 6px;}
#main .main-property .property-gallery::-webkit-scrollbar-thumb {
    background: var(--bright-grey);
    border-radius: 3px;
}
#main .main-property .property-gallery a {flex: 0 0 auto;}
#main .main-property .property-gallery img {
    height: 150px;
    width: auto;
    display: block;
}
#main .main-property h2 {
	font-size: 1.75rem;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 1.5rem;
	padding-top: 3rem;
}
#main .main-property h2:first-child {padding-top: 0;}
#main .main-property h2:after {
	content: "";
    display: block;
    background: #000;
    width: 25px;
    height: 3px;
    bottom: 0;
    position: absolute;
}
#main .main-property h3 {
	font-weight: var(--bold);
	font-size: 1.125rem;
	margin-bottom: .5rem;
}
#main .main-property table.details {
	width: 100%;
	margin-bottom: 1rem;
}
#main .main-property table.details tr {
	border-bottom: 1px solid var(--grey);
}
#main .main-property table.details td {
    padding: 1rem 0;
}
#main .main-property table.details td:nth-child(even){text-align: right;}

/* Search results */
.search-bar {
	padding: 1rem 2rem;
	background: var(--white);
	border-radius: 100px;
	-moz-box-shadow: var(--moz-box-shadow);
	-webkit-box-shadow: var(--webkit-box-shadow);
	box-shadow: var(--box-shadow);
}
.area-buttons a {
	padding: .75rem;
    color: var(--black);
	margin: 0 10px 7.5px 0;
    font-weight: var(--bold);
    border: 1px solid var(--black);
    display: inline-block;
}
.area-buttons a:hover, .area-buttons a:focus {
	color: var(--red);
	text-decoration: none;
	border-color: var(--red);
}

.control-department {
	display: flex;
	gap: 0.75rem;
}
.control-department input[type="radio"] {display: none;}
.control-department label {
	flex: 1;
	color: var(--black);
	text-align: center;
	padding: 0.6rem 1rem;
	border: 2px solid var(--grey);
	border-radius: 50px;
	cursor: pointer;
	font-weight: var(--bold);
	background: var(--light-grey);
	transition: all 0.3s ease;
	margin-right: 1rem;
}
.control-department label:hover {
	background: var(--grey);
	color: var(--white);
}
.control-department label:has(input:checked) {
	background: var(--black);
	border-color: var(--black);
	color: var(--white);
}

.property-search-form .control label {font-size: 1rem;}
.property-search-form .control select, .property-search-form .control select:focus-visible {
    border-color: transparent;
    border-bottom: 1px solid var(--muted);
}
.property-search-form .control select:focus-visible {outline: none;}

.propertyhive-result-count {
	margin-top: 2rem;
	color: var(--grey);
}

form.property-search-form input[type="submit"] {
	background: var(--black);
	color: var(--white);
	border: none;
	padding: 10px 20px;
	border-radius: 6px;
	cursor: pointer;
}
/* Mobile only */

@media only screen and (max-width: 1280px) {
	.control-department label {
		white-space: nowrap;
		padding: .5rem .75rem;
	}
}
@media only screen and (min-width: 1151px) {
	form.property-search-form input[type="submit"] {margin-top: 1.5rem;}
}
@media only screen and (max-width: 1150px) {
	#main .property-search-form, #main .control-department {display: block;}
	.property-search-form .control[style*="display: table-cell"] {display: block !important;}
	.property-search-form .control {margin-bottom: 1rem;}
	.search-bar {
		padding: 1rem;
		border-radius: var(--br-sm);
	}
}
@media only screen and (min-width: 991px) {
	#main .main-property .sticky-viewing {
		position: -webkit-sticky;
		position: sticky;
		height: auto;
		top: 90px;
		right: 0;
		width: 25%;
		margin-left: 70%;
	}
}
@media only screen and (max-width: 991px) {
	#main .main-property .move-up {margin-top: 0;}
	#main .main-property {margin-top: 50vh;}
	#main .prop-w {
		width: 100%;
		padding-right: 0;
	}
}
@media only screen and (max-width: 576px) {
	form.property-search-form input[type="submit"] {width: 100%;}
	.property-search-form .control {padding: 0 !important;}
	.property-search-form .control label {
    	font-size: .9rem;
		margin-right: .25rem;
	}
}
@media only screen and (min-width: 1900px) {
	.property-search-form .control:not(.control-department) label {width: 100%;}
}