.filters{
	padding-top:0;
	padding-bottom:32px;
	position: relative;
	z-index: 2;
}
.filters .row:last-of-type{
	display: flex;
	flex-wrap: wrap;
	column-gap: 0;
}
.filters .single-filter{
	flex:1;
	position: relative;
}
.filters .all-filters{
	margin-top:1.5rem;
}
.filters label{
	background: var(--black);
	color: var(--white);
	padding: 15px 25px 10px 25px;
	padding-left:clamp(10px, 1.953vw, 25px);
	padding-right:clamp(10px, 1.953vw, 25px);
	line-height: 1;
	text-transform: uppercase;
	gap:0;
	font-family: 'StRydeRegular';
	line-height: 1.1;
	font-size: clamp(14px, 1.094vw, 14px);
	font-weight: 400;
	width:100%;
	height:50px;
	display: flex;
	align-items: center;
	margin:0;
	justify-content: space-between;
	border-right:1px solid #808080;
}
.filters .arrow-down{
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #808080;
	margin-top:-2px;
}
.filters label.active{
	background:var(--white);
	color:var(--primary);
	border:1px solid var(--primary);
}
.filters label.active .arrow-down{
	border-top:0;
	border-bottom: 5px solid var(--cta);
	margin-top:-4px;
}
.filters .dropdown{
	display: none;
	position: absolute;
	border: 1px solid var(--primary);
	border-top:0;
	list-style-type: none;
	z-index: 1;
	background: var(--white);
	padding:2rem 0;
	width:auto;
	margin-bottom:0;
	min-width: 100%;
	z-index: 9;
}
.filters .dropdown li,
.filters .dropdown .number-control{
	padding:.875rem 3rem;
	font-family: 'StRydeRegular';
	font-size: clamp(14px, 1.094vw, 14px);
	line-height: 1;
	display: flex;
	align-items: flex-start;
	cursor: pointer;
	padding-left:clamp(15px, 2.344vw, 30px);
	padding-right:clamp(15px, 2.344vw, 30px);
}
.filters .dropdown li:hover{
	color:var(--cta);
}
.filters .dropdown li:first-of-type{
	border-top:0;
}
.filters .dropdown li span{
	display: inline-block;
	padding-left:1.875rem;
	margin-top:1px;
}
.filters .dropdown li span.active{
	color:var(--cta);
}
/* Hide the actual checkbox */
.filters input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

/* Style the label to look like a checkbox */
.filters .checkbox-label {
	display: inline-block;
	position: relative;
	width: 15px; /* Adjust as needed */
	height: 15px; /* Adjust as needed */
	min-width:15px;
	background-color: var(--white); /* Background color when not checked */
	border: 1px solid var(--primary); /* Border color */
	cursor: pointer;
}

/* Style the pseudo-element to represent the checked state */
.filters .checkbox-label::before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	width: 15px;
	height: 15px;
	background-color: var(--cta); /* Color when checked */
	display: none; /* Initially hidden */
}

/* Show the pseudo-element when checkbox is checked */
.filters input[type="checkbox"]:checked + .checkbox-label::before {
	display: block;
	margin:0;
}

/* Bed and baths */
.bed-baths p{
	width:100%;
	opacity: .5;
}
.bed-baths .buttons{
	width:100%;
}
.number-control{
	display: flex;
	flex-wrap: wrap;
}
.bed-baths .number-control .option{
	display: none;
}
.number-control button{
	border: 1px solid var(--primary);
	border-radius: 20px;
	width: 20px;
	height: 20px;
	padding: 0;
}
.number-control .number{
	margin:0 1rem;
}
@media only screen and (max-width: 1250px) {
	.filters .single-filter{
		flex:none;
		width:100%;
	}
	.filters .dropdown{
		position: relative;
	}
	.filters .single-filter label{
		border-top:1px solid var(--white);
	}
	.filters .single-filter.bed-baths label.active{
		border-top:1px solid var(--primary);
	}
	.filters .dropdown li:hover{
		color:var(--primary);
	}
}