:root {
	--color-gray-blue: #F4F7FA;
	--color-gray-white: #fbfcfd;
	--color-gray-new: #EAF4FB;
	--color-cyan-35: #02A39B;

}

.finder2026 * {
	box-sizing: border-box;
}

main article .filter-section select,
main article .filter-section input[type="text"] {
	width: 100%;
	border-radius: 8px !important;
	border: solid 1px var(--color-gray-70);
	line-height: 42px;
	height: 42px;
	font-size: 14px;
	color: var(--color-gray-30);
}

main article .filter-section select {
	appearance: none;
	background-image: url(../images/input-arrow.svg);
	background-size: 10px 6px;
	background-position: right 16px top 18px;
	background-repeat: no-repeat;
	cursor: pointer;
	padding-right: 32px !important;
}

main article .filter-section select::-ms-expand {
	display: none;
}

main article .filter-section select {
	padding: 0 8px;
}

main article .filter-section select option {
	color: var(--color-gray-30) !important;

}

.finder2026 #search-address {
	width: 450px;
	max-width: 100%;
}
#address-wrap {
	position: relative;
}

#address-wrap.with-spinner:after {
	position: absolute;
	right: 16px;
	top: 8px;
}

#load-more-afhs {
	position: relative;
}

#load-more-afhs.with-spinner:after {
	position: absolute;
	right: -32px;
	top: 8px;
}

body:has(.finder2026) {
	overflow-x: clip;
}

.search-results {
	z-index: 10;
	position: relative;
	padding: 20px 0;
	background-color: #fbfcfd;
}

.finder2026 .search-results-header .compare-bookmarked {
	margin: 0;
}

.search-results-bg {
	position: absolute;
	left: 50%;
	top: 0;
	width: 100vw;
	margin-left: -50vw;
	height: 100%;
	background-color: #fbfcfd;
	background-image: url(../images/top-bg.png);
	background-repeat: repeat-x;
	background-position: top center;
	z-index: 0;
}

.search-results-header {
	position: relative;
	margin: 16px 0 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 20px;
	z-index: 1;
}

#select-sort {
	width: 94px;
	max-width: 94px;
	box-sizing: border-box;
	cursor: pointer;
	padding: 0 24px 0 8px;
	line-height: 26px;
	appearance: none;
	background-color: transparent;
	border: none;
	color: var(--color-blue-40) !important;
	font-weight: 600;
	font-size: 14px !important;
}

#select-sort:focus {
	outline: none !important;
	border: solid 1px var(--color-blue-40);
	border-radius: 4px;
	padding-left: 7px;
}

#select-sort option {
	line-height: 24px;
}

.sort-by {
	font-size: 14px;
	margin: 0 0 0 auto;
	position: relative;
}

.sort-by:after {
	position: absolute;
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%206l4%204%204-4%22%20fill%3D%22none%22%20stroke%3D%22%231F6CA0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	top: 6px;
	right: 6px;
	cursor: pointer;
	pointer-events: none;
}

.sort-by:has(option[value="activity"][selected]):after {

}
.sort-by:has(option[value="distance"][selected]):after {
	transform: rotate(180deg);
}

.search-results-header .compare-bookmarked {
	font-size: 16px;
	margin: 0 16px 0 0;
}

.search-results-header .compare-bookmarked .afhc-button-secondary {
	text-transform: none;
}


.result-items {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
}

.no-homes-found {
	position: relative;
	z-index: 1;
}

.no-homes-found-title {
	flex: 1;
	text-align: center;
	font-size: 32px;
	line-height: 1.25;
	font-weight: 600;
	margin: 0;
}

.result-items .afh-item {
	display: flex;
	flex-direction: column;
	border: solid 2px var(--color-gray-new);
	border-radius: 16px !important;
	background-color: #fff;
	padding-bottom: 24px;
	gap: 8px;
}
.result-items .afh-item .facility-address {
	display: flex;
	align-items: start;
	line-height: 24px;
	margin-bottom: 5px;
}


.result-items .afh-item .afh-contact {
	margin-top: auto;
	margin-bottom: 0;
	padding: 16px 16px 0;
}

.afh-contact button {
	width: 100%;
}

.afh-contact button:hover {
	background-color: var(--color-blue-45);
}


.afh-image-wrap {
	position: relative;
}

.afh-image-wrap > a {
	display: block !important;
	line-height: 1;
}

.afh-item-image {
	display: block;
	width: 100%;
	aspect-ratio: 1.61 !important;
	border-radius: 14px 14px 0 0;
	background-position: center center;
	background-size: cover;
}

.afh-image-count {
	position: absolute;
	bottom: 16px;
	right: 16px;
	height: 30px;
	display: inline-block;
	border-radius: 15px;
	font-size: 14px;
	background-color: #fff;
	color: var(--color-blue-40) !important;
	padding: 0 12px;
}

.afh-image-count.count-0, .afh-image-count.count-1 {
	display: none;
}

.afh-image-count:before {
	content: "";
	display: inline-block;
	width: 24px;
	text-align: right;
	height: 16px;
	background-image: url(../images/camera-gray.svg);
	background-repeat: no-repeat;
	background-size: 16px 13px;
	transform: translateY(4px);
}

.afh-image-count a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.result-items .afh-item div, .result-items .afh-item p {
	color: var(--color-gray-50);
	font-size: 16px;
}

.result-items .afh-rooms, .result-items .afh-phone {
	font-size: 14px !important;
	line-height: 30px !important;
}

.result-items .afh-specialty {
	font-size: 14px !important;
	line-height: 20px !important;
	margin: 5px 0 9px;
}

.result-items .afh-description {
	line-height: 1.5;
}

.result-items .afh-item h3 {
	margin-top: 8px;
	font-size: 20px;
	line-height: 1.5;
	text-transform: none;
	padding: 0 16px;
}

.filter-section {
	background-color: var(--color-gray-blue);
	border-radius: 12px;
	padding: 16px;
	gap: 16px;
	margin: 24px auto;
}

.filter-section h3, .filter-section h3 label {
	color: var(--color-blue-40);
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
}

.filter-section h3 {
	margin-bottom: 12px;
}

.gap-16 {
	gap: 16px;
}

.gap-20 {
	gap: 20px;
}

.flex.equal > div {
	flex: 1;
	min-width: 0;
}


.flex.equal.filtered-by div:last-child {
	flex: 0 0 auto;
}

.rich-buttons {
	display: flex;
	gap: 16px;
	justify-content: space-between;
}

.rich-buttons > div {
	border: solid 2px var(--color-blue-90);
	border-radius: 24px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	aspect-ratio: 384/210;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.rich-buttons label {
	position: relative;
	display: flex;
	align-items: end;
	justify-content: center;
	flex: 1;
	border-radius: 16px;
	width: 100%;
	height: 100%;
	padding-bottom: 16px;
	box-sizing: border-box;
	color: #fff;
	text-transform: none;
	font-size: 24px;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
	background: linear-gradient(180deg, rgba(102, 102, 102, 0.2) 0%, rgba(32, 32, 32, 0.2) 43.75%, rgba(0, 0, 0, 0.2) 100%);
}

.rich-buttons input[type="checkbox"] {
	display: none;
}

.rich-buttons input[type="checkbox"]:checked + label:after {
	position: absolute;
	right: 24px;
	top: 24px;
	/* was: content: "\2714"; — replaced with SVG so glyph weight/shape is consistent across iOS/Android/desktop */
	content: "";
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background-color: #fff;
	background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2026%2026%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.417%2013.542l4.875%204.875L20.583%207.583%22%20fill%3D%22none%22%20stroke%3D%22%231F6CA0%22%20stroke-width%3D%223.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px 26px;
}

.rich-buttons label:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

div.specialty_mental-health {
	background-image: url(../images/mental-health.jpg?v=2);
}

div.specialty_developmental-disabilities {
	background-image: url(../images/developmental-disabilities.jpg?v=2);
}

div.specialty_memory-care {
	background-image: url(../images/memory-care.jpg?v=2);
}

div.specialty_nursing-care {
	background-image: url(../images/nursing-care.jpg?v=2);
}

button.button-dropdown {
	border: 1px solid var(--color-gray-70);
	color: var(--color-gray-30);
	background-color: #fff;
	width: 100%;
	text-transform: none;
	text-align: left;
	font-weight: 400;
	padding: 0 8px;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	background-image: url(../images/input-arrow.svg);
	background-size: 10px 6px;
	background-position: right 16px top 18px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.checkboxes-list {
	position: relative;
}

.dropdown-checkboxes {
	position: absolute;
	top: 37px;
	background-color: #fff;
	padding: 4px 8px;
	z-index: 1000;
	display: none;
	border: solid 1px var(--color-gray-70);
	border-top: none;
	border-radius: 0 0 4px 4px;
}

.dropdown-checkboxes div {
	margin: 0;
}

.dropdown-checkboxes label, .dropdown-checkboxes div {
	line-height: 20px;
}

.dropdown-checkboxes.active {
	display: block;
}

.dropdown-checkboxes label {
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}

.button-dropdown .checked-count {
	display: inline-flex;
	color: var(--color-blue-40);
	background-color: var(--color-blue-85);
	border-radius: 8px;
	line-height: 24px;
	padding: 0 12px;
}

.button-dropdown .checked-count:empty {
	display: none;
}

.service-category {
	font-size: 16px !important;
}

.facility-active {
	position: absolute;
	top: 16px;
	left: 16px;
	height: 30px;
	line-height: 30px;
	background-color: #D4E9F7;
	border-radius: 15px;
	padding: 0 12px;
	font-size: 14px !important;
	font-weight: 500;

}

.facility-active a {
	color: var(--color-blue-40) !important;
	text-decoration: none;
}

.facility-active a:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: var(--color-blue-40);
	border-radius: 50%;
	margin-right: 0px;
	background-image: url(../images/clock-blue.svg);
	background-repeat: no-repeat;
	background-size: 14px 14px;
	transform: translateY(2px);
}

button.compare {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-color: #fff;
	border: none;
	padding: 0;
	line-height: 30px;
	text-align: center;
}

button.compare:hover {
	background-color: var(--color-blue-95);
}


.facility-bed {
	display: inline-block;
	background-color: #EBF8F7;
	color: var(--color-cyan-35);
	font-size: 10px;
	font-weight: 500;
	line-height: 22px;
	height: 22px;
	border-radius: 11px;
	padding: 0 8px;
	margin-left: 4px;
}

.facility-bed.available:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin-right: 0;
	background-image: url(../images/checkmark-cyan.svg);
	background-repeat: no-repeat;
	background-size: 14px 14px;
	transform: translateY(3px);
}
.facility-bed.no {
	color: #f7a151;
	background-color: #f4ecdd;
}

.icon-heart-blue:before, .icon-heart-blue-fill:before {
	width: 16px;
	height: 16px;
	background-image: url(../images/heart-blue.svg);
	content: "";
	display: inline-block;
	transform: translateY(3px);
	background-repeat: no-repeat;
}

.icon-heart-blue-fill:before, .included .icon-heart-blue:before {
	width: 18px;
	height: 16px;
	background-image: url(../images/heart-blue-fill.svg);
}

.icon-house-orange:before {
	width: 16px;
	height: 16px;
	background-image: url(../images/house-orange.svg);
	content: "";
	display: inline-block;
	transform: translateY(3px);
	background-repeat: no-repeat;
	margin-right: 7px;
}

.icon-phone-orange:before {
	width: 15px;
	height: 15px;
	background-image: url(../images/phone-orange.svg);
	content: "";
	display: inline-block;
	transform: translateY(3px);
	background-repeat: no-repeat;
	margin-right: 5px;
}

.icon-dementia-orange:before {
	width: 16px;
	height: 14px;
	background-image: url(../images/dementia-orange.svg);
	content: "";
	display: inline-block;
	transform: translateY(3px);
	background-repeat: no-repeat;
	margin-right: 4px;
}

.icon-mental-health-orange:before {
	width: 16px;
	height: 16px;
	background-image: url(../images/mental-health-orange.svg);
	content: "";
	display: inline-block;
	transform: translateY(3px);
	background-repeat: no-repeat;
	margin-right: 6px;
}

.icon-room-orange:before {
	width: 19px;
	height: 13px;
	background-image: url(../images/room-orange.svg);
	content: "";
	display: inline-block;
	transform: translateY(3px);
	background-repeat: no-repeat;
	margin-right: 4px;
}

.afhc-pagination-2026 {
	position: relative;
	z-index: 1;
	text-align: center;
	margin: 32px auto;
	padding: 0 8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	line-height: 32px;
}

.afhc-pagination-2026-list {
	border: solid 1px var(--color-gray-new);
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
}

.afhc-pagination-2026-list a, .afhc-pagination-2026-list span {
	text-decoration: none;
	height: 36px;
	line-height: 36px;
	padding: 0 12px;
	border-right: solid 1px var(--color-gray-new);
}

.afhc-pagination-2026-list span {
	color: var(--color-gray-50);
}

.afhc-pagination-2026-list span.dots {
	line-height: 24px !important;
}

.afhc-pagination-2026-list a:last-child, .afhc-pagination-2026-list span:last-child {
	border-right: none;
}

.afhc-pagination-2026 button {
	display: inline-block;
	text-decoration: none;
	border-radius: 8px;
	color: var(--color-blue-40);
	border: solid 1px var(--color-blue-40);
	padding: 8px 16px;
	text-transform: uppercase;
	cursor: pointer;
	background-color: #fff;
}

.afhc-pagination-2026 button:hover {
	background-color: var(--color-blue-95);
	color: var(--color-blue-45);
}

#no-more-results {
	position: relative;
	z-index: 1;
	min-width: 100%;
	text-align: center;
	display: none;
}

#mobile-filters {
	display: none;
}

@media screen and (max-width: 1024px) {
	.filtered-by {
		flex-wrap: wrap;
	}
	.filtered-by > div {
		width: 26%; !important;
		min-width: 26% !important;

	}

	.result-items {
		grid-template-columns: 1fr 1fr;
	}

	.rich-buttons {
		flex-wrap: wrap;
	}

	.rich-buttons > div {

		min-width: 48% ! important;
	}

	.dropdown-checkboxes {
		width: 100%;
	}

	.flex.equal.filtered-by button {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.search-results-header {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.search-results-header h3 {
		width: 100%;
	}
	.sort-by {
		margin: 0 auto 0 0;
	}
	.mobile-hide {
		display: none;
	}
	.mobile-hide.active {
		display: block;
	}

	#load-more-afhs {
		width: 100%;
		height: 56px;
	}

	#load-more-afhs.with-spinner:after {
		right: 16px;
		top: 16px;
	}

	.filter-section > div {
		flex-wrap: wrap;
	}
	.mobile-full-width {
		flex: 1;
		min-width: 80%;
	}

	#mobile-filters {
		display: block;
	}
	#btn-mobile-filters {
		padding: 0;
		width: 42px;
		height: 42px;
		line-height: 38px;
	}

	.result-items {
		grid-template-columns: 1fr;
	}

	.rich-buttons > div {
		min-width: 100% !important;
	}
	.rich-buttons > div {
		min-width: 100% !important;
		background-image: none;
		aspect-ratio: auto;

	}

	.rich-buttons label {
		color: var(--color-blue-40);
		padding-top: 16px;
		font-size: 20px;
	}

	.filtered-by > div {
		width: 80%; !important;
		min-width: 80% !important;

	}

	.rich-buttons input[type="checkbox"]:checked + label:after {
		top: 13px;
	}
	.flex.equal.filtered-by div:last-child {
		width: 100%;
	}

}

/** Icons **/

.icon.icon-sort {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%206l4%204%204-4%22%20fill%3D%22none%22%20stroke%3D%22%231F6CA0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	margin-bottom: -4px;
}
.icon.icon-sort.desc {

}
.icon.icon-sort.asc {
	transform: rotate(180deg);
}
.icon.icon-settings-white {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon-settings-white.png);
	margin-bottom: -4px;
}

.icon.icon-spinner-blue, .with-spinner:after {
	display: inline-block;
	content:"";
	width: 24px;
	height: 24px;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20stroke%3D%22%23D4E9F7%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2012a10%2010%200%200%201-10%2010%22%20stroke%3D%22%231F6CA0%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2012%2012%22%20to%3D%22360%2012%2012%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}