@use '../../colors';
@use '../../breakpoints';

.bz-mapa-block {
    position: relative;
    z-index: 0;
    #bz-map-search {
        position: absolute;
        content: '';
        top: 20px;
        left: 10%;
        right: 10%;
        z-index: 1; 
    }
    #map {
        min-height: 650px;
    }
    .gm-style-iw {
        //border: 2px solid red;
    }    
}

@media (max-width: breakpoints.$tablet) {
    .bz-mapa-block {
        #bz-map-search {
            position: relative;
            top: 0;
            left: 0;
            right: 0;
            margin-bottom: 40px;
        }
        #map {
            min-height: 500px;
        }

        .gm-style-iw, .gm-style-iw-tc {
            display: none !important;
        }
    }
}