.nearest-neighborhood {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
min-height: var(--map-min-height);
gap: var(--basic-padding);
}
@media screen and (max-width: 700px) {
.nearest-neighborhood {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 2.5rem;
}
}
.nearest-neighborhood .gmap-nearest {
height: max(100%, var(--map-min-height));
border-radius: 0 3rem 3rem 0;
}
@media screen and (min-width: 1930px) {
.nearest-neighborhood .gmap-nearest {
border-radius: 3rem;
}
}
@media screen and (max-width: 700px) {
.nearest-neighborhood .gmap-nearest {
border-radius: 1.5rem;
}
}
.nearest-neighborhood__groups {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 5rem 2rem;
container-type: inline-size;
}
.neighborhood-group {
width: calc(50% - 1rem);
}
@container (max-width: 40rem) {
.neighborhood-group {
width: 100%;
}
}
.neighborhood-group__title {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
display: block;
margin-bottom: 2rem;
font-size: 12px;
line-height: normal;
text-transform: uppercase;
color: var(--blak-primary);
}
.neighborhood-group__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
list-style: none;
}
.neighborhood-group__items li {
padding-left: 2.4rem;
background-image: url(//urbaneo.cz/wp-content/themes/unifer-urbaneo/assets/svg/pin-circle_dark.svg);
background-repeat: no-repeat;
background-size: 1.4rem 2rem;
background-position: left center;
}
.building-nearest-neighborhood {
--map-min-height: 500px;
padding: 10rem 0 6rem;
overflow: hidden;
}
@media screen and (max-width: 600px) {
.building-nearest-neighborhood {
padding: 6rem 0 4rem;
}
}
.building-nearest-neighborhood .container--full {
--basic-padding: 3rem;
}
.building-nearest-neighborhood .container--full .left-col {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
min-height: var(--map-min-height);
}
@media screen and (max-width: 700px) {
.building-nearest-neighborhood .container--full .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0;
}
}
.building-nearest-neighborhood .container--full .right-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: 0;
width: min((1200px + 5rem) / 2 - var(--basic-padding), 100%);
padding: 0 2.5rem 0 0;
}
@media screen and (max-width: 700px) {
.building-nearest-neighborhood .container--full .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0;
}
}