/* Community Level Styles */
:root {
    --navbar-mobile-logo-max-width: 150px !important;
    --navbar-logo-max-width: 188px !important;
    --menu-logo-max-width: 150px;
    --menu-desktop-logo-bg: var(--primary-hover);
    --menu-background-color-hover: var(--primary-hover);
    --menu-text-color-hover: var(--primary-hover-alt);
    --menu-hamburger-close-button-color: var(--primary-base-alt);
    --menu-background-color-mobile: var(--primary-base);
    --menu-text-color-mobile: var(--primary-base-alt);
    --copyright-bg: transparent;
    --copyright-bg-alt: white;
}

/* Ducks banner */
@media only screen and (max-width: 767px) {
    #emergency-services div {
        max-width: 200px !important;
    }
}

/* home page */
h2#community_heading:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
    .swiper-wrapper {
        overflow-x: hidden;
        transform: unset !important;
        transition: unset !important;
    }
    .swiper-slide {
        display: none;
    }
    
    .swiper-slide:nth-of-type(2) {
        display: block;
    }
    
    .layout-2-col .homepage-text .paragraph-text {
        text-align: center;
    }
    
    .card-cta .text-section {
        border: none;
    }
}

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

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

/* ---------- new atlas corp file updates ----------  */
:root {
    /* buttons */
    --button-style-one-bg-hover-color: var(--primary-base-alt);
    --button-style-one-text-hover-color: var(--primary-base);
    --button-style-two-bg-color: var(--primary-base);
    
    /* top bar */
    --top-bar-bg: var(--background-2-base-alt);
    --top-bar-color: var(--background-2-base);
    --link-bg-hover: var(--background-2-hover);
    --link-bg-hover-alt: var(--background-2-hover-alt);
    
    /* menu */
    --menu-desktop-logo-bg: #d0ab76;
    --menu-background-color: var(--background-2-base-alt);
    --menu-text-color: var(--background-2-base);
    --menu-background-color-hover: var(--primary-base);
    
    /* nav */
    --navbar-logo-max-width: 260px;
    --menu-logo-max-width: 210px;
    
    /* hp */
    --cta-background-color: #fff;
    
    /* amenities */
    --amenities-list-bullet-color: #d0ab76;
    
    /* neighborhood */
    --category-list-hover-bg: #d0ab76;
    
    /* residents */
    --resident-icon-stroke: #d0ab76;
    
    /* 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: #d0ab76;
    --footer-desktop-logo-width: 325px;
    --footer-mobile-logo-width: 300px;
    --footer-bg-color: var(--background-1-base);
}

/* interior pages */
.insidepage {
    background: #f7f8f9;
}

.insidepage .page-header,
#fp_page_main_header {
    font-weight: lighter;
    color: #d0ab76;
    text-transform: uppercase;
    font-size: calc(var(--accent-base-font-size) * 2.8);
}

@media only screen and (max-width: 767px) {
    .insidepage .page-header {
        font-weight: normal;   
    }
}

/* buttons */
.button-style-1 {
    font-family: var(--fonts-accent);
    font-weight: bold;
}

/* top bar */
.top-bar .top-bar-container #nav_menu_button_desktop:hover {
    background: transparent;
}

/* banner */
#emergency-services {
    margin: 0;
}

#emergency-services img {
    max-width: 300px;
}

/* ada banner */
.screen-reader {
    background: var(--primary-base) !important;
}

/* navbar */
@media only screen and (min-width: 450px) {
    header .navbar .navbar-logo {
        max-width: var(--navbar-logo-max-width);
    }
}

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

.layout-2-col .homepage-text h1.homepage-header-1 {
    text-transform: uppercase;
    font-weight: lighter;
    color: #d0ab76;
    letter-spacing: 2px;
    font-size: calc(var(--home-header-1-font-size) * 1.7);
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
    .layout-2-col .homepage-text h1.homepage-header-1 {
        font-size: calc(var(--home-header-1-font-size) * 2.5);   
        max-width: 600px;
    }
}

@media only screen and (min-width: 1200px) {
    .layout-2-col .homepage-text h1.homepage-header-1 {
        font-size: calc(var(--home-header-1-font-size) * 3);
        max-width: 700px;
        text-align: left;
    }
}

@media only screen and (min-width: 1400px) {
    .layout-2-col .homepage-text h1.homepage-header-1 {
        font-size: calc(var(--home-header-1-font-size) * 4);
        max-width: 900px;
        text-align: left;
    }
}

@media only screen and (max-width: 767px) {
    .layout-2-col .homepage-text h1.homepage-header-1 {
        font-weight: normal;
    }
}

.layout-2-col .homepage-text h2.homepage-header-1,
.card-cta>.column-2 .homepage-header-3 {
    text-transform: uppercase;
    font-weight: medium;
    font-size: clamp(1.76rem,1.76rem,30pt);
    color: #46494d;
}

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

.card-style-1 .card-avatar:after {
    font-family: var(--fonts-header);
}

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

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

.layout-2-col .column-2 .accent-image picture img {
    border-radius: 40px 0 40px 0;
}

@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;
    }
}

/* amenities */
.amenities-section-container .column-group .amenities-header {
    text-transform: uppercase;
    font-weight: 500;
    color: #46494d;
    font-size: clamp(1.76rem,1.76rem,30pt);
    border-bottom: 0.5px solid #d0ab76;
}

#amenity_page .inselect-units {
    text-align: left;
}

#amenity_page .pet-card-expanded {
    justify-content: center;
}

.pet-card-expanded .confined-banner-text .api-token-pets-header {
    text-transform: uppercase;
    font-weight: 500;
    color: #46494d;
    font-size: clamp(1.76rem,1.76rem,30pt);
}

.pet-card-expanded .pet-policy .paragraph-text strong {
    font-weight: bold;
    text-transform: uppercase;
    color: var(--background-2-base-alt);
}

/* gallery */
#community_heading {
    display: none;
}

.gallery-page .gallery-name {
    text-transform: uppercase;
    font-weight: 500;
    color: #46494d;
    font-size: clamp(1.76rem,1.76rem,30pt);
}

.gallery-page .tobii-zoom__icon {
    display: none;
}

/* floor plans */
#fp_app .fp-list {
    gap: 25px;
}

#fp_app .fp-custom-floorplan-disclaimer .fp-custom-floorplan-disclaimer-text {
    max-width: 950px;
}

#fp_app .fp-custom-floorplan-disclaimer .fp-custom-floorplan-disclaimer-text span {
    display: block;
}

#fp_app .fp-view-header-group .fp-view-title-group .fp-view-title-icon,
#fp_app .fp-view-header-group .fp-view-title-group .fp-view-title {
    display: none;
}

#fp_app .fp-view-header-group {
    justify-content: center;
}

#fp_app .fp-quick-info-section .fp-quick-info-button {
    background: var(--primary-base) !important;
    border: 1px solid var(--primary-base-alt) !important;
    color: var(--primary-base-alt) !important;
}

#fp_app .fp-quick-info-section .fp-quick-info-button:hover,
#body_floorplans #fp_app .fp-details-cta-button:hover {
    background: var(--primary-base-alt) !important;
    border: 1px solid var(--primary-base) !important;
    color: var(--primary-base) !important;
}

#fp_app .fp-quick-info-section .fp-quick-info-icon:hover {
    background: #d0ab76;
}

#body_floorplans #fp_app .fp-quick-info-section .fp-quick-info-button .fp-caret:after {
    border-color: var(--primary-base-alt) !important;
}

#body_floorplans #fp_app .fp-quick-info-section .fp-quick-info-button:hover .fp-caret:after,
#body_floorplans #fp_app .fp-details-cta-button:hover .fp-caret:after {
    border-color: var(--primary-base) !important;
}

#fp_app .fp-details .availabilities-count,
#fp_app .fp-details .header-text-style-3,
#fp_app .fp-quick-info-section .fp-quick-info-section-group .fp-quick-info-group .fp-quick-info .fp-name {
    text-transform: uppercase;
}

#fp_app .fp-card .fp-footer-info p:last-of-type {
    order: 1;
}

#fp_app .fp-card .fp-footer-info p:nth-of-type(1) {
    order: 2;
}

/* residents */
#residents_app_container .card-list-style-simple {
    max-width: 1200px;
}

#residents_app_container .card-style-1 {
    width: 33vw;
    aspect-ratio: 400 / 305.23;
}

#residents_app_container .card-style-1.follow-us .svg-container .svg-icon path {
    fill: var(--resident-icon-stroke);
}

#residents_app_container .card-style-1 .header-text-style-5 {
    text-transform: uppercase;
    color: var(--primary-base);
}

#residents_app_container .residents-header {
    max-width: 1400px;
    margin: 0 auto 20px;
    padding: 0 10px;
    white-space: break-spaces;
}

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

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

footer .top-section:after {
    display: none;
}

footer .footer-refer {
    background: var(--primary-base);
    color: var(--primary-base-alt);
}

footer .footer-refer:hover {
    background: var(--primary-base-alt);
    color: var(--primary-base)
}

footer .top-section .footer-header {
    text-transform: uppercase;
    font-weight: 500;
    color: #46494d;
    font-size: clamp(1.76rem,1.76rem,30pt);
}

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

footer .footer-bottom {
    background: linear-gradient(0deg, #1a2644 0%, #004b8d 100%) !important;
    color: var(--primary-base-alt);
    padding: 20px 0;
    position: relative;
    z-index: 0;
}

footer .footer-bottom:before {
    display: none;
}

.copyright-wrapper .copyright-links-wrapper {
    color: var(--primary-base-alt);
}

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

footer .footer-buttons .button-style-1 {
    margin: 10px;
    white-space: nowrap;
    background: transparent;
    border: 2px solid var(--primary-base-alt);
    color: var(--primary-base-alt);
    transition: all 0.4s ease-in-out;
}

footer .footer-buttons .button-style-1:hover {
    background: var(--primary-base-alt);
    border: 2px solid var(--primary-base);
    color: var(--primary-base);
}

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

.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 .social-links .sm-icon svg {
    height: 20px;
    width: 20px;
}

footer .footer-office-information:after,
footer .footer-office-information:before {
    width: 1px;
}

footer .bottom-section {
    justify-content: center;
}

footer .apartments-copy-text {
    flex-flow: column-reverse;
}

footer .ada-eho-container {
    text-align: center;
    padding: 20px;
}

footer .ada-eho-container svg path,
footer .ada-eho-container svg rect {
    fill: var(--primary-base-alt) !important;
}

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

footer .copyright_text {
    text-align: center;
}

footer .copyright_text span {
    display: block;
    text-align: center;
}

footer .copyright_text,
footer .copyright_text a,
footer .copyright_text span,
.footer-web-accessibility-statement .open-cookie-policy,
.footer-web-accessibility-statement.lightning .web-accessibility-statement-open-btn {
    color: var(--primary-base-alt);
    transition: 0.3s ease all;
}

footer .copyright_text a:hover {
    color: var(--primary-base-alt);
    opacity: 0.6;
    transition: 0.3s ease all;
}

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

.copyright-wrapper .copyright-link {
    font-weight: lighter;
}

@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;
    }
}