/* @group Features and Amenities
------------------------------------ */


[data-page="amenities"] { background-color: var(--limestone); }
.popup-container>[data-page="amenities"]>.icon-close { background-image: url('../../img/layout/globals/close-forest.svg'); }


/* @group Header */
.amenities-header { padding: 4rem 0 8rem; }
.amenities-header h2 { font-family: var(--brolimo-font); font-weight: 400; text-transform: uppercase; font-size: 6.6em; line-height: 1em; color: var(--forest); margin: 0 0 6rem; font-variant-ligatures: discretionary-ligatures; }
.amenities-header .text { color: var(--spanish-moss); }
.amenities-header .text h3 { font: var(--subheader-mobile); letter-spacing: var(--subheader-mobile-letterspacing); margin: 0 0 3rem; }
@media only screen
and (min-width : 961px) {
    .amenities-header { padding: 6.5rem 0 10.3rem; }
    .amenities-header h2 { font-size: 15em; line-height: 1em; margin: 0 0 4rem; }
    .amenities-header .text { padding-left: 8.33%; padding-right: 20.833%; }
    .amenities-header .text h3 { font: var(--subheader); letter-spacing: var(--subheader-letterspacing); }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}
/* @end Header */


/* ----- */



/* @group Map */
.amenities-map .mapplic-element { margin: 0 0 9.8rem; }

.amenities-map .mapplic-container .mapplic-tooltip:after { content: ''; height: 5.5rem; width: .1rem; background-color: var(--gilded-age); border: none; margin-top: 0; margin-left: 0; top: -5.5rem; z-index: -1; }
.amenities-map .mapplic-container .mapplic-tooltip-wrap { margin-top: -6rem; box-shadow: unset; text-align: center; position: relative; z-index: 2; }
.amenities-map .mapplic-container .mapplic-pin { background-color: var(--gilded-age); }
.amenities-map .mapplic-container .mapplic-pin::before,
.amenities-map .mapplic-container .mapplic-pin::after { content: ''; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .3s ease; }
.amenities-map .mapplic-container .mapplic-pin::before { background-color: var(--gilded-age); width: 7rem; height: 7rem; }
.amenities-map .mapplic-container .mapplic-pin::after { width: 8.4rem; height: 8.4rem; border: .1rem solid var(--gilded-age); }
.amenities-map .mapplic-container .mapplic-pin:hover::before { background-color: var(--limestone); }

.amenities-map .mapplic-container .mapplic-tooltip .mapplic-tooltip-body,
.amenities-map .mapplic-container .mapplic-hovertip { padding: 1.3rem; min-width: 25rem; }
.amenities-map .mapplic-container .mapplic-tooltip .mapplic-tooltip-body, 
.amenities-map .mapplic-container .mapplic-hovertip .mapplic-tooltip-wrap { background-color: var(--limestone); border: .1rem solid var(--gilded-age); color: var(--spanish-moss); }
.amenities-map .mapplic-container .mapplic-tooltip .mapplic-tooltip-body .mapplic-tooltip-title,
.amenities-map .mapplic-container .mapplic-hovertip .mapplic-tooltip-title { font: 400 3.5rem / 1em var(--blackdelights-font); letter-spacing: .0057em; text-transform: capitalize; color: var(--forest); margin: 1rem 0!important; }
.amenities-map .mapplic-container .mapplic-tooltip-close .mapplic-icon { background-color: transparent!important; }
.amenities-map .mapplic-container .mapplic-tooltip-content { margin: 0!important; }
@media only screen
and (min-width : 961px) {
    .amenities-map .mapplic-element { margin: 0 0 10.9rem; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .amenities-map .map-container { padding: 0; margin: 0 0 9.8rem; flex: 0 1 calc(100% - 4rem); max-width: calc(100% - 4rem); }
    .amenities-map .map-container::before { content: ''; width: 95%; position: absolute; top: 0; bottom: -1.8rem; left: 0; pointer-events: none; background: url('../../img/layout/textures/limestone.jpeg') no-repeat; background-size: cover; }
    .amenities-map .mobile.img-box { height: 29rem; }
}


.amenities-map .boxes-container { margin-bottom: 10rem; }
.amenities-map .boxes-container .txt-box { color: var(--spanish-moss); text-align: center; }
.amenities-map .boxes-container .txt-box:not(:last-of-type) { margin-bottom: 5rem; }
.amenities-map .boxes-container .txt-box h3 { font: 400 4em / 1em var(--brolimo-font); color: var(--forest); font-variant-ligatures: discretionary-ligatures; text-transform: uppercase; margin: 0 0 2.5rem; }
.amenities-map .boxes-container .txt-box ul li { list-style: disc inside; padding-bottom: 7px;}
@media only screen
and (min-width : 961px) {
    .amenities-map .boxes-container { display: flex; flex-wrap: wrap; margin-bottom: 9.3rem; row-gap: 7rem; column-gap: 1rem; }
    .amenities-map .boxes-container .txt-box { flex: 0 1 calc(25% - 1.5rem); max-width: calc(25% - 1.5rem); }
    .amenities-map .boxes-container .txt-box:not(:last-of-type) { margin-bottom: 0; }
    .amenities-map .boxes-container .txt-box h3 { min-height: 8rem; display: inline-flex; align-items: center; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .amenities-map .boxes-container .txt-box h3 br { display: none; }
}
/* @end Map */


/* ----- */


/* @group Video fullwidth */
.amenities-lifestyle { margin: 0 0 14rem; }

.amenities-lifestyle .row-image { position: relative; }
.amenities-lifestyle .row-image::after { content: ''; width: 98%; position: absolute; top: 3rem; bottom: -3rem; z-index: 1; pointer-events: none; background: url('../../img/layout/textures/seawater.jpg') no-repeat; background-size: cover; }
.amenities-lifestyle .row-image figure { height: 33rem; width: 100%; z-index: 2; }

.amenities-lifestyle .row-content figure { width: 100%; padding: 0; height: 34.4rem; max-width: 27rem; z-index: 2; }
.amenities-lifestyle .row-content article { padding: 4.8rem 3rem 0 9.5rem; color: var(--spanish-moss); }
.amenities-lifestyle .row-content article h3 { font: var(--subheader-mobile); letter-spacing: var(--subheader-mobile-letterspacing); margin: 0 0 3rem; }
@media only screen
and (min-width : 961px) {

    .amenities-lifestyle { margin: 0; }

    .amenities-lifestyle .row-image figure { height: 49.4rem; }

    .amenities-lifestyle .row-content { padding: 11rem 0 0; }
    .amenities-lifestyle .row-content figure { top: -21.6rem; max-width: unset; }
    .amenities-lifestyle .row-content article { padding: 0 .25rem; }
    .amenities-lifestyle .row-content article h3 { font: var(--subheader); letter-spacing: var(--subheader-letterspacing); margin: 0 0 3rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}
/* @end Video fullwidth */


/* ----- */


/* @group Distinguished amenities */
.amenities-amenities { overflow: hidden; margin: 0 0 14rem; }

.amenities-amenities .row-image { margin: 16.8rem auto 11.1rem; position: relative; }
.amenities-amenities .row-image::before,
.amenities-amenities .row-image::after { content: ''; position: absolute; top: 0; bottom: -3.1rem; pointer-events: none; }
.amenities-amenities .row-image::before { background: url('../../img/layout/textures/limestone.jpeg') no-repeat; background-size: cover; width: 100vw; right: calc(50% - 2rem); z-index: 1; }
.amenities-amenities .row-image::after { content: ''; background: url('../../img/layout/textures/wood1.jpeg') no-repeat; background-size: cover; width: 50%; right: 0; z-index: 2; }
.amenities-amenities .row-image article { padding: 0; }
.amenities-amenities .row-image .img-box { z-index: 3; }
.amenities-amenities .row-image .img-box.full-width { height: 33rem; }
.amenities-amenities .row-image .img-box.outer { height: 23.5rem; max-width: 20.7rem; position: absolute; top: -16.8rem; right: 0; }

.amenities-amenities .row-content h3 { font-family: var(--brolimo-font); font-variant-ligatures: discretionary-ligatures; font-weight: 400; font-size: 5.4em; line-height: 1em; color: var(--forest); text-transform: uppercase; margin: 0 0 6rem; }
@media only screen
and (min-width : 961px) {

    .amenities-amenities .row-image { margin: 14rem auto 11rem; }
    .amenities-amenities .row-image::before,
    .amenities-amenities .row-image::after { bottom: -4rem; }
    .amenities-amenities .row-image .img-box.full-width { height: 42.9rem; }
    .amenities-amenities .row-image .img-box.outer { top: -14rem; right: -9rem; }

    .amenities-amenities .row-content h3 { font-size: 7.5em; margin: 0 0 3.1rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .amenities-amenities .row-content p { padding-right: 4.3rem; }
}
/* @end Distinguished amenities */

/* ----- */


/* @end Features and Amenities */