body#search .property-card {
        box-shadow: 0px 0px 2px #9999;
    }

	body#search .property-card .property-info .price {
		border: 1px solid transparent;
        border-radius: 3px;
		font-size: 20px;
	}

	@media screen and (max-width: 991px) {

		body#search nav + section.property-listing {
			display: grid;
			gap: 0 15px;
			grid-template-columns: repeat(2, 1fr);
			padding: 15px;
		}

		body#search .search-results-summary {
			grid-column: 1 / -1;
			margin: 0 0 15px 0;
		}

		body#search .search-results-summary-mobile {
			display: block;
		}

		body#search .search-results-summary-desktop,
		body#search .search-results-summary-detail {
			display: none;
		}

		body#search .property-card {
			margin: 0 0 15px 0;
			width: 100%;
		}

		body#search .property-card img {
			height: 200px;
		}
		
		body#search .property-card .property-info {
			flex-direction:column;
			-webkit-flex-direction:column;
		}
		
		body#search .property-card .rooms svg {
			height: 1em;
		}

		body#search .property-card .property-info .price {
			font-size: 16px;
		}

		body#search .property-card .property-info .price {
			border-bottom:1px solid var(--offwhite);
			margin: 0px 0px 5px 0px;
			padding: 5px 0px 10px 0px;
			width: 100%;
		}

		body#search .property-card .rooms {
			margin: 5px 0px 0px 0px;	
			padding-top: 10px;
		}
	}

	@media screen and (min-width:992px) {
			
		body#search nav #main-navigation #mnu-search,
		body#search nav #nav-search {
			background-color: var(--white);
		}
		
		body#search nav #nav-search {
			margin-left: 20px;
			width: calc(100% - 40px);
		}
		
		body#search nav #nav-search,
		body#search nav .nav-filters {
			display: -webkit-flex;
			display: flex;
			box-shadow: none;
		}
		
		body#search nav #nav-search #ns-opts {		
		    background-color: var(--steam);
		}
		
		body#search nav #nav-search #ns-opts,
		body#search nav #mnu-search.dropmnu > a > span {
			border-color: transparent;
		}
		
		body#search .search_box #s-area, 
		body#search .search_box .sb-beds, 
		body#search .search_box .sb-rent {
    		border: 1px solid var(--stone);
		}
		
		body#search .search_box .sb-area, 
		body#search .search_box .sb-beds {
			border-right: none;
		}
		
		body#search .search_box #s-area, 
		body#search .search_box .sb-beds, 
		body#search .search_box .sb-rent {
			background-color: #fff;
			border-radius: 5px;
			padding-left: 10px;
		}
		
		body#search nav .nav-filters select {
			background-color: transparent;
			border-radius: 5px;
		}
		
		body#search nav + section.property-listing {
			padding: 100px 30px 0px 30px;
			display: grid;
			gap: 0 2%;
			grid-template-columns: repeat(4, 1fr);
		}
        
        body#search .property-card {
            transition-property: background, box-shadow;
            transition-duration: 0.3s;
			margin-left: 10px;
			margin-right: 10px;
			width: 100%;
        }
        
        body#search .property-card:hover {    
            background-color: #faf6fd;
			box-shadow: 0px 0px 2px #d7b3ed;
			color: var(--purple-on-white);
            cursor: pointer;
            text-decoration: none;
        }
   
        body#search .property-card .property-info {
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
        }
   
        body#search .property-card .property-info h4 {
			font-size: 20px;
			margin-bottom: 8px;
			transition: color 0.3s;
			width: 100%;
		}

        body#search .property-card .price {
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: flex-end;
			align-items: flex-end;
			margin: 0px 10px 0px -9px;
			padding: 1px 8px 1px 10px;
			transition-property: background border;
			transition-duration: 0.3s;
        }
		
        body#search .property-card:hover .price {
            background-color: #F3E6FB;
        }
				
		body#search .property-card beds {
			margin-right: 15px;
        }
				
		body#search .property-card .rooms,
		body#search .property-card .rooms > * {
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: baseline;
			align-items: baseline;
        }
				
		body#search .property-card .rooms > * {
			font-size: 20px;
			font-weight: 600;
			margin-top: auto;
			padding-top: 2px;
        }
		
		body#search .property-card .rooms {
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: baseline;
			align-items: baseline;
			margin-bottom: 0px;
		}
		
		body#search .property-card .rooms span {
			font-size: 14px;
			font-weight: normal;
			margin-left: 4px;
		}
			
		body#search .property-card .rooms svg {
			fill:var(--text);
			height: 1.2ch;
			margin-right: 4px;
			transition-property: fill;
			transition-duration: 0.3s;
		}
						
		body#search .property-card .rooms beds svg {
			height: 1ch;
		}
			
		body#search .property-card:hover .rooms svg {
			fill:var(--purple-on-white);
		}
	}

	.listing-pagination {
		align-items: center;
		clear: both;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		grid-column: 1 / -1;
		justify-content: center;
		margin: 30px auto 50px;
		order: 999;
		position: static;
		text-align: center;
		width: 100%;
		z-index: auto;
	}

	.listing-pagination .pagination-pages {
		display: inline-flex;
		flex-wrap: wrap;
		gap: 6px;
		justify-content: center;
		margin: 0;
		vertical-align: middle;
	}

	.listing-pagination .results-per-page {
		align-items: center;
		/*background: #fff;
		border: 1px solid #e3d6ec;
		border-radius: 4px;*/
		display: inline-flex;
		gap: 8px;
		margin: 0;
		padding: 0px 15px 0px 15px;
	}

	.listing-pagination .results-per-page label {
		color: #324047;
		font-size: var(--type-ui, 1rem);
		font-weight: 700;
		line-height: var(--line-ui, 1.25);
		margin: 0;
	}

	.listing-pagination .results-per-page select {
		background: #faf6fd;
		border: 1px solid #e3d6ec;
		border-radius: 4px;
		color: var(--purple-darkest, #240033);
		cursor: pointer;
		font-size: var(--type-ui, 1rem);
		font-weight: 700;
		line-height: var(--line-ui, 1.25);
		padding: 7px 28px 7px 10px;
	}

	.listing-pagination .results-per-page button {
		background: var(--purple-on-white);
		border: 1px solid var(--purple-on-white);
		border-radius: 4px;
		color: #fff;
		font-size: var(--type-ui, 1rem);
		font-weight: 600;
		line-height: var(--line-ui, 1.25);
		padding: 7px 12px;
	}

	body#search .property-listing .search-results-summary {
		background: transparent;
		border: 0;
		border-radius: 0;
		color: #243845;
		grid-column: 1 / -1;
		margin: 0 10px 10px 10px;
		padding: 0;
		width: auto;
	}

	.search-results-summary p {
		font-size: var(--type-body, 1rem);
		line-height: var(--line-body, 1.5);
		margin: 0;
		text-align: center;
	}

	.search-results-summary p + p {
		margin-top: 5px;
	}

	.search-results-summary strong {
		color: var(--purple-on-white);
		font-weight: 700;
	}

	.search-results-summary-mobile {
		display: none;
	}

	.listing-pagination a,
	.listing-pagination .page-current {
		background: #fff;
		border: 1px solid #e3d6ec;
		border-radius: 4px;
		color: var(--purple-darkest, #240033);
		display: inline-flex;
		font-size: var(--type-ui, 1rem);
		font-weight: 700;
		line-height: var(--line-ui, 1.25);
		margin: 0;
		padding: 10px 18px;
		text-decoration: none;
		transition-duration: 0.3s;
		transition-property: background, border-color, color, box-shadow;
	}

	.listing-pagination a:hover {
		background: #faf6fd;
		border-color: #d7b3ed;
		box-shadow: 0px 0px 2px #d7b3ed;
		color: var(--purple-on-white, #4b0069);
	}

	.listing-pagination .page-link,
	.listing-pagination .page-current {
		align-items: center;
		justify-content: center;
		margin: 0;
		min-width: 40px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.listing-pagination .page-current {
		background: var(--purple-on-white);
		border-color: var(--purple-on-white);
		box-shadow: 0px 0px 2px rgba(9, 139, 243, 0.45);
		color: #fff;
	}

	.listing-pagination .pagination-status,
	.listing-pagination .pagination-ellipsis {
		color: #324047;
		display: inline-block;
		font-weight: 700;
		margin: 0 8px;
		vertical-align: middle;
	}

	.listing-pagination .pagination-status {
		display: block;
		flex-basis: 100%;
		margin-top: 12px;
	}

	.listing-pagination .pagination-ellipsis {
		align-self: center;
		margin: 0 2px;
	}

	.listing-pagination small {
		color: #60727f;
		display: block;
		font-size: var(--type-xs, 12px);
		font-weight: 400;
		line-height: var(--line-ui, 1.25);
		margin-top: 3px;
		text-align: center;
	}