:root {
    /* nav */
    --navbar-background-transparent-color: var(--background-1-base);
    --navbar-mobile-logo-max-width: 300px;
    --navbar-logo-max-width: 320px;
    
    /* menu */
    --menu-desktop-logo-bg: var(--primary-hover);
    --menu-background-color-hover: var(--primary-hover);
    --menu-hamburger-close-button-color: var(--primary-base-alt);
    --menu-background-color-mobile: var(--primary-base);
    --menu-text-color-mobile: var(--primary-base-alt);
    
    /* footer */
    --footer-header-font-family: var(--fonts-header);
    --footer-community-social-icons-bg: var(--secondary-base);
    --footer-text-color: var(--background-1-base-alt);
    --footer-text-hover-color: #000000c4;
    --footer-pipe-color: var(--background-1-base-alt);
    --footer-desktop-logo-width: 325px;
    --footer-mobile-logo-width: 300px;
    --footer-button-bg-color: #363636;
    --footer-button-bg-hover-color: #484745;
    --footer-button-text-color: var(--secondary-base-alt);
    --footer-button-text-hover-color: var(--secondary-base-alt);
    --footer-bg-color: var(--background-1-base);
    
    /* homepage */
    --home-header-3-color: var(--primary-base);
    
    /* copyright update */
    --copyright-bg: transparent;
}

/* Emergency services bar */
#emergency-services {
    margin-bottom: 0;
    margin-top: 0;
    color: #222;
}

/* nav */
.transparent-nav .navbar,
header .navbar {
    padding: 32px 20px;
}

body:not(#home) .transparent-nav .navbar,
body:not(#home) header .navbar {
    display: none;
}

/* menu */
header .menu .community-info {
    padding-top: 20px;
}

/* footer */
#footer_secondary {
    display: none;
}

footer {
    padding-bottom: 0;
    background-size: 100%;
    box-shadow: unset;
    position: inherit;
}

.footer-bottom-container {
    margin-top: 0;
}

footer .footer-bottom {
    background: url('/gridmedia/img/__wnpm/footer-img.jpg');
    background-size: cover;
    background-position: 100% 30%;
    background-repeat: no-repeat;
    padding: 20px 0;
    position: relative;
    z-index: 0;
}

footer .footer-bottom:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.3;
    z-index: -1;
}

footer .footer-buttons {
    display: flex;
    max-width: 80%;
    flex-wrap: wrap;
    margin: 30px auto 15px;
    justify-content: center;
}

footer .footer-header {
    color: var(--background-1-base-alt);
}

footer .footer-buttons .button-style-1 {
    margin: 10px;
    white-space: nowrap;
    background: #363636;
    color: #fff;
}

footer svg {
    fill: #000;
    width:50px;
    height:50px;
}

@media (min-width: 1180px) {
    footer .bottom-section {
        justify-content: center;
    }
}


.footer-bottom-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    margin: 20px auto;
    max-width: 1400px;
    padding: 10px;
    flex-wrap: wrap;
}

.footer-web-accessibility-statement {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: transparent !important;
}

footer .copyright_text a {
    white-space: pre;
}

@media only screen and (max-width: 767px) {
    footer .corp-logo {
        width: fit-content;
        margin: 10px auto;
    }
    
    footer .footer-group .btn-container {
        width: fit-content;
        margin: auto;
    }
}

@media only screen and (min-width: 768px) {
    footer .footer-refer {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 480px) {
    footer .corp-logo img {
        width: 400px;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 479px) {
    footer .corp-logo img {
        width: 300px;
    }
    
    .footer-bottom-container {
        width: auto;
    }
}

/* homepage */
.hp-slideshow .ss_container .swiper-wrapper .swiper-slide img {
    padding: 0;
    max-width: unset;
}

.quick-link-cards .quick-links-bg.repeat-bg-image {
    background-size: 200px;
    transform: translateZ(0);
    overflow: hidden;
}

#card_2 .card-avatar:after {
    content: "Discover";
}

#card_3 .card-avatar:after {
    content: "Live";
}

@media only screen and (max-width: 767px) {
    .layout-2-col .homepage-text .paragraph-text {
        text-align: center;
    }
    
    .quick-link-cards .card-cta .text-section {
        border: unset;
    }
}

@media only screen and (max-width: 2099px) {
    .layout-2-col {
        padding: 5vw 3% 8vw;
    }
}

@media only screen and (min-width: 2100px) {
    .layout-2-col {
        padding: 5vw 0 8vw;
    }
}

/* all interior pages */
.insidepage .page-header {
    color: var(--primary-base);
    margin-bottom: unset;
}

/* amenity */
.amenities .amenities-section-container {
    padding: 3vw;
}

/* floor plans */
#fp_app .fp-view-header-group .fp-view-title-group .fp-view-title {
    display: none;
}

#fp_app .fp-card .fp-info-wrapper .fp-name {
    color: #1a2644;
}

#fp_app .fp-card .fp-info-wrapper .fp-price {
    color: #004b8d;
}

#body_floorplans .fp-view-header-group .fp-view-title-group .fp-view-title-icon svg {
    fill: var(--primary-base) !important;
}

#fp_app .fp-view-header-group .fp-view-title-group:after {
    content: "Availability & Pricing";
    text-transform: var(--header-text-transform,none);
    font-weight: var(--header-base-font-weight);
    font-family: var(--fonts-header);
    letter-spacing: var(--header-text-letter-spacing,initial);
    font-size: var(--header-text-style-2-base-font-size-mobile);
    color: var(--primary-base);
}

/* residents */
#residents_app_container .residents-header {
    padding: 0 20px 30px;
    max-width: 1300px;
    margin: auto;
}

#residents_app_container .card-style-1 .svg-container .svg-icon {
    fill: var(--primary-base);
}

/* Gallery */
.gallery-page .insidepage .page-header {
    color: var(--primary-base);
}

h2#community_heading {
    position: relative;
    visibility: hidden;
}

h2#community_heading:after {
    content: "Gallery";
    position: absolute;
    display: block;
    top: 35px;
    left: 0;
    width: 100%;
    visibility: visible;
}