.block--single-property-header {
	padding: 140px 0 120px;
	background-color: var(--wp--preset--color--sw-blue);
	color: var(--wp--preset--color--sw-white);
	border-radius: 0 0 40px 40px;
}

@media screen and (max-width: 768px) {
	.block--single-property-header {
		padding: 100px 0 80px;
		background-color: var(--wp--preset--color--sw-blue);
		color: var(--wp--preset--color--sw-white);
		border-radius: 0 0 40px 40px;
	}
}

@media screen and (max-width: 640px) {
	.block--single-property-header {
		padding: 80px 0 40px;
		background-color: var(--wp--preset--color--sw-blue);
		color: var(--wp--preset--color--sw-white);
		border-radius: 0 0 20px 20px;
	}
}

.block--single-property-header--content {
	display: flex;
	flex-direction: column;
	height: 100%;
	grid-column: 1 / 5;
}

@media screen and (max-width: 768px) {
	.block--single-property-header--content {
		grid-column: 1 / 13;
		grid-row: 2 / 2;
	}
}

.block--single-property-header--content .pricing {
	font-weight: 300;
}

.block--single-property-header--content .pricing sup {
	font-size: 28px;
	vertical-align: text-top;
}

.property-details {
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	border-radius: 4.783px;
	border: 1px solid #6ca6cc;
	gap: 24px;
	margin-top: 16px;
}

.block--single-property-header .property-details.single-floorplan-size {
	align-self: flex-start;
}

@media screen and (max-width: 640px) {
	.property-details {
		display: inline-flex;
		align-items: center;
		padding: 8px 14px;
		border-radius: 4.783px;
		border: 1px solid #6ca6cc;
		gap: 24px;
		margin-top: 8px;
	}
}

.property-detail--label {
	display: flex;
	align-items: center;
	gap: 8px;
}

@media screen and (max-width: 640px) {
	.property-detail--label svg {
		height: 27px;
		width: 27px;
	}
}

.property-detail--value {
	color: #e8e8e8;
	font-size: 19.132px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 22.958px */
	letter-spacing: 0.574px;
	text-transform: capitalize;
}

.block--single-property-header--content .wp-block-buttons {
	margin-top: 32px;
}

@media screen and (max-width: 640px) {
	.block--single-property-header--content .wp-block-buttons {
		margin-top: 24px;
	}
}

.block--single-property-header--gallery {
	grid-column: 6 / 13;
}

@media screen and (max-width: 768px) {
	.block--single-property-header--gallery {
		grid-column: 1 / 13;
	}
}

.block--single-property-header .media-gallery {
	position: relative;
	aspect-ratio: 5 / 4;
	background: white;
	border-radius: 20px;
	overflow: hidden;
}

.block--single-property-header .media-gallery .embla {
	--slide-height: 100%;
	--slide-spacing: 0;
	--slide-size: 100%;
}

.block--single-property-header .media-gallery .embla__viewport {
	border-radius: 20px;
	position: relative;
	z-index: 1;
}

.block--single-property-header .media-gallery .embla__container {
	height: 100%;
	aspect-ratio: 5 / 4;
}

.block--single-property-header .media-gallery .embla__slide {
	position: relative;
	z-index: 0;
}

.block--single-property-header .media-gallery .embla img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.block--single-property-header--gallery--controls {
	position: absolute;
	bottom: 0;
	padding: 24px;
	width: 100%;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	gap: 24px;
}

.block--single-property-header--gallery--buttons {
	display: flex;
	align-items: center;
	gap: 8px;
}

.block--single-property-header--gallery--buttons > * {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	background-color: transparent;
	border-radius: 4px;
	border-color: #6ca6cc;
	border-width: 1px;
	color: var(--wp--preset--color--sw-white);
	padding: 12px;
}

.block--single-property-header--gallery--buttons > *:hover {
	background-color: var(--wp--preset--color--sw-yellow);
	border-color: var(--wp--preset--color--sw-yellow);
	border-width: 1px;
	color: var(--wp--preset--color--sw-blue);
}

.block--single-property-header--gallery--buttons > *:disabled {
	opacity: 0.4;
}

.block--single-property-header--gallery--thumb {
	cursor: pointer;
	border-radius: 8px;
	height: 60px;
	width: 90px;
	overflow: hidden;
	border: 0.5px solid #6ca6cc;
	background-color: var(--wp--preset--color--sw-blue);
}

.block--single-property-header--gallery--thumb img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	opacity: 0.35;
	transition: opacity 0.4s ease;
}

.embla-thumbs__slide--selected
	.block--single-property-header--gallery--thumb
	img {
	opacity: 1;
}

.block--single-property-header--gallery--thumbs {
	flex-grow: 1;
	/* mask-image: linear-gradient(to left, transparent 0%, black 5%, black 97.5%, black 100%); */
}

@media screen and (max-width: 640px) {
	.block--single-property-header--gallery--buttons > * {
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 8px;
		background-color: transparent;
		border-radius: 4px;
		border-color: #6ca6cc;
		border-width: 1px;
		color: var(--wp--preset--color--sw-white);
		padding: 6px;
	}
	.block--single-property-header--gallery--thumbs {
		display: none;
	}
}

.block--single-property-header .embla-thumbs__slide {
	flex: 0 0 90px;
	min-width: auto !important;
}

.pswp__bg {
	display: block !important;
	background-color: var(--wp--preset--color--sw-blue) !important;
}

.block--single-property-content {
	padding: 140px 0 140px;
}

@media screen and (max-width: 640px) {
	.block--single-property-content {
		padding: 48px 0 48px;
	}
}

.block--single-property-content .js-tabs__controls {
	display: flex;
	gap: 48px;
	list-style: none;
	padding: 0;
	border-bottom: 1px solid var(--wp--preset--color--sw-sky);
	margin-bottom: 64px;
	overflow-x: auto;
}

@media screen and (max-width: 640px) {
	.block--single-property-content .js-tabs__controls {
		margin-bottom: 32px;
		gap: 24px;
	}
}

.block--single-property-content .js-tabs__controls a {
	display: flex;
	padding: 10px;
	text-decoration: none;
	border-bottom: 4px solid transparent;
	color: #666;
	font-size: 24px;
	font-size: clamp(1rem, 0.6rem + 1vw, 1.5rem);
	font-style: normal;
	font-weight: 300;
	line-height: 140%; /* 33.6px */
}

.block--single-property-content .js-tabs__controls a[aria-selected='true'] {
	border-color: var(--wp--preset--color--sw-yellow);
	color: #01395c;
}

.block--single-property-content
	.js-tabs__panels
	:where(h1, h2, h3, h4, h5, strong) {
	color: var(--wp--preset--color--sw-blue);
}

.block--single-property-content--similar-designs {
	padding: 140px 0 200px 0;
	background-color: #546779;
	overflow: hidden;
}

@media screen and (max-width: 640px) {
	.block--single-property-content--similar-designs {
		padding: 64px 0 96px 0;
		background-color: #546779;
	}
}

.block--single-property-content--similar-designs--header {
	margin-bottom: 48px;
}

.block--similar-designs--items {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.block--similar-designs--item {
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	/* border: 1px solid #6CA6CC; */
	flex: 1 0 33%;
	min-width: 0;
	scroll-snap-align: center;
}

.block--similar-designs--item--thumb {
	position: relative;
	border-radius: 20px;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.block--similar-designs--item--thumb img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.block--similar-designs--item--content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	padding: 40px 24px 24px;
	margin-top: -20px;
	border-radius: 0px 0px 20px 20px;
	/* background-color: var(--wp--preset--color--sw-white); */
	color: var(--wp--preset--color--sw-white);
	border: 1px solid #6ca6cc;
}

.block--similar-designs--item--content--title {
	text-decoration: none;
	margin-bottom: 16px;
}

.block--similar-designs--item--content--title > * {
	margin-bottom: 0;
}

@media screen and (max-width: 640px) {
	.block--similar-designs--items {
		display: grid;
		grid-template-columns: repeat(3, minmax(90%, 1fr));
		gap: 24px;
		padding-right: 24px;
	}

	.block--single-property-content--similar-designs--main {
		overflow: auto;
		padding-bottom: 8px;
		margin: 0 -24px;
	}

	.block--similar-designs--item {
		display: flex;
		flex-direction: column;
		border-radius: 20px;
		/* border: 1px solid #6CA6CC; */
		flex: 1 0 90%;
		min-width: 0;
		scroll-snap-align: center;
	}

	.block--single-property-content--similar-designs--header {
		padding: 0 24px;
	}

	.block--single-property-content--similar-designs .container {
		padding: 0;
	}

	.block--similar-designs--items {
		display: flex;
		gap: 16px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding: 0 24px 24px;
	}

	.block--similar-designs--item--thumb--link {
		position: relative;
	}

	.block--similar-designs--item:last-of-type {
		margin-right: 24px;
	}

	.block--similar-designs--item:first-of-type {
		margin-left: 24px;
	}
}

.block--single-property-content--details-content,
.block--single-property-content--floorplans-content,
.block--single-property-content--enquire-content {
	grid-column: 1 / 6;
	padding-right: 24px;
}

.block--single-property-content--featured-video,
.block--single-property-content--floorplans-plans,
.block--single-property-content--enquire-forms {
	grid-column: 6 / 13;
}

@media screen and (max-width: 768px) {
	.block--single-property-content--details-content,
	.block--single-property-content--floorplans-content,
	.block--single-property-content--enquire-content {
		grid-column: 1 / 13;
		padding-right: 0;
	}

	.block--single-property-content--featured-video,
	.block--single-property-content--floorplans-plans,
	.block--single-property-content--enquire-forms {
		grid-column: 1 / 13;
	}
}

.block--single-property-content--featured-video iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	border-radius: 20px;
	overflow: hidden;
}

.block--single-property-content--featured-image img {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	border-radius: 20px;
	overflow: hidden;
}

.block--single-property-content--floorplans-content {
}

.block--single-property-content .property-detail--value {
	color: var(--wp--preset--color--sw-blue);
}

.block--single-property-content--enquire-forms .block--get-in-touch--form {
	border-radius: 20px;
}

.floor-plan--wrapper {
	padding: 32px;
	background-color: #fff;
	border-radius: 20px;
}

@media screen and (max-width: 640px) {
	.floor-plan--wrapper {
		padding: 24px;
		background-color: #fff;
		border-radius: 20px;
	}
}

.floor-plan--main {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.floor-plan--toolbar button {
	cursor: pointer;
}

.floor-plan--toolbar {
	margin-bottom: 24px;
}

[data-floor-plan='1'] .floor-plan--main img:first-of-type {
	display: block;
}
[data-floor-plan='1'] .floor-plan--main img:last-of-type {
	display: none;
}

[data-floor-plan='2'] .floor-plan--main img:first-of-type {
	display: none;
}
[data-floor-plan='2'] .floor-plan--main img:last-of-type {
	display: block;
}

@media screen and (max-width: 640px) {
	.block--single-property-content .block--get-in-touch--form.dark-bg {
		padding: 40px 24px;
	}
}

@media screen and (min-width: 768px) {
	.block--single-property-content--floorplans-content {
		position: sticky;
		top: 140px;
	}
}

#dialog--mobile-filters--close {
	appearance: none;
	background-color: transparent;
	border: none;
}

.dialog--mobile-filters--inner--top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.dialog--mobile-filters--inner--top h3 {
	margin-bottom: 0;
}

.block--similar-designs--items .block--property-card {
	grid-template-rows: 280px minmax(0, 1fr);
}

.block--similar-designs--items .block--property-card--content {
	background-color: #e8e8e8;
}

p.house-land--sales-title {
	margin-bottom: 12px;
}

.house-land--detail {
	display: flex;
	/* flex-wrap: wrap; */
	gap: 12px;
	/* align-items: center; */
	margin-bottom: 8px;
	text-transform: uppercase;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.house-land--detail svg {
	position: relative;
	flex-shrink: 0;
	top: 4px;
}

.block--franchise-content {
	padding: 140px 0;
}

@media screen and (max-width: 1024px) {
	.block--franchise-content {
		padding: 100px 0;
	}
}

@media screen and (max-width: 640px) {
	.block--franchise-content {
		padding: 64px 0;
	}
}

.block--franchise-content .iframe-wrapper {
	display: block;
	margin-bottom: 32px;
	border-radius: 20px;
	overflow: hidden;
}

.block--franchise-content--information-block {
	background-color: #fff;
	padding: 32px 24px;
	border-radius: 20px;
	min-height: 250px;
	margin-bottom: 24px;
}

.block--franchise-content--contact-block {
	background-color: #01395c;
	color: #fff;
	padding: 32px 24px;
	border-radius: 20px;
	min-height: 250px;
}

@media screen and (max-width: 640px) {
	.block--franchise-content--contact-block .block--get-in-touch--form {
		padding: 0;
	}
}

.team-member-image {
	height: clamp(40px, calc(40px + ((1vw - 4px) * 2.667)), 72px);
	width: clamp(40px, calc(40px + ((1vw - 4px) * 2.667)), 72px);
	border-radius: clamp(40px, calc(40px + ((1vw - 4px) * 2.667)), 72px);
	background: #546779;
	overflow: hidden;
	flex-shrink: 0;
}

.team-member-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.team-member-list {
	display: flex;
	flex-direction: column;
	border-top: 1px solid #6ca6cc;
	border-bottom: 1px solid #6ca6cc;
	padding: 0;
	margin-top: 48px;
}

.team-member-list--item {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 0;
	border-bottom: 1px solid #6ca6cc;
}

.team-member-list--item:last-child {
	border-bottom: none;
}

.block--franchise-content--desktop {
	display: block;
}

.block--franchise-content--mobile {
	display: none;
}

@media screen and (max-width: 1024px) {
	.block--franchise-content--desktop {
		display: none;
	}

	.block--franchise-content--mobile {
		display: block;
	}
}
