/* Site Adjustments */

:root {
    --phi1-1-heading-2-text-color: #fff;
    --neighborhood-map-poi-dot-color: #404040;
    --neighborhood-map-community-pin-color: #404040;
}

/* top bar */

.top-bar .center-container {
    // opacity: 0;
    transition: 0.7s ease all;
}

.top-bar.scrolled .center-container {
    opacity: 1 !important;
    transition: 0.7s ease all;
}

@media only screen and (min-width: 768px) {
    .top-bar {
        display: grid;
        grid-template-columns: 20% 60% 20%;
    }
    
    .top-bar .center-container {
        text-align: center;
        
        .address-header-link address {
            white-space: nowrap;
            font-style: normal;
        }
        
        span,
        address {
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 14px;
        }
    }
    
    .top-bar .top-bar-container {
        justify-content: flex-end;
    }
    
    .top-bar .left-side-links-container .top-bar-sm li .left-side-link span.menu-button-text {
        white-space: nowrap;
    }
}

@media only screen and (max-width: 767px) {
    .top-bar .center-container {
        display: none;
    }
}

/* Site Adjustments */
.homepage-hero.hero-intro .hero-bg {
    min-height: unset;
    height: 55vw;
}

.hero-intro .hero-overlay-info {
    backdrop-filter: blur(0) !important;
}

@media only screen and (max-width: 767px) {
    #homepage_cinemagraph {
        display: none !important;
    }
    
    .hp-cinemagraph-section .hp-cinemagraph-inner-wrapper {
        width: 100%;
    }
    
    .homepage-hero.hero-intro .hero-overlay-info .overlay-text {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .hp-cinemagraph-img-fallback {
        display: none !important;
    }
    
    .hp-cinemagraph-section {
        padding-bottom: unset;
    }
    
    .hp-cinemagraph-section .hp-cinemagraph-inner-wrapper {
        max-width: unset;
        width: 100%;
        height: auto;
    }
    
    #hero_button {
        display: flex;
        width: fit-content;
        margin: auto;
    }
    
    #hero_button a:nth-of-type(1) {
        margin-right: 20px;
    }
}

/* footer */
footer .ada img {
    width: 20px;
}