/* @group Amenities
------------------------------------ */ 


[data-page="amenities"] { background: no-repeat url('../../img/layout/globals/background-blue-desktop.png') var(--dark-blue-secondary) center top; background-size: 100% auto; }
@media only screen
and (min-width : 961px) {
}


/* @group Amenities Header
------------------------------------ */ 
.amenities-header .text-box { margin-bottom: 4rem; }
@media only screen
and (min-width : 961px) {
	.amenities-header .text-box { padding-left: 15.8rem; margin-bottom: 11.5rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}
/* @end Amenities Header
------------------------------------ */ 


/* @group Amenities Image and text
------------------------------------ */ 
.amenities-image-and-text { color: var(--beige); }
.amenities-image-and-text .image::after { content: ''; position: absolute; z-index: 1; pointer-events: none; top: 3.3rem; left: 3rem; right: 3rem; bottom: 0; }
.amenities-image-and-text .image { margin-bottom: 3.3rem; padding-bottom: 3.3rem; }
.amenities-image-and-text .image .img-box { height: 41rem; z-index: 2; }
.amenities-image-and-text .image .img-box img { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity var(--transition-delay) ease; }
.amenities-image-and-text .image .img-box img.show { opacity: 1;  }
.amenities-image-and-text:nth-child(even) .image .img-box { margin-left: 3rem; }
.amenities-image-and-text:nth-child(odd) .image .img-box { margin-right: 3rem; }
.amenities-image-and-text .text { margin-bottom: 7rem; }
.amenities-image-and-text h2 { margin: 0 0 2.3rem; font-size: 4.5em; }
.amenities-image-and-text ul { list-style: disc outside; padding-left: 3rem; }
.amenities-image-and-text li { font-size: 2em; letter-spacing: .1em; cursor: pointer; transition: all var(--transition-delay) ease; opacity: .3; }
.amenities-image-and-text li.active { opacity: 1; }

/* Backgrounds
------------------------------------ */ 
.amenities-environment .image::after { background: no-repeat url('../../img/layout/globals/texture-4.jpg') center center; background-size: cover; }
.amenities-lifestyle .image::after { background: no-repeat url('../../img/layout/globals/texture-3.jpg') center center; background-size: cover; }
.amenities-connectivity .image::after { background: no-repeat url('../../img/layout/globals/texture-6.png') center center; background-size: cover; }
@media only screen
and (min-width : 961px) {
	.amenities-image-and-text { margin-bottom: 10rem; }
	.amenities-image-and-text .image { margin-bottom: 0; padding-bottom: 5rem; }
	.amenities-image-and-text .image::after { bottom: 0; right: 0; top: 5rem; left: 0; }
	.amenities-image-and-text:nth-child(even) .image .img-box { margin-left: 4.7rem; }
	.amenities-image-and-text:nth-child(odd) .image .img-box { margin-right: 4.7rem; }
	.amenities-image-and-text .image .img-box { height: 62rem; }
	.amenities-image-and-text .text { margin-bottom: 0; }
	.amenities-image-and-text h2 { margin: 0 0 2rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
	.amenities-image-and-text .section-mobile-header { flex: 0 1 100%; margin-bottom: 2.3rem; }
	.amenities-image-and-text .section-mobile-header h2 { margin: 0; font-size: 4.5em; }
	.amenities-image-and-text .section-mobile-slider { position: relative; flex: 0 1 100%; padding-bottom: 3.3rem; margin-bottom: 3.3rem; }
	.amenities-image-and-text .section-mobile-slider::after { content: ''; position: absolute; z-index: 1; pointer-events: none; top: 3.3rem; left: 3rem; right: 3rem; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }
	.amenities-environment .section-mobile-slider::after { background-image: url('../../img/layout/globals/texture-4.jpg'); }
	.amenities-lifestyle .section-mobile-slider::after { background-image: url('../../img/layout/globals/texture-3.jpg'); }
	.amenities-connectivity .section-mobile-slider::after { background-image: url('../../img/layout/globals/texture-6.png'); }
	.amenities-image-and-text .section-mobile-slider .splide { position: relative; z-index: 2; }
	.amenities-image-and-text .section-mobile-slider .splide__slide .img-box { position: relative; height: 41rem; }
	.amenities-environment .section-mobile-slider .splide__slide .img-box,
	.amenities-connectivity .section-mobile-slider .splide__slide .img-box { margin-right: 3rem; }
	.amenities-lifestyle .section-mobile-slider .splide__slide .img-box { margin-left: 3rem; }
	.amenities-image-and-text .section-mobile-slider .splide__slide .img-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
	.amenities-image-and-text .section-mobile-slider .slide-caption { margin: 2.3rem 0 0; padding-left: 3rem; font-size: 2em; letter-spacing: .1em; list-style: disc outside; }
	.amenities-image-and-text .section-mobile-slider .splide__arrows { display: flex; justify-content: flex-end; position: absolute; bottom: 6rem; right: 2rem; z-index: 3; }
	.amenities-image-and-text .section-mobile-slider .splide__arrow { position: static; transform: none; }
	.amenities-image-and-text .section-mobile-slider .splide__arrow--prev:not(:hover) { background-color: var(--off-white); color: var(--rust); }
}
/* @end Amenities Image and text
------------------------------------ */ 


/* @group Amenities Image and text
------------------------------------ */ 
.amenities-image-and-text  { opacity: 0; }
.amenities-image-and-text.animateActive { animation: fade var(--transition-delay) forwards; }
.amenities-image-and-text.animateActive { animation-delay: var(--transition-delay); }


/* @end Amenities Image and text
------------------------------------ */