/* @group Map / List Widget
------------------------------------ */
.map-list-widget { background-color: var(--light-grey); overflow: hidden;}
@media only screen
and (min-width : 961px) {
    .map-list-widget { padding: 7rem 0 7.4rem; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .map-list-widget { padding: 5.7rem 0 5.5rem; }
}

/* HEADER */
.map-list-widget .header h2 { text-transform: uppercase; color: var(--main-blue); }

.map-list-widget .header .filters { display: flex; align-items: center; }
.map-list-widget .header .filters button { font-size: 1.6em; font-weight: 500; color: var(--main-blue); border: .1rem solid var(--main-blue); min-width: 11.5rem; height: 4rem; display: inline-flex; justify-content: center; align-items: center; }
.map-list-widget .header .filters button.active { color: var(--main-white); background-color: var(--main-blue); }
.map-list-widget .header .filters button i {margin-right: .5rem; }
.map-list-widget .header .filters button:nth-child(1) i { font-size: 1.6rem; }
.map-list-widget .header .filters button:nth-child(2) i { font-size: 1rem;}


@media only screen
and (min-width : 961px) {

    .map-list-widget .header { margin-bottom: 6.7rem; }

    .map-list-widget .header h2 { max-width: 60%; }

    .map-list-widget .header article { position: relative; }
    .map-list-widget .header .filters { position: absolute; right: 0; bottom: 0; }
    .map-list-widget .header .filters button:first-of-type { margin-right: 3rem; }

}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .map-list-widget .header { margin: 0 0 2.7rem; }
    .map-list-widget .header h2 { margin: 0 0 2rem; }
    .map-list-widget .header .filters button:first-of-type { margin-right: 2rem; }
}

/* @end HEADER */



/* SLIDER */
.map-list-widget .splide .splide__slide figure::before { content: ''; z-index: 1; pointer-events: none; position: absolute; bottom: 0; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #000000 100%); }
.map-list-widget .splide .splide__slide figcaption { position: absolute; z-index: 2; bottom: 0; }
.map-list-widget .splide .splide__slide figcaption small,
.map-list-widget .splide .splide__slide figcaption h3 { text-transform: uppercase; font-family: var(--pluto-font); color: var(--main-white); } 
.map-list-widget .splide .splide__slide figcaption small { display: block; text-transform: uppercase; font-size: 1.5em; letter-spacing: .1rem; }

/* Arrows */
.map-list-widget .splide__arrow { height: 5.5rem; width: 5.5rem; background-color: var(--bttn-bg); border: .2rem solid var(--bttn-bg); color: var(--main-white); font-size: 1.8rem; opacity: 1; }
.map-list-widget .splide__arrow:hover { background-color: var(--main-white); color: var(--bttn-bg); }
.map-list-widget .splide__arrow--prev { left: -2.8rem; }
.map-list-widget .splide__arrow--next { right: calc(5.556% - 2.8rem ); }


@media only screen
and (min-width : 961px) {

    .map-list-widget .splide .splide__track { padding-right: 5.556%!important; }
    .map-list-widget .splide .splide__slide figure { height: 61.8rem; }
    .map-list-widget .splide .splide__slide figcaption { padding: 4rem; }
    .map-list-widget .splide .splide__slide figcaption small { margin-bottom: 1rem; }
    .map-list-widget .splide .splide__slide figcaption h3 { font-size: 4em; line-height: 1.3em; letter-spacing: .08rem; }
    .map-list-widget .splide .splide__slide figcaption .button { opacity: 0; max-height: 0rem; transition: all .4s; margin-top: 1.5rem; }
    .map-list-widget .splide .splide__slide figcaption .button .bttn { min-width: 20.2rem; text-align: center; }
    .map-list-widget .splide .splide__slide:hover figcaption .button { opacity: 1; max-height: 60rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {

    .map-list-widget .splide .splide__track { padding-right: 4.5rem!important; padding-left: 2rem!important; }
    .map-list-widget .splide .splide__slide figure { height: 48rem; border-radius: .5rem; }
    .map-list-widget .splide .splide__slide figcaption { padding: 3rem 2rem; }
    .map-list-widget .splide .splide__slide figcaption small { margin-bottom: 1.3rem; }
    .map-list-widget .splide .splide__slide figcaption h3 { font-size: 2.5em; line-height: 1.08em; letter-spacing: .05rem; }
    .map-list-widget .splide .splide__slide figcaption .button { display: none; }
}

/* @end SLIDER */

/* MAP */

.map-list-widget .map .mapContainer > div { height: 100%; }

@media only screen
and (min-width : 961px) {
    .map-list-widget .map .mapContainer { height: 71rem; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .map-list-widget .map .mapContainer { height: 48.1rem; }
}

/* @end MAP */


/* EXPLORE OUT COMMUNITIES */
.map-list-widget .explore article { position: relative; }
.map-list-widget .explore article::before { content: ''; pointer-events: none; position: absolute; top: -25px; left: 50%; transform: translate(-50%, 0); background-color: var(--main-grey); height: .1rem; }
.map-list-widget .explore .text h2 { text-transform: uppercase; color: var(--main-blue); }
.map-list-widget .explore .button a { min-width: 15.6rem; text-align: center; }
.map-list-widget .explore .button a:hover { background-color: var(--bttn-bg); border-color: var(--bttn-bg); transform: scale(1.1); }
@media only screen
and (min-width : 961px) {

    .map-list-widget .explore article { padding-bottom: 2.65rem; margin-bottom: 3rem; }
    .map-list-widget .explore article::before { width: 100%; }

    .map-list-widget .explore .text { padding-right: 20%; }
    .map-list-widget .explore .text h2 { margin: 0 0 .75rem; }

    .map-list-widget .explore .button { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {

    .map-list-widget .explore article { padding-top: 2.97rem; margin-top: 4.8rem; margin-bottom: 4.8rem }
    .map-list-widget .explore article::before { width: calc(100% - 4rem); }

    .map-list-widget .explore .text h2 { margin: 0 0 2rem; }
    .map-list-widget .explore .text p { margin: 0 0 3rem; }
}

/* @end EXPLORE OUT COMMUNITIES */


/* TRANSITIONS */
.map-list-widget .map,
.map-list-widget .list { height: 0; opacity: 0; pointer-events: none; transition: opacity .3s linear; }

.map-list-widget[data-view="list"] .list { opacity: 1; height: auto; pointer-events: all; }
.map-list-widget[data-view="map"] .map { opacity: 1; height: auto; pointer-events: all; }

/* @end */


.mapContainer .bubble {
	overflow: unset;
	padding: 0!important;
    border: 0!important;
    width: auto !important;
    height: auto !important;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.21);
    background-color: transparent!important;
}
.mapContainer .bubble div {
    padding: 0!important;
    border: 0!important;
    width: auto !important;
    height: auto !important;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.21);
    background-color: transparent!important;
}
.mapContainer .bubble .box {
    background-color: var(--main-white)!important;
    border-radius: .5rem;
    overflow: hidden;
    width: 20rem!important;
    height: auto;
    text-transform: capitalize;
}
.mapContainer .bubble .box figure {
    height: 17rem!important;
    border-radius: 0;
}
.mapContainer .bubble .box h4 {
    font-family: var(--pluto-font);
    color: var(--main-blue);
    font-size: 2rem;
    line-height: 1.1em;
    font-weight: 600;
}
.mapContainer .bubble .box p {
	font-family: var(--gotham-font);
	color: var(--secondary-grey);
    font-size: 1.4rem;
    line-height: 1.14em;
    margin-bottom: 1rem;
}
.mapContainer .bubble .box .content {
    padding: 2.5rem 2rem!important;
}
.mapContainer .cluster > img {
	width: 42px;
	height: 42px;
}
.mapContainer .cluster > div {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 42px!important;
    line-height: 42px!important;
}
.mapContainer .cluster > div span {
    font-size: 1.6rem;
    color: var(--main-white);
    display: inline-block;
    font-family: var(--gotham-font), sans-serif;
}