/* --- MAIN CONTENT --- SIDE  --- */

.side {
    background-color: #f9ddd2;

    display: flex;
    flex: 2;
    border-radius: 0.2rem;
    flex-direction: column;
    padding: max(2%, 1rem);

    /* border: 2px solid var(--salmon); */
    /* margin: auto; */
}

/* --- SIDE --- ADRESS ---  */

.sideMap {
    display: flex;
    color: white;
    height: 100px;
    border-radius: 5px;

    background-size: cover;
}

#map {
    height: 180px;
    border: 1px solid var(--blue);
    border-radius: 0.2rem;
}
.leaflet-control-attribution a {
    font-size: 0.6em;
}

/* EXTERNAL IDS */

.IdUl li {
    display: flex;
    align-items: center;
}
.IdUl li div {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.IdUl li div a {
    line-height: 0%;
}
/* ID ARROW */
.IdUl svg {
    width: 1em;
    height: 1em;

    fill: var(--salmon);
    fill-rule: evenodd;
}

.IdUl svg :hover {
    fill: var(--blue);
}

@media (min-width: 577px) and (max-width: 768px) {
}

/* // Large devices (desktops) */
@media (min-width: 769px) and (max-width: 1200px) {
}

/* // Extra-large desktops */
@media screen and (min-width: 1201px) {
}