
#map {
    border-radius: .25rem;
}

#map > div {
    position: relative !important;
}

/* Override default styles bootstrap */
html .custom-control-input:checked~.custom-control-label::before {
    border-color: white;
    background-color: white;
}

#autocomplete {
    padding-left: 0;
}

#searchBtn {
    background: black;
    border-radius: .25rem;
    transition: 200ms;
    border: none;
}

#searchBtn:hover {
    background: #b43c16;
}

.grid-distributors {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-bottom: 3rem;
}

#no_result_msg p {
    padding: 1rem;
    color: #b43c16;
    background: lightgrey;
    border-radius: 0.25rem;
}

/* InfoWindow */
.squareContent {
    padding: 2rem 0.5rem 0.5rem 0.5rem;
    max-width: 21rem;
}

.squareContent .name {
    font-size: 1.15rem;
    line-height: 1.25;
}

.squareContent .country {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.squareContent .urlMaps a {
    color: #b43c16;
}

.gm-style-iw-t button.gm-ui-hover-effect {
    top: 2px!important;
    right: 6px!important;
}

.gm-style-iw-t button.gm-ui-hover-effect span {
    width: 1.25rem!important;
    height: 1.25rem!important;
}

@media (min-width: 992px) {
    .grid-distributors {
        grid-template-columns: repeat(4, 1fr);
        gap: 4rem;
    }
}