/* Main
----------------------*/
.overview-main {}
.overview-main h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; margin: 0 0 2rem; }
.overview-main p { color: rgba(0,100,163,1); font-size: 1.6em; letter-spacing: 0.77px; line-height: 1.929em; }
/* Map
----------------------*/
.overview-map {}
.overview-map .mapContainer { height: 100vh; }
.overview-map .mapContainer .bubble_container .bubble { overflow: visible!important; background: rgba(255,255,255,1)!important; border: none!important; padding: 0!important; width: 16.8rem!important; height: auto!important; text-align: left!important; border-radius: 0!important; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.16)!important; }
.overview-map .mapContainer .bubble_container .arrow div { display: none!important; }
.overview-map .mapContainer .bubble_container .box { padding: 1.3rem 2.5rem 1.1rem 1.2rem; }
.overview-map .mapContainer .bubble_container h4 { color: rgba(26,46,87,1); font: 700 1.4rem / 1.218em proxima-nova, Arial, helvetica sans-serif; margin: 0 0 1rem; }
.overview-map .mapContainer .bubble_container p { color: rgba(0,100,163,1); font: 600 1rem / 1.2em proxima-nova, Arial, helvetica sans-serif; letter-spacing: 0.9px; margin: 0; }
.overview-map .mapContainer .bubble_container p a { color: rgba(0,100,163,1); }
/* Featured
----------------------*/
.overview-main ~ .model-homes { margin: 3.9rem 0 0; }

@media only screen
and (min-width : 961px) {
  /* Navigation
  ----------------------*/
  .neighborhood-nav { margin: 0 0 8.8rem; }
  /* Main
  ----------------------*/
  .overview-main p { max-width: 75rem; margin: 0 auto 6.2rem; }
  .overview-main h2,
  .overview-main p,
  .overview-main .overview-map { opacity: 0; visibility: hidden; }
  .overview-main .overview-map p { opacity: 1; visibility: visible; }
  .overview-main.animateActive h2,
  .overview-main.animateActive p { animation: textUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
  .overview-main.animateActive p { animation-delay: .4s; }
  .overview-main.animateActive .overview-map { animation: sectionUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; animation-delay: .6s; }
  .overview-main.animateActive .overview-map p { animation: none; }
  /* Map
  ----------------------*/
  .overview-map .mapContainer { min-height: 793px; }
  /* Main - Logos
  ----------------------*/
  .builders-logos { margin-bottom: 14rem; }
  .builders-logos .logos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
  .builders-logos .logos figure { margin: 0 3rem; }
  .builders-logos img { max-width: 100%; height: auto; }
  .builders-logos .bttn-outlined,
  .builders-logos .bttn { margin: 4rem auto 0; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
  .builders-logos { margin-bottom: 10rem; }
  .builders-logos .logos figure { margin: 0 2rem 4rem; }
}
@media only screen
and (min-width : 1340px)
and (max-width : 1480px) {
  .builders-logos .logos figure { width: calc(25% - 6rem); }
}
@media only screen
and (min-width : 961px)
and (max-width : 1339px) {
  .builders-logos { margin-bottom: 6rem; }
  .builders-logos .logos figure { width: calc(50% - 4rem); margin: 0 2rem 8rem; }
  .builders-logos .logos figure:nth-child(even) { text-align: right; }
  .builders-logos .logos figure:nth-child(even) img { margin-left: auto; }
}

@media only screen
and (min-width : 0px)
and (max-width : 960px) {
    .builders-logos .logos figure {
        margin-bottom: 6rem;
    }
}

@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .neighborhood-header .img-box { height: calc(100vh - 19.5rem); }
  .neighborhood-header .video-box .outerAbsolute  { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  .neighborhood-header p { font-size: 2em; letter-spacing: 3.43px; line-height: 1.5em; }
  .neighborhood-header .video-box p { margin: 0 0 14.7rem; }
  .neighborhood-header .play { height: 13.7rem; width: 13.7rem; position: absolute; left: calc(50% - 6.85rem);
    top: calc(50% - 6.85rem); z-index: 3; background: rgba(115,115,115,.37); border: 8px solid rgba(255,255,255,1); border-radius: 100%; color: rgba(255,255,255,1); font-size: 5em; text-indent: 1rem; }
    /* Main
    ----------------------*/
    .overview-main {}
    .overview-main h2 { font-size: 5em; letter-spacing: 0.2px; line-height: 1.040em; margin: 0 0 1.2rem; }
    .overview-main p { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; margin: 0 0 6.6rem; }
    /* Bubble
    ----------------------*/
    .overview-view .mapContainer .control { bottom: 5.9rem; top: auto; left: 5rem; }
    .overview-view .mapContainer .bubble_container .bubble { width: 33.6rem!important; }
    .overview-view .mapContainer .bubble_container .box { padding: 2.6rem 5rem 2.2rem 2.4rem; }
    .overview-view .mapContainer .bubble_container h4 { font-size: 2.6rem; margin: 0 0 2rem; }
    .overview-view .mapContainer .bubble_container p { font-size: 2rem; letter-spacing: 1.3px; }
    /* Featured
    ----------------------*/
    .overview-main ~ .model-homes { margin: 6.8rem 0 0; }
    /* Main - Logos
    ----------------------*/
    .builders-logos { text-align: center; }
    .builders-logos img { 
        height: auto; margin: 0 auto 6rem; 
        max-height: 12.7vw;
        object-fit: contain;
        max-width: 59vw;
    }
    .builders-logos .bttn { margin: 0 auto 12rem; }
}
/* @end */

/* 2025 ******************************************************** */


/* @group main-header
------------------------------------ */

.page-template-neighborhood-overview .main-header h1 {
    max-width: 100%;
}

.page-template-neighborhood-overview .outer-image {
    /* position: relative; */
}

.page-template-neighborhood-overview .outer-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background-size: cover !important;
}  

.page-template-neighborhood-overview .main-header h1 sup {
    text-align: center;
    line-height: 1.5em;
}
@media only screen
and (min-width : 961px) {
    .page-template-neighborhood-overview .main-header .outer-image::after {
        background: url('../../img/layout/global/flowers-overlay.png');
    } 
}

@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .page-template-neighborhood-overview .main-header {
        padding: 0;
    }
    .page-template-neighborhood-overview .main-header .row {
        height: 52.8vh;
    }
    .page-template-neighborhood-overview .main-header .outer-image::after {
        background: url('../../img/layout/global/flowers-overlay-mobile.png');
    } 
    .page-template-neighborhood-overview .main-header h1 {
        display: block;
    }
    .page-template-neighborhood-overview .main-header h1 sup {
        font-size: 9.5rem;
    }

    .page-template-neighborhood-overview .main-header .bttn-rounded {
        margin-bottom: 10rem;
        background: var(--navy-blue);
        border: 2px solid var(--yellow);
        color: var(--white);
    }
}

/* @end */



/* @group slider-cards-with-background
------------------------------------ */

:is(.slider-cards-with-background, #important) .splide__pagination__page:not(.is-active) {
    border: 1px solid var(--navy-blue);
}



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

    :is(.slider-cards-with-background, #important) .texture {
        top: 6.5em;
    }
    :is(.slider-cards-with-background, #important) .texture .img-box {
        height: 94.8em;
    }

    :is(.slider-cards-with-background, #important) .splide__arrows {
        margin-top: 12.5em;
    }

    :is(.slider-cards-with-background, #important) {
    margin-top: 15em;
}
}

@media only screen and (min-width : 0) and (max-width : 960px) {
    :is(.slider-cards-with-background, #important) .texture .img-box {
        height: 44.3em;
    }

    :is(.slider-cards-with-background, #important) .splide .splide__arrows .splide__arrow {
        transform: none;
    }

    :is(.slider-cards-with-background, #important) {
        margin-top: 13em;
    }

}

/* @end */

.where-dreams {
    position: relative;
    isolation: isolate;
    margin: 0 0 10rem;
}

.where-dreams .outer-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44.2rem;
    z-index: -1;
}

.where-dreams__box {
    background-color: var(--white);
    margin-top: -4em;
    padding: 4.7em 2.2em 5em 2.2em;
}

.where-dreams__box header {
    text-align: center;
    margin: 0 0 6em;
}

.where-dreams__box header h2,
.where-dreams__box header p {
    color: var(--navy-blue);
}

.where-dreams__box header h2 {
    font-size: 3em;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 0.066em;
    text-transform: uppercase;
    margin: 0 auto 1em;
}

.where-dreams__box header p {
    font-size: 1.6px;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: 0.125em;
}

.where-dreams__box article {
    margin: 0 0 2.5em;
}

.where-dreams__box dl {
    margin-bottom: 4rem;
    padding-bottom: 3rem;
    border-bottom: .1rem solid gray;
}

.where-dreams__box dl div:not(:last-child) {
    margin: 0 0 1rem;
}

.where-dreams__box figure {
    width: 100%;
    height: 38rem;
    margin: 0 0 3rem;
}

.where-dreams__box article a {
    color: #00B2DC;
}

.where-dreams__box article dt {
    text-transform: uppercase;
}

.where-dreams__box article dt,
.where-dreams__box article dd,
.where-dreams__box article p {
    color: var(--navy-blue);
}

.where-dreams__box article dt,
.where-dreams__box article dd {
    display: inline;
    font-size: 2.6rem;
    line-height: 130%;
    font-family: var(--proxima-font);
    font-weight: 700;
    letter-spacing: 0.06em;
}

.where-dreams__box .head {
    margin: 0 0 2rem;
}

.where-dreams__box article {
    padding: 4rem;
    padding-bottom: 8rem;
    border-radius: 1rem;
    box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.07);
    overflow: auto;
}

.where-dreams__box article a {
    font-size: 2em;
    line-height: 1.4em;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    display: block;
}

.where-dreams__box article p {
    font-size: 1.6em;
    line-height: 1.4em;
    letter-spacing: 0.125em;
    font-weight: 500;
}

.where-dreams__load-more {
    text-align: center;
    margin: 6em 0 0;
}

.where-dreams__load-more .bttn-load {
    position: relative;
    background-color: var(--white);
    border: .2rem solid var(--yellow);
    text-transform: uppercase;
    color: var(--navy-blue);
    font-weight: 700;
    font-size: 1.6em;
    line-height: 1em;
    letter-spacing: .125em;
    height: 5.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 3.6rem;
    border-radius: 2.6rem;
}

.where-dreams__load-more .bttn-load i {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    left: -1.6rem;
    background-color: var(--white);
    color: var(--yellow);
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.9rem;
    pointer-events: none;
}

.where-dreams__box dl div:last-child {
    display: flex;
}

.where-dreams__box dl div:last-child dt {
    flex: 0 1 auto;
    margin-right: 1rem;
}

.where-dreams__box dl div:last-child dd {
    flex: 1;
}

.where-dreams__box dl div:not(:last-child) {
    margin: 0 0 1rem;
}

@media only screen and (min-width : 961px) {
    .where-dreams {
        margin: 0 0 15em;
    }

    .where-dreams .outer-image {
        height: 50em;
    }

    .where-dreams__box {
        padding: 5em 5em;
        margin-top: -8em;
    }

    .where-dreams__box header {
        max-width: 101em;
        margin: 0 auto 8rem;
    }

    .where-dreams__box header h2 {
        font-size: 4.5em;
        letter-spacing: 0.044em;
        max-width: 63.2em;
    }

    .where-dreams__box header p {
        font-size: 2em;
        line-height: 1.35em;
        letter-spacing: 0.1em;
    }

    .where-dreams__box section {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 1.5em;
        row-gap: 2.5em;
        padding: 0 0 5em;
    }

    .where-dreams__box section:empty {
        display: none !important;
        padding: 0;
    }

    .where-dreams__box article {
        flex: 0 1 32.2em;
        max-width: 32.2em;
        margin: 0;
        min-height: 57.5em;
    }

    .where-dreams__box figure {
        height: 19.2em;
        margin: 0 0 1.5em;
    }

    .where-dreams__box .head {
        margin: 0 0 1em;
    }

    .where-dreams__box dl {
        margin-bottom: 2em;
        padding-bottom: 1.5em;
    }

    .where-dreams__box article {
        padding: 2em;
        padding-bottom: 2em;
    }

    .where-dreams__box article dt,
    .where-dreams__box article dd {
        font-size: 1.6em;
        line-height: 130%;
        letter-spacing: 0.06em;
    }

    .where-dreams__box article a {
        font-size: 2em;
        line-height: 1.4em;
        letter-spacing: 0.1em;
    }

    .where-dreams__box article p {
        font-size: 2em;
        line-height: 1.35em;
        letter-spacing: .1em;
    }

    .where-dreams__box dl div:not(:last-child) {
        margin: 0 0 .5rem;
    }

    .where-dreams__load-more {
        margin-top: 1rem;
    }
}

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

@media only screen and (min-width : 0) and (max-width : 960px) {
    .where-dreams .col-36-36 {
        padding: 0 1.4em;
    }

    .where-dreams__box header p {
        font-size: 2.6rem;
        line-height: 1.5em;
        font-weight: 500;
        letter-spacing: 0.125em;
    }

    .where-dreams__load-more .bttn-load {
        height: 3.4em;
        padding: 0 2.25em;
        border-radius: 1.62em;
    }

    .where-dreams__load-more .bttn-load i {
        width: 1.6em;
        height: 1.6em;
        font-size: 1.18em;
        left: -.85em;
    }
}

/* @end */

/* @group where-dreams
------------------------------------ */
#Neighborhood-Overview .where-dreams {}

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

    #Neighborhood-Overview .where-dreams {
        margin-bottom: 13.4rem;
    }

    #Neighborhood-Overview .where-dreams__box header {
        margin-bottom: 0;
    }
}

@media only screen and (min-width : 0) and (max-width : 960px) {}

/* @end */

/* @group find-next-home
------------------------------------ */

#Neighborhood-Overview .find-next-home {
    margin-block: 16rem 20rem;
}

#Neighborhood-Overview .find-next-home .splide__arrows { margin-bottom: 3em; }
#Neighborhood-Overview .find-next-home .splide__arrows .splide__arrow { position: static; transform: none }
#Neighborhood-Overview .find-next-home .splide__arrows .splide__arrow--prev { margin-right: 2em; }
#Neighborhood-Overview .find-next-home .splide__pagination { bottom: .9em; justify-content: flex-end; }

#Neighborhood-Overview .find-next-home h2 {
    color: var(--navy-blue);
    font: normal 700 3em / 1.6em var(--proxima-font);
    letter-spacing: 0.066em;
    text-transform: uppercase;
    text-align: center;
}

#Neighborhood-Overview .find-next-home .homes-item p {
    margin: 0;
}

#Neighborhood-Overview .find-next-home .splide__pagination__page:not(.is-active) {
    border: 1px solid var(--navy-blue);
}

#Neighborhood-Overview .find-next-home .splide__track {
        overflow: visible;
    }


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

    #Neighborhood-Overview .find-next-home h2 {
        font-size: 4.5em;
        line-height: 1em;
        margin-bottom: 3.5rem;
    }
    #Neighborhood-Overview .find-next-home :is(.splide__arrows, .splide__pagination) {
        display: none;
    }

    #Neighborhood-Overview .find-next-home .splide__arrows .splide__arrow--prev { margin-right: 3rem; }
    #Neighborhood-Overview .find-next-home .splide__pagination { bottom: 1.3rem; }
    #Neighborhood-Overview .find-next-home .splide__arrows .bttn-outlined { margin-left: 3rem; }

}

@media only screen and (min-width : 0) and (max-width : 960px) {
    #Neighborhood-Overview .find-next-home h2 {
        font-size: 4.5rem;
        line-height: 1em;
        font-weight: 700;
        letter-spacing: 0.066em;
        text-transform: uppercase;
        margin: 0 auto 4rem;
    }

    

    #Neighborhood-Overview .find-next-home .bttn-outlined { position: absolute; left: 5rem; bottom: -13rem; }

    #Neighborhood-Overview .find-next-home .splide__pagination .splide__pagination__page {
        height: 4.8em;
        width: 4.8em;
    }
}

/* @end */

/* @group gallery-and-thumbnails
------------------------------------ */

:is(.gallery-and-thumbnails, #important) {
    padding-bottom: 10rem;
    padding-top: 0;
}

.gallery-and-thumbnails h2{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 3em;
    line-height: 1em;
    letter-spacing: .06em;
    display: block;
    color: var(--navy-blue);
    text-align: center;
}
@media only screen
and (min-width : 961px) {

    .gallery-and-thumbnails h2{
        font-size: 8rem;
        letter-spacing: .025em;
    }

}

@media only screen
and (min-width : 0)
and (max-width : 960px) {

}

/* @end */

/* @group get-the-wellen-word
------------------------------------ */

.get-the-wellen-word {
    
}
@media only screen
and (min-width : 961px) {
    #Neighborhood-Overview .get-the-wellen-word {
        translate: 0 8rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */