:root {
    --rounded-radius: 10px;
}

#cluster-map {
    width: 100%;
    height: 500px;
    border-top-left-radius: var(--rounded-radius);
    border-top-right-radius: var(--rounded-radius);
    border-bottom-left-radius: var(--rounded-radius);
    border-bottom-right-radius: var(--rounded-radius);
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    margin-bottom: 2rem;
}

#map {
    width: 100%;
    height: 300px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.navbar-brand {
    transition: all ease-in-out 0.5s;
}

.navbar-brand:hover {
    transform: scale(1.05);
    transition: all ease-in-out 0.2s;
}

.smallCardImage {
    width: 100%;
    height: 15rem;
    object-fit: cover;
    object-position: center;
}

.largeCardImage {
    width: 100%;
    height: 15rem;
    object-fit: cover;
    object-position: center;
}

.newReviewHidden {
    display: none;
}