/* -------------------------------------------------------------------------- */
/* ROOT VARS
/* -------------------------------------------------------------------------- */

:root {
    --custom-bg-color: #FFFFFF;
    --custom-text-color: #000000;
}

/* -------------------------------------------------------------------------- */
/* COMMON CLASSES
/* -------------------------------------------------------------------------- */

/* NO CLASSES */
.noDisplay {
    display: none !important;
}
.noWrap {
    white-space: nowrap !important;
}
.noEvent {
    pointer-events: none !important;
}
.noSelect {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

/* ANIMATION CLASSES */
.animate,
.animate::before,
.animate::after,
.animate *,
.animate *::before,
.animate *::after {
    -webkit-transition: all 0.6s ease !important;
    -moz-transition: all 0.6s ease !important;
    -o-transition: all 0.6s ease !important;
    transition: all 0.6s ease !important;
}
.noAnimate,
.noAnimate::before,
.noAnimate::after,
.noAnimate *,
.noAnimate *::before,
.noAnimate *::after {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-transition-property: none !important;
    -moz-transition-property: none !important;
    -o-transition-property: none !important;
    transition-property: none !important;
    -webkit-transition-duration: 0s !important;
    -moz-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

/* DISPLAY CLASSES */
.dContainer > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.dContainer > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.dBlock { display: block; }
.dMobile { display: block; }
.dDesktop { display: none; }

@media (min-width: 768px) {
    .dMobile { display: none; }
    .dDesktop { display: block; }
}

/* -------------------------------------------------------------------------- */
/* VASA MAP
/* -------------------------------------------------------------------------- */

.mapWrapper {
    height: 75vh;
    max-height: 900px;
    margin: 2em auto 4em auto;
    border: 1px solid lightgray;
}
/* -------------------------------------------------------------------------- */
/* VASA PLACES
/* -------------------------------------------------------------------------- */

.placesWrapper h2 {
    margin: 2em 0 1em 0;
}
.placesWrapper .placesSelect {
    margin: 2em 0 2em 0;
}
.placesWrapper .placesSelect .placeholder {
    color: lightgray;
}
.placesWrapper .placeCard {
    margin: 1em 0;
    padding: 0.5em 0;
    border-top: 1px solid rgba(120,120,120,0.20);
}
.placesWrapper .placeCardBody {
    display: flex;
    flex-wrap: wrap;
}
.placesWrapper .placeCardBody > div {
    width: 50%;
}
.placesWrapper .placeAddress h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto';
}
.placesWrapper .placeContacts th,
.placesWrapper .placeContacts td {
    width: 50%;
    padding: 2px;
    text-align: left;
    border: none;
    border-bottom: 1px solid rgba(120,120,120,0.20);
    background-color: transparent !important;
    font-weight: normal;
}

@media only screen and (max-width: 639px) {
    .placesWrapper .placeCardBody > div {
        width: 100%;
    }
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */