/* Community Level Styles */

:root {
    --navbar-logo-max-width: 300px;
    --menu-logo-max-width: 300px;
    --neighborhood-top-upto-767: -46px;
    --neighborhood-top-768-1179: -71px;
    --neighborhood-top-1180-1399: -81px;
    --neighborhood-top-from-1400: -98px;
    
    --neighborhood-header-font-size-from-1400: calc(var(--header-base-font-size) * 4.8);
    
    --navbar-link-color-hover: var(--primary-hover-alt);
}

.corp-logo {
    grid-column: 2 / 3;
}


.homepage_container #contact_us_page_container {
    background-color: var(--secondary-base);
}

#neighborhood_section .neighborhood-impact-title {
    font-weight: 600;
}

/* video tours */
#video_page .ct-wrapper .outter-wrapper:nth-of-type(5) .vid-wrapper,
#video_page .ct-wrapper .outter-wrapper:nth-of-type(6) .vid-wrapper {
    overflow: visible;
}

#video_page .ct-wrapper .outter-wrapper:nth-of-type(6) .vid-wrapper {
    margin-top: 120px;
}

#video_page .ct-wrapper .outter-wrapper:nth-of-type(5) .vid-wrapper p,
#video_page .ct-wrapper .outter-wrapper:nth-of-type(6) .vid-wrapper p {
    transform: none;
    transition: none;
    color: var(--body-text-color);
    padding: 0;
}

#video_page .ct-wrapper .outter-wrapper:nth-of-type(5) .vid-wrapper p {
    bottom: -120px;
}

#video_page .ct-wrapper .outter-wrapper:nth-of-type(6) .vid-wrapper p {
    bottom: -90px;
}

@media only screen and (max-width: 540px) {
    #video_page .ct-wrapper .outter-wrapper:nth-of-type(6) .vid-wrapper {
        margin-top: 180px;
    }
    
    #video_page .ct-wrapper .outter-wrapper:nth-of-type(5) .vid-wrapper p {
        bottom:  -180px;
    }
    
    #video_page .ct-wrapper .outter-wrapper:nth-of-type(6) .vid-wrapper p {
        bottom: -130px;
    }
}

/* awards */
#awards_container {
    background: var(--background-1-base);
    color: var(--background-1-base-alt);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 2rem;
    position: relative;
    z-index: 10;
}

#awards_container .header-text-style-2 {
    text-align: center;
    width: 100%;
}

#awards_container .badge-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
}

#awards_container .badge-container > img {
    max-width: 250px;
}

/* footer */
@media only screen and (min-width: 1180px) {
    .footer {
        padding: 100px 0 30px;
    }
}