:root {

	--brand-color: #E0CDA2;
	--brand-color-dark: #b3a481;
}

body {

	font-family: 'Poppins', Sans-serif !important;
}

body.single-property {

	padding-top:  0 !important;
}

.property-main {

	font-size: 0.8rem;
}

.section-title {

	font-size: 1.2rem;
	border-bottom: 1px solid var(--brand-color);
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
}

.btn-primary {

	background-color: var(--brand-color) !important;
	border-color: var(--brand-color) !important;
	color: black !important;
}

.btn-primary:hover {

	background-color: #b3a481 !important;
	border-color: #b3a481 !important;
}

/*region Splash */

.splash {

	height: 70dvh;
	position: relative;
}

.splash img {

	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: center;
	z-index: 0;
}

.splash .container {

	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	padding-bottom: 1rem;
}

/* endregion */

/* region Navigation */

.property-navigation {

	position: sticky;
	top: 82px;
	z-index: 100;
	padding: 1rem;
	background: white;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 2rem;
}

@media (max-width: 767px) {

	.property-navigation {

		padding: 0.5rem;
		top: 63px;
	}
}


.property-navigation .nav-pills .nav-link {

	color: black !important;
}

.property-navigation .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: var(--brand-color);
	color: black;
}

@media (max-width: 767px) {

	.property-navigation {

		display: none;
	}
}

.property-navigation ul {

	margin: 0;
	padding: 0;
}

/* endregion */

/* region Property Description */

.property-description {

	margin-bottom: 5rem;
}

.property-description .main-highlights {

	padding: 1rem 0;
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.property-description .main-highlights svg {

	width: 24px;
	height: 24px;
}

.property-description .the-content {

	height: 200px;
	overflow: hidden;
	transition: all 500ms;
	transition-behavior: allow-discrete;
}

.property-description .the-content.open {

	height: auto;
}

.the-content ul {

	margin-left: 1rem;
}

.view-more {

	position: relative;
	text-align: center;
	margin: 1rem 0;
}

.view-more a {

	padding: 0.5rem 1rem;
	color: var(--brand-color) !important;
	text-decoration: none;
	background: white;
	position: relative;
	z-index: 1;
}

.view-more .js-less {

	display: none;
}

.view-more::before {

	content: '';
	position: absolute;
	top: -5rem;
	left: 0;
	width: 100%;
	height: 5rem;
	background: linear-gradient(to bottom, transparent, white);
	z-index: 10;
}

.the-content.open + .view-more::before {

	display: none;
}

.view-more::after {

	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	border-top: 1px solid var(--brand-color);
	z-index: 0;
}

.highlights .the-highlights {

	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: flex-start;
}

.highlights .the-highlights .highlight {

	border: 1px solid var(--brand-color);
	border-radius: 5rem;
	padding: 0.5rem 1rem;
	background: white;
}

.highlights .the-highlights .highlight svg {

	width: 24px;
	height: 24px;
}

/* endregion */

/* region Property Gallery */

.property-gallery {

	margin-bottom: 5rem;
}

.property-gallery .image {

	margin-bottom: 1.5rem;
	text-decoration: none;
	width: 100%;
}

.property-gallery .image img {

	border-radius: 1rem;
	aspect-ratio: 16/9;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.property-gallery .image p {

	font-size: 0.75rem;
	color: black;
	margin-top: 0.25rem;
}

/* endregion */

/* region Property Amenities */

.property-amenities {

	margin-bottom: 5rem;
}

.property-amenities .amenities {

	margin-bottom: 1.5rem;
}

.property-amenities .amenity h3 {

	display: flex;
	font-size: 1rem;
	align-items: center;
	gap: 0.5rem;
}

.property-amenities .amenity h3 svg {

	width: 24px;
	height: 24px;
}

.property-amenities .amenity p {

	font-size: 0.9rem;
}

/* endregion */

/* region Property House Rules */
.property-house-rules {

	margin-bottom: 5rem;
}

.property-house-rules .rule {

	margin-bottom: 1.5rem;
}

.property-house-rules .rule svg {
	width: 24px;
	height: 24px;
}

/* endregion */

/* region Property Location */

.property-location {

	margin-bottom: 5rem;
}

.property-location .map {

	aspect-ratio: 16/9;
}

.property-location .map iframe {

	width: 100%;
	height: 100%;
	border: none;
	border-radius: 1rem;
	overflow: hidden;
	margin-bottom: 1rem;
}

.property-location .feature {

	aspect-ratio: 1;
	background: #EEE;
	border-radius: 1rem;
	display: flex;
	margin-bottom: 1rem;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 1rem;
	text-align: center;
	gap: 0.5rem;
}

.property-location .feature p {

	line-height: 1.1;
	font-size: 0.75rem;
	margin: 0;
}

/* endregion */

/* region Property Policies */

.property-policies {

	margin-bottom: 5rem;
}

.property-policies .policy h3 {

	font-size: 1rem;
}

.property-policies .policy p {

	font-size: 0.9rem;
}

.book-now {

	position: sticky;
	bottom: 0;
	z-index: 2000;
	background: white;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
}

.book-now-wrapper {

	margin: 0 auto;
	z-index: 2000;
}