/*LINK BANNER STYLING*/
.linkbanner{
	position:relative;
	overflow:hidden;
	height:100px;
	width:80vw;
	max-width:300px;
	border:1px solid var(--blue-dark);
	background:linear-gradient(45deg, var(--blue-medium), transparent);
	margin:20px;
	//padding:20px;
	border-radius:5px;
}
.linkbanner span:nth-child(1){
	position:absolute;
	font-size:2em;
	color:var(--green-dark);
	top:2px;
	right:20%;
}
.linkbanner span:nth-child(2){
	position:absolute;
	font-size:2.5em;
	color:var(--blue-dark);
	top:24px;
	left:20%;
}
.linkbanner span:nth-child(3){
	position:absolute;
	font-size:2em;
	color:var(--purple-medium);
	bottom:0px;
	left:50%;
}
/*PROPERTY LIST STYLING*/
#property-data-list{
	display:flex;
	flex-direction:column;
	align-items:center;
	flex-wrap:nowrap;
	font-size:1.2em;
	border-radius: 5px;
	width:var(--nh-card-width);
	max-width:var(--nh-card-max);
	margin:0 auto 30px;
	padding:0;
	gap:var(--nh-card-gap);
	box-sizing:border-box;
}
.property-results-summary{
	width:100%;
	max-width:none;
	margin:0;
	box-sizing:border-box;
	color:var(--blue-dark);
	font-size:1.05rem;
	font-weight:700;
}
.property-results-summary span{
	display:block;
}
.property-listing{
	display:block !important;
	position:relative;
	width:100%;
	max-width:none;
	margin:0;
	border:var(--nh-card-border);
	border-radius:var(--nh-card-radius);
	background:var(--nh-card-bg);
	box-shadow:var(--nh-card-shadow);
	overflow:hidden;
}
.property-listing[open]{
	box-shadow:0 14px 30px rgba(46,95,150,.16);
}
.property-listing summary{
	list-style:none;
	cursor:pointer;
}
.property-listing summary::-webkit-details-marker{
	display:none;
}
.property-card-summary{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	gap:18px;
	padding:var(--nh-card-padding);
	align-items:start;
}
.property-card-main{
	min-width:0;
}
.property-card-topline{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
	margin-bottom:8px;
	margin-left:-2px;
}
.property-card-address{
	color:var(--blue-dark);
	font-size:1rem;
	font-weight:800;
	line-height:1.35;
	word-break:break-word;
	margin:0;
	display:inline-flex;
	align-items:center;
	padding:6px 12px;
	border-radius:999px;
	background:rgba(255,255,255,.9);
	border:1px solid rgba(18,58,92,.16);
	max-width:100%;
}
.property-card-type-line{
	color:rgba(18,58,92,.78);
	font-size:.86rem;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase;
	margin-bottom:8px;
}
.property-card-preview{
	color:rgba(18,58,92,.9);
	font-size:.96rem;
	font-weight:600;
	line-height:1.45;
	margin-bottom:8px;
}
.property-card-subline{
	color:rgba(18,58,92,.72);
	font-size:.86rem;
	font-weight:700;
	letter-spacing:.02em;
}
.property-card-side{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:12px;
	text-align:right;
	min-width:160px;
}
.property-card-price{
	color:var(--blue-dark);
	font-size:1.5rem;
	font-weight:800;
	line-height:1;
}
.property-card-price-label{
	font-size:.72em;
	font-weight:700;
	opacity:.82;
}
.property-card-expand{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:auto;
	height:auto;
	background:transparent;
	color:rgba(18,58,92,.72);
	font-size:.78rem;
	font-weight:800;
	letter-spacing:.03em;
	text-transform:none;
}
.property-card-expand::before{
	content:"Tap for more details";
}
.property-listing[open] .property-card-expand{
	color:var(--blue-dark);
}
.property-listing[open] .property-card-expand::before{
	content:"Tap for less details";
}
.property-card-details{
	padding:0 var(--nh-card-padding) var(--nh-card-padding);
}
.property-card-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:12px 16px;
	padding-top:16px;
	border-top:1px solid rgba(18,58,92,.12);
}
.property-card-field{
	display:flex;
	flex-direction:column;
	gap:4px;
	padding:0;
	background:transparent;
	border:0;
}
.property-card-field-label{
	color:rgba(18,58,92,.66);
	font-size:.78rem;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase;
}
.property-card-field-value{
	color:var(--blue-dark);
	font-size:.98rem;
	font-weight:600;
	line-height:1.35;
	word-break:break-word;
}
/*PROPERTY SALES FORM*/
#propertysalesform{
	margin:20px;
	max-width:1000px;
}
#propertysalesform input[type="date"], #propertysalesform input[type="text"], #propertysalesform select{
	width: 100%;
	border: 0px solid white;
	outline: 1px solid var(--blue-medium);
	padding: 10px;
	margin-bottom: 10px;
	line-height: 1em;
	color: var(--blue-dark);
	font-size: 1.2rem;
	border-radius: 10px;
	box-sizing: border-box;
	background:#fff;
}

.propertysales-date-shell{
	display:block;
	width:100%;
	padding-right:10px;
	box-sizing:border-box;
	border:1px solid var(--blue-medium);
	border-radius:10px;
	background:#fff;
	overflow:hidden;
	margin-bottom:10px;
}

.propertysales-date-shell input[type="date"]{
	border:0 !important;
	outline:0 !important;
	background:transparent !important;
	box-shadow:none !important;
	margin-bottom:0 !important;
	padding:10px 0 10px 10px !important;
	width:100% !important;
	max-width:100% !important;
	min-width:0 !important;
	box-sizing:border-box !important;
}

.propertysales-date-shell:focus-within{
	box-shadow:0px 0px 2px 1px var(--blue-dark);
}

#propertysalesform input[type="date"],
#start,
#end{
	padding-right:0;
	inline-size:100%;
	max-inline-size:100%;
	min-inline-size:0;
	max-width:100%;
	min-width:0;
	overflow:visible;
}
#propertysalesform input[type="date"]::-webkit-date-and-time-value,
#start::-webkit-date-and-time-value,
#end::-webkit-date-and-time-value{
	min-width:0;
}
#propertysalesform input[type="date"]::-webkit-datetime-edit,
#start::-webkit-datetime-edit,
#end::-webkit-datetime-edit{
	padding:0;
}
#propertysalesform input[type="date"]::-webkit-calendar-picker-indicator,
#start::-webkit-calendar-picker-indicator,
#end::-webkit-calendar-picker-indicator{
	margin:0;
	padding:0 0 0 6px;
}
#propertysalesform input[type="date"]:focus, #propertysalesform input[type="text"]:focus, #propertysalesform select:focus{
	box-shadow:0px 0px 2px 1px var(--blue-dark);
}
#propertysalesform input[type="submit"]{
	background:var(--blue-dark);
	border:0px solid white;
	outline:0px solid var(--blue-dark);
	padding:10px;
	margin:10px 0px;
	font-size:1.2rem;
	width:100%;
	color:white;
	border-radius:10px;
	box-sizing:border-box;
}
@media only screen and (max-width:700px){
	.property-card-summary{
		grid-template-columns:minmax(0, 1fr);
	}
	.property-card-side{
		align-items:flex-start;
		text-align:left;
		min-width:0;
	}
	.property-card-grid{
		grid-template-columns:minmax(0, 1fr);
	}
}