/******/
/*** SECTIONS ***/
/******/

/* GLOBAL */

/* FOOTER */

footer .footer-menu ul {
	flex-wrap: wrap;
}

footer .footer-menu ul li {
	width: 50%;
	padding-bottom: .5rem;
}

footer .utilities {
	min-width: 100%;
}

/* FAQs */

ul.faq-category-nav {
	padding-inline-start: 0;
	list-style-type: none!important;
	list-style: none!important;
}

.faqs .a-container {
	border-bottom: solid .0625rem var(--color-navy);
	width: 100%;
}

li.faq-category-nav-item a {
	text-decoration: none;
}

/* AMENITY CARDS */

.amenity-cards .card {
	overflow: clip;
	border: solid .0625rem var(--color-cream);
}

.amenity-cards .card-text img {
	width: 3rem;
}

/* COLUMNS CONTAINERS */

.columns-containers .column ul {
	margin-top: 1.5rem;
	padding-top: 2rem;
	border-top: solid .0625rem var(--color-cream);
}

.columns-containers .column ul {
	line-height: 1.8;
}

/* FLOORPLANS */

.intro-floorplans .card img {
	border-bottom-right-radius: 0!important;
	border-bottom-left-radius: 0!important;
}

.intro-floorplans .card .container-light-blue {
	border-top-right-radius: 0!important;
	border-top-left-radius: 0!important;
}

.intro-floorplans .card .container-light-blue button {
	background-color: var(--color-cream)!important;
	color: var(--color-navy)!important;
}

/* GALLERY */

.gallery .gallery-footer {
	position: relative;
	min-height: 3.5rem;
}

.gallery .gallery-footer .swiper-pagination {
	text-align: left;
}

.swiper-controls button {
	border: none;
	background-color: transparent;
}

/* INTRO */

.intro {
	overflow: clip;
}

.intro .background-image {
	width: 100%;
	height: 100%;
}

.intro .background-image {
	mix-blend-mode: multiply;
}

.intro .background-image img {
	object-fit: cover;
}

.intro .video-wrapper {
	position: relative;
	padding-top: 56.25%;
	border-radius: var(--radius-3xl);
	overflow: hidden;
}

.intro .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: var(--radius-3xl);
}

/* MAP */

.poi-map-section .padding-container-small {
	border-radius: 0!important;
}

/* STEPS */
	
.steps img {
	margin-top: .75rem;
	width: 2.8125rem;
}

.step-rule {
	width: .125rem;
	height: 100%;
}

/* TIMELINE */

.timeline .fade-on-scroll {
	opacity: 0;
	transition: opacity 0.2s linear;
	will-change: opacity;
}

.timeline .step {
	padding-top: 1.75rem;
}

.timeline span.h2 {
	color: var(--color-breezy-blue);
}

@media screen and (min-width: 48rem) {
	
	/* AMENITY CARDS */
	
	.amenity-cards .card-image {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: clip;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	
	.amenity-cards .card-image img {
		object-fit: cover;
		object-position: center;
	}
	
	.amenity-cards .card:hover .card-image {
		visibility: visible;
		opacity: 1;
	}
	
	/* FLOORPLANS */
	
	/* FLOORPLANS POPOUT MODULE */
	
	.large-image-pop-out {
		display: none;
		appearance: none;
		border: 0;
		cursor: pointer;
		width: fit-content;
		margin-top: 1.5rem;
		font: inherit;
		line-height: 1;
		background: currentColor;
		color: inherit;
	}

	.floorplan-popout-modal {
		position: fixed;
		inset: 0;
		z-index: 9999;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 3rem;
		background: rgba(0, 0, 0, 0.82);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
		opacity 180ms ease,
		visibility 180ms ease;
	}

	.floorplan-popout-modal.is-active {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.floorplan-popout-modal__panel {
		position: relative;
		max-width: min(92vw, 110rem);
		max-height: 90vh;
	}

	.floorplan-popout-modal__image {
		display: block;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 90vh;
		object-fit: contain;
		box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.45);
	}

	.floorplan-popout-modal__close {
		position: absolute;
		top: -1.25rem;
		right: -1.25rem;
		z-index: 2;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 2.75rem;
		height: 2.75rem;
		border: 0;
		border-radius: 999px;
		cursor: pointer;
		font-size: 1.5rem;
		line-height: 1;
		background: #fff;
		color: var(--color-navy);
		box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.25);
	}

	.floorplan-popout-modal__close:hover,
	.floorplan-popout-modal__close:focus-visible {
		transform: scale(1.04);
	}

	html.floorplan-modal-is-open,
	html.floorplan-modal-is-open body {
		overflow: hidden;
	}
	
	.large-image-pop-out {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	
	/* SCROLLING TEXT FADING IMAGE */
	
	.scrolling-text-fading-image .text {
		padding-left: 3rem;
	}
	
	.scrolling-text-fading-image .tablink {
		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
		flex-direction: column;
  		align-items: flex-start;
		justify-content: center;
		min-height: 150vh;
	}
	
	.scrolling-text-fading-image .image, .scrolling-text-fading-image .image > .tabcontent {
		height: 100vh;
	}
	
	.scrolling-text-fading-image .image > img {
		height: 100%;
		object-fit: cover;
	}
	
	.scrolling-text-fading-image .tabcontent img {
		object-fit: cover;
		height: 100%;
	}
	
	/* STEPS */
	
	.steps .step {
		min-width: 3rem;
	}
	
	/* TABS */
	
	.tabs .tabs-container {
		padding-top: 80vh;
		padding-bottom: 80vh;
	}
	
	.tabs .tablink {
		padding-left: 2rem;
		border-left: solid .0625rem transparent;
	}
	
	.tabs .tablink.active {
		border-left: solid .0625rem var(--color-navy);
	}
	
	/* TEXT-IMAGE REPEATER */
	
	.text-image-repeater .grid-parent .image.grid-60 {
		position: absolute;
		right: 0;
	}
	
	.text-image-repeater .grid-parent:nth-child(odd) .image.grid-60 {
		margin-left: 40%;
	}
	
	.text-image-repeater .grid-parent:nth-child(even) .image.grid-60 {
		left: 0!important;
	}
	
	.text-image-repeater .grid-parent:nth-child(even) .text.grid-50 {
		margin-left: 50%;
	}
	
	.text-image-repeater .text {
		min-height: 43.75rem;
	}
	
	/* VIRTUAL TOURS */
	
	.zonda-container iframe {
		width: 100%;
		aspect-ratio: 16 / 9;
	}
	
}

@media screen and (max-width: 47.9375rem) {
	
	/* GLOBAL */
	
	/* FOOTER */
	
	ul#menu-footer-menu {
		padding-top: 1.5rem;
	}
	
	/* DUAL COLOR */
	
	.dual-color-left, .dual-color-right {
		padding-top: 1.5rem!important;
		padding-right: 1.5rem!important;
		padding-bottom: 1.5rem!important;
		padding-left: 1.5rem!important;
	}
	
	/* SCROLLING TEXT FADING IMAGE */
	
	.scrolling-text-fading-image .text, .text-video .video {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	/* TIMELINE */

	.timeline .step {
		padding-top: .75rem;
	}
	
	/* VIRTUAL TOURS */
	
	.zonda-container iframe {
		width: 100%;
		aspect-ratio: 1 / 1;
	}
	
}
