/* Hero image/carousel */
.property-image-carousel#prop-img-carousel {
	* {
		height: calc(100vh - 281px) !important;
		min-height: 450px !important;
	}
	@media (max-width: 767px) {
		&, img, * {
			height: 450px !important;
			min-height: 0 !important;
		}
	}
}

/* Property units and prices */
.units-and-prices {
	display: grid;
	gap: 24px;
	.unit {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		font-family: var( --e-global-typography-primary-font-family );
		line-height: 1.5;
		.unit-title {
			font-size: 20px;
			line-height: 1.35;
			color: var( --e-global-color-primary );
			font-weight: 500;
			margin-bottom: 7px;
		}
		.unit-price {
			font-size: 14px;
			color: #313131;
		}
	}
}
@media (min-width: 768px) {
	.units-and-prices {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 1600px) {
	.units-and-prices {
		grid-template-columns: repeat(4, 1fr);
	}
}


/* Property bedroom range (used on both single and archive pages) */
.property-bedroom-range {
	color: var(--e-global-color-text);
	font-family: "SangBleu Sans", Sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
}


/* Property description */
.read-more-section {
	h2, h3, h4 {
		line-height: 1.25;
		font-weight: 500;
		font-family: "SangBleu Sans", Sans-serif;
	}
	h2 {
		margin: 0;
		font-size: 22px;
		&:not(:first-child) {
			margin: 2rem 0 0;
		}
	}
	h3 {
		margin: 2rem 0 0;
		font-size: 20px;
	}
	h4 {
		margin: 1.2rem 0 0;
		font-size: 18px;
	}
	hr {
		margin: 2.25rem 0 0;
		border: none;
		height: 1px;
		background: #97979769;
	}
	p, ul, ol {
		margin: 1rem 0 0 !important;
	}
}


/* Amenities */
.property-amenities {
	padding-top: 2px;
	ul {
		display: grid;
		grid-template-columns: 1fr;
		gap: 18px 24px;
		padding: 0;
		li {
			position: relative;
			display: flex;
			align-items: center;
			min-height: 30px;
			padding: 0 0 0 42px;
			color: #8E8E8E;
			font-family: "Raleway", Sans-serif;
			font-size: 14px;
			line-height: 1.5em;
      font-weight: 500;
			list-style: none;
			&::before {
				content: "";
				position: absolute;
				left: -5px;
				top: 50%;
				transform: translateY(-50%);
    		display: block;
    		width: 40px;
    		height: 40px;
				background: url("https://inn-vesta.com/wp-content/uploads/property-advantage-icon.png") center center / 40px no-repeat;
			}
		}
	}
	@media (min-width: 768px) {
		ul {
			grid-template-columns: 1fr 1fr;
		}
	}
}