@import "blom.css";
@import "bootstrap-grid.css";
@import "chips.css";
@import "leaflet.css";

body, html {
    height: 100%;
    margin: 0
}

.map-container {
    height: 600px;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.card {
    display: inline-block;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    position: relative;
    margin: 20px 20px 50px;
    transition: all .2s ease-in-out;
}

.card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    margin-bottom: 54px;
}

.cursor-pointer {
    cursor: pointer;
}

.word-wrap-break {
    word-wrap: break-word;
}

#autocomplete-maps {
    height: 3em;
}