/* Community Level Styles */
:root {
    --logobar-logo-max-width: 95px;
    --menu-logo-max-width: 150px;
    --footer-community-logo-desktop-width: 150px;
}

/* hero section */

video#cinemagraph_video { 
    aspect-ratio: 9/4;
}

@media only screen and (max-width: 1280px) {
    .hp-intro #homepage_cinemagraph {
        height: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        z-index: 3;
    }
    
    .hp-intro #cinemagraph_image_fallback {
        opacity: 0.3;
        position: relative;
        height: 100%;
    }
    
    video#cinemagraph_video { 
        filter: brightness(0.6);
    }
    
}

@media screen and (min-width: 768px) {
    .hp-intro {
        height: 92vh;
    }
}

@media screen and (min-width: 1024px) {
    .hp-intro {
        height: 94vh;
    }
}



@media screen and (min-width: 1280px) {
    .hp-intro {
        height: 44vw;
    }
}

/* contact */
#contact_us_page_container .lightning-form .form-btn:focus,
#contact_us_page_container .lightning-form .form-btn:hover {
    background: var(--primary-hover);
    color: var(--primary-hover-alt);
}

header .menu.open {
    opacity: .85;
}

header .menu #menu_list {
    font-weight: 700;
}

.footer .footer-bottom .bottom-logo img, .footer .footer-bottom .bottom-logo svg {
        filter: invert(1);
}


@media screen and (min-width: 1024px) {
    section#amenities_section:before {
        content: " ";
        display: inline-block;
        position: absolute;
        right: 5%;
        top: 28px;
        height: 241px;
        width: 253px;
        background-image: url(/gridmedia/img/logo-icon.svg);
        background-size: cover;
        opacity: .2;
        z-index: 15;
    }
    
    .pets-accent-bg:before {
        content: " ";
        display: inline-block;
        position: absolute;
        right: 3%;
        bottom: 3%;
        height: 241px;
        width: 253px;
        background-image: url(/gridmedia/img/logo-icon.svg);
        background-size: cover;
        opacity: .1;
        z-index: 1;
    }
}

section#homepage_featured_floorplans_section:before {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 3%;
    top: 3%;
    height: 173px;
    width: 200px;
    background-image: url(/gridmedia/img/logo-icon.svg);
    background-size: cover;
    opacity: .2;
    z-index: 10;
    
    @media screen and (min-width: 1024px) {
        height: 241px;
        width: 253px;
        opacity: .4;
    }
}

@media screen and (min-width: 768px) {
    #fp_location_view_button:before {
        content: " ";
        position: absolute;
        top: 6px;
        left: 14px;
        border: 4px solid var(--accent-color-base);
        border-radius: 50%;
        margin: 10px;
        height: 17px;
        width: 17px;
        
        box-shadow: 0 0 0 0 rgba(var(--accent-color-rgb), 1);
        transform: scale(1);
        animation: pulse 2s infinite;
    }
    
    #fp_location_view_button svg {
        visibility: hidden;
    }
}

/* popup */
#specials_overlay_backdrop #specials_overlay_wrapper #specials_overlay_right #promotion_community_logo {
    margin: auto;
    max-width: 200px;
}

#fp_app #png_site_map_selector_container {
    display: none;
}