/* @group Map Neighborhood
------------------------------------ */

.neighborhood-map {
    --transitionDelay: .5s;
}
.neighborhood-map > :is(.row, #important) {
    gap: 0;
}

.neighborhood-map .filters-wrapper {
    border: 1px solid var(--green);
}
.neighborhood-map .filters-wrapper h2 {
    text-transform: uppercase;
    text-align: center;
}
.neighborhood-map .filters-wrapper .filters-box .dropdown {
    border-bottom: 1px solid var(--green);
    --transitionDelay: .75s;
}
.neighborhood-map .filters-wrapper .filters-box .dropdown :is(header, h3, i) {
    pointer-events: none;
}
.neighborhood-map .filters-wrapper .filters-box .dropdown header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid transparent;
}
.neighborhood-map .filters-wrapper .filters-box .dropdown header i {
    font-size: .7rem;
}
.neighborhood-map .filters-wrapper .filters-box .dropdown :is(header, header > *) {
    transition: all var(--transitionDelay);
}
.neighborhood-map .filters-wrapper .filters-box .dropdown:is(.active) header {
    border-bottom-color:var(--green);
    background-color: var(--color-category);
    color: var(--cream);
}
.neighborhood-map .filters-wrapper .filters-box .dropdown:is(.active) header i {
    scale: -1;
}
.neighborhood-map .filters-wrapper .filters-box .dropdown ul {
    padding-inline: 3.4rem;
    padding-block: 0;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    transition: max-height var(--transitionDelay) ease, padding var(--transitionDelay) ease;
}
.neighborhood-map .filters-wrapper .filters-box .dropdown:is(.active) ul {
    max-height: 20rem;
    opacity: 1;
    pointer-events: all;
    padding-block: 1.7rem;
    overflow-y: auto;
}
.neighborhood-map .filters-wrapper .filters-box .dropdown ul::-webkit-scrollbar {
    width: 5px;
}
.neighborhood-map .filters-wrapper .filters-box .dropdown ul::-webkit-scrollbar-track {
    background: transparent;
}
.neighborhood-map .filters-wrapper .filters-box .dropdown ul::-webkit-scrollbar-thumb {
    background: var(--color-category);
}
.neighborhood-map .filters-wrapper .filters-box .dropdown ul li {
    cursor: pointer;
}
.neighborhood-map .filters-wrapper .filters-box .dropdown ul li:is(.active) {
    --fw: 700;
}

.neighborhood-map .map-wrapper .map {
    height: 29.3rem;
    border: 1px solid var(--green);
}
.neighborhood-map .map-wrapper .map :is(.bubble, #important) {
    text-align: center;
    box-shadow: none;
    filter: none;
    min-width: 13rem !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    padding: 0px !important;
    overflow: hidden !important;
    border-radius: 1rem !important;
    border-width: initial !important;
    border-style: none !important;
    border-color: initial !important;
    border-image: initial !important;
}
.neighborhood-map .map-wrapper .map :is(.arrow, #important) {
    display: none !important;
}
.neighborhood-map .map-wrapper .map :is(.bubble, #important) .box {
    color: var(--cream);
    background-color: var(--color-box, var(--blue));
    width: 100%;
    padding: 1rem;
}
.neighborhood-map .map-wrapper .map div[style*="width: 13px"][style*="height: 13px"] img {
    width: 100%!important;
    height: 100%!important;
    object-fit: contain!important;
}


@media only screen
and (min-width : 961px) {

    .neighborhood-map :is(.map-wrapper, #important) {
        padding-right: 0;
    }
    .neighborhood-map .map-wrapper .map {
        height: 75.5rem;
    }

    .neighborhood-map :is(.filters-wrapper, #important) {
        padding-inline: 0;
        border-left: unset;
    }
    .neighborhood-map .filters-wrapper h2 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 13rem;
        padding-inline: 1.5rem;
    }
    .neighborhood-map .filters-wrapper .filters-box {
        max-height: 0;
    }
    .neighborhood-map .filters-wrapper .filters-box .dropdown header {
        padding: 2rem 4.4rem 2rem 3.4rem;
    }
    .neighborhood-map .filters-wrapper .filters-box .dropdown:nth-child(2) header {
        border-top: 1px solid var(--green);
    }
    .neighborhood-map .filters-wrapper .filters-box .dropdown:is(.active) ul {
        max-height: 36rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .neighborhood-map .filters-wrapper {
        border-top: unset;
    }
    .neighborhood-map .filters-wrapper h2 {
        padding: 2rem 3.4rem;
    }
    .neighborhood-map .filters-wrapper .filters-box .dropdown header {
        padding: 2rem 3rem 2rem 3.4rem;
    }
    .neighborhood-map .filters-wrapper .filters-box .dropdown:last-of-type {
        border-bottom: unset;
    }
}

/* @end */