/* @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) {
}
/* @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 */