/* Community Level Styles */

:root {
    --logobar-logo-max-width: 200px;
    --hp-fp-repeatable-pattern-opacity: 0.7;
    --parallax-two-bg-pattern-opacity: 0.65;
}

.hp-intro .hp-slideshow:before {
    background-color: transparent;
}

.hpt-repeatable-bg-img {
    filter: opacity(0.5);
}

.hpt-section-two .top .repeatable-bg {
    filter: invert(1);
}

.intro-text-section .amenities-bg-accent-img,
.amenity-section-1 .amenities-bg-accent-img {
    filter: opacity(0.6);
}
.amenities-section-container .bg-pattern-wrapper .pattern {
    filter: opacity(0.15);
}

/* Hero BTN */

.hp-intro .hero-text-container .hero-btn {
    color: var(--primary-base-alt);
    border: 2px solid transparent;
    background-color: var(--primary-base);
    box-shadow: 0px 0px 15px #00000040;
}

.hp-intro .hero-text-container .hero-btn:hover {
    border-color: var(--primary-base);
}

.hp-intro .hero-text-container .hero-btn:before {
    background-color: #000000;
}

.hp-intro .hero-text-container .hero-btn:hover:before {
    opacity: 0.35;
}

.transparent-nav .top-bar.fixed {
    background-color: var(--primary-base);
    --top-bar-color: var(--primary-base-alt);
    --left-side-link-fill: var(--top-bar-color);
    --topbar-border-color: var(--top-bar-color);
    --link-bg-hover: var(--background-3-base);
    --link-bg-hover-alt: var(--background-3-base-alt);
}

@media only screen and (min-width: 768px) {
    #specials_overlay_backdrop #specials_overlay_wrapper #specials_overlay_right img {
        width: 40%;
    }
}


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

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

.contact-info-wrapper:after {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 30%;
    bottom: 0;
    height: 150px;
    width: 150px;
    background-image: url(/gridmedia/img/logo-icon-white.svg);
    background-size: cover;
    opacity: .2;
    z-index: 10;
    
    @media screen and (min-width: 1024px) {
        left: 3%;
        bottom: 3%;
        height: 410px;
        width: 410px;
        opacity: .4;
    }
}

/* presentation headers */
.hero-image .over-image-header {
    font-size: calc(var(--interior-page-hero-image-header-font-size) * 1.9);
    padding-right: 20px;
}