/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
   .mapboxgl-ctrl-geocoder {
    max-width: unset;
    margin-bottom: 20px;
	   width: 100%;
}

.mapboxgl-ctrl-geocoder--input {
  padding-left: 32px !important;
	background: #a19e813b !important;
	font-style: italic;
    font-weight: 600;
    border-radius: 3px;
}
.mapboxgl-popup-anchor-bottom{
  width: 100%;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{
  left: -15px;
    position: absolute;
    transform: rotate(90deg);
    top: 20px;
}
.mapboxgl-popup-content{
  padding: 0;
}
.infobox .infoheader{
  padding: 10px 15px;
  font-size: 18px;
  background: #007DC3;
  color: #ffffff;
  font-weight: bold;
}
.infobox .infobody{
  padding: 10px 15px;
  font-size: 15px;
}
.infobox .infoheader.red{
  background: #F89A41;
}