/* Community Level Styles */

:root {
    --parallax-two-bg-pattern-opacity: 0.3;
    --hp-fp-repeatable-pattern-opacity: 0.15;
    // --footer-bottom-bg: var(--primary-base);
}


// .transparent-nav .top-bar.fixed,
// header .menu.open,
// header .menu .menu-logo-wrapper{
//     background-color: var(--primary-base);
// }

/* sticky nav */
// .top-bar .top-bar-right-container .hamburger-menu:hover,
// header .menu #menu_list .menu-item:before,
// .top-bar .left-side-links-container .top-bar-sm li .left-side-link:hover,
// .top-bar .top-bar-center-container .address-link:hover,
// .top-bar .top-bar-center-container .address-link:hover,
// .top-bar .top-bar-right-container .top-bar-phone .phone-link:hover{
//     background: var(--primary-hover);
// }



    
/* home page */
.hpt-repeatable-bg-img,
.homepage-featured-floorplans-section .fp-repeatable-bg,
.hpt-section-two .top .repeatable-bg,
.pet-section .pets-repeatable-pattern,
.amenities-section-container .bg-pattern-wrapper .pattern,
.amenities-section-container.amenity-section-2 .bg-pattern-wrapper {
    background-size: 60%;
}

.hpt-repeatable-bg-img,
.homepage-featured-floorplans-section .fp-repeatable-bg,
.pet-section .pets-repeatable-pattern, 
.amenities-section-container .bg-pattern-wrapper .pattern { 
    background-size: 400px;
}
 
.hpt-section-two .top .repeatable-bg { filter: invert(1); }

.intro-text-section .amenities-bg-accent-img,
.amenity-section-1 .amenities-bg-accent-img {
    background-size: 1200px;
}


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

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: 249px;
        width: 342px;
        opacity: .4;
    }
}

@media only screen and (max-width: 375px) {
    .play-pause-btn {
        left: 15em;
        bottom: 10em;
    }
}

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