/* Community Level Styles */
:root {
    /* home page updates */
    --navbar-bg: var(--background-3-hover);
    --top-bar-bg: var(--background-3-base);
    --top-bar-color: var(--background-3-base-alt);
    --link-bg-hover: var(--background-3-hover);
    --link-bg-hover-alt: var(--background-3-hover-alt);
    --menu-hover: var(--background-1-base-alt);
    --slide-cta-bg-dt: var(--background-1-base);
    --slide-cta-icon-fill: var(--background-1-base-alt);
    --slide-cta-color: var(--background-1-base-alt);
    --local-school-header-2-color: var(--background-3-base-alt);
    --hp-shared-header-2-color: var(--primary-base);
    /* amenity page cards and sections */
    --amenity-card-bg: var(--primary-base);
    --amenity-card-bg-alt: var(--primary-base-alt);
    --amen-section-1-icon-color: var(--primary-base-alt);
    /* resident page cards */
    --text-box-bg: var(--primary-base);
    --text-box-bg-alt: var(--primary-base-alt);
    --resident-icon-stroke: var(--primary-base-alt);
    /* contact page form */
    --contact-form-bg: var(--primary-base);
    --contact-form-bg-alt: var(--primary-base-alt);
    --contact-form-btn-bg: var(--primary-base-alt);
    --contact-form-btn-bg-alt: var(--primary-base);
    --contact-form-border-colors: var(--primary-base-alt);
    --lightning-form-bg: var(--primary-base);
    --lightning-form-bg-alt: var(--primary-base-alt);
    --contact-main-bg: var(--page-bg);
    --service-request-form-text-color: var(--lightning-form-bg-alt);
    --pet-card-heading-color: var(--text-box-bg-alt);
}

/* HPT image accent */
.hpt-img.animate.animated:before {
    content: ' ';
    position: absolute;
    top: 4%;
    width: 86%;
    left: 7%;
    height: 90%;
    background: var(--background-1-hover);
    z-index: -1;
}

.hero-wrapper {
    max-width: 1800px;
}

#hp_section .hpt-img-container .hpt-img {
    height: 76%;
    width: 86%;
    margin-top: 13%;
    background-position: center;
}

#hp_section .hpt-img-container,
#hp_section .hpt-wrapper .hp-button-underline, 
#hp_section .hpt-wrapper .hp-shared-header-2, 
#hp_section .hpt-wrapper .overlay-text-header, 
#hp_section .hpt-wrapper .overlay-text-paragraph,
#homepage_featured_floorplans_section #fp_list,
#homepage_featured_floorplans_section h2, 
#homepage_featured_floorplans_section h3, 
#homepage_featured_floorplans_section p {
    opacity: 1;
}

.hpt-img-container.animated:before {
    content: '';
    position: absolute;
    top: 4%;
    width: 86%;
    left: 7%;
    height: 90%;
    background: var(--background-1-hover);
    z-index: -1;
}

#hp_section .hpt-wrapper .hpt-img-container-mobile {
    display: block;
    background-position: center;
}

@media only screen and (min-width: 1201px) {
    #hp_section .hpt-wrapper .hpt-img-container-mobile {
        display: none;
    }
}

.featured-amenities {
    position: static;
    transform: none;
    
    @media only screen and (min-width: 1200px) {
        margin-bottom: 90px;
    }
}

/* home page school icon accent */
#local_school_section .school-wrapper .icon {
    background: var(--background-2-base);
    padding: 20px;
    border-radius: 32px;
    --school-svg-fill: var(--background-2-base-alt);
}

.img-amenity .amen-info p,
.img-amenity .amen-info .amen-featured-header {
    color: var(--amenity-card-bg-alt);
}

/* neighborhood button hover removal */
#apply_section .button-style-1:before {
    display: none;
}

/* remove navbar menu link for interior pages */
.navbar-links .hamburger-menu.toggle-button {
    display: none;
}

#body_home .navbar-links .hamburger-menu.toggle-button {
    display: flex;
}

/* contact page form colors */
body.contact-us .form-btn {
    background: var(--primary-base-alt);
    color: var(--primary-base);
}

body.contact-us .form-btn:hover {
    background: var(--secondary-base);
    color: var(--secondary-base-alt);
}

/* neighborhood seo text */
.content-container .neighborhood-text-section {
    background: var(--primary-base);
    color: var(--primary-base-alt);
}

.content-container .neighborhood-text-section h1,
.content-container .neighborhood-text-section p {
    color: var(--primary-base-alt);
}

@media only screen and (max-width: 767px) {
    #hero_slide_hp .side-bar {
        display: none;
    }
    
    .over-slide-show-ctas .cta {
        width: 33.33333%;
        padding: 0 22px;
    }
    .header-wrapper .navbar {
        padding: 16px 5%;
    }
    
    .top-bar {
        --top-bar-bg: var(--background-2-base);
        --top-bar-color: var(--background-2-base-alt);
        position: sticky;
        transform: none;
        top: 0;
    }
    .top-bar-right-container .hamburger-menu .hamburger-lines {
            padding: 0 5px 0 10px;
    }
}

/* specials form header color override */
.specials-page .promotions .promotion h2 {
    color: var(--lightning-form-bg-alt) !important;
}

.play-pause-btn {
    position: absolute;
    bottom: 100px;
    z-index: 300;
    padding: 5px 20px 5px 20px;
    background: rgba(0, 0, 0, 0.4);
    left: 100px;
    border-radius: 21px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 28px;
    min-width: 100px;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .play-pause-btn {
        left: 30px;
        bottom: 200px;
        transform: scale(0.8);
    }
}

.play-text {
    color: #fff;
    line-height: 1.2;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 72px;
    text-align: center;
}

.play-icon {
    border-radius: 18px;
    border: 1px solid #fff;
    position: relative;
    height: 28px;
    width: 28px;
    display: inline-block;
}

.play-icon:before {
    content: "";
    color: #fff;
    display: inline-block;
    border-left: 12px solid #fff;
    width: 5px;
    height: 5px;
    border-right: 00px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-40%, -50%);
    transition: all ease-in-out 0.3s
}

.active-play .play-icon:before {
    content: "";
    color: #fff;
    display: inline-block;
    border-left: 0px solid transparent; 
    border-right: 0px solid transparent; 
    border-top: 0px solid transparent; 
    border-bottom: 0px solid transparent; 
    transform: translateY(5px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-140%, -50%);
    width: 5px;
    height: 14px;
    background: #fff;
    
}
.play-icon:after {
    content: "";
    color: #fff;
    display: inline-block;
    width: 5px;
    height: 5px;
    transform: translateY(5px);
    margin-right: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(30%, -50%) scaleY(0);
    background: #fff;
    height: 14px;
    transition: all ease-in-out 0.3s
}

.active-play .play-icon:after {
    content: "";
    color: #fff;
    display: inline-block;
    width: 5px;
    transform: translateY(5px);
    margin-right: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(30%, -50%) scaleY(1);
    background: #fff;
    height: 14px;
}
@media only screen and (max-width: 767px) {
    #hero_slide_hp #cinemagraph_image_fallback {
        height: 100%;
    }
}
.accessible-address-phone a {
    display: block;
}
.accessible-address-phone a span {
    white-space: nowrap;
}