body {
  font-family: "Roboto", sans-serif;
  background-color: #F3F1EF;
}

a, a:hover { color: #1450A8;}

/* Map map */
#mapCanvas img {
  max-width: none;
}

.leaflet-google-layer{
    z-index: 0 !important;
}

.leaflet-map-pane{
    z-index: 100;
}

.info {
  font-family: 'Lato', sans-serif;
  padding: 6px 8px;
  background: #ffffff;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
}

.info h4 {
  margin: 0 0 5px;
  color: #777;
}

.results-count {
  font-family: 'Lato', sans-serif;
  padding: 6px 8px;
  background: #ffffff;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
}

.filter-box { 
  margin-top: 5px;
  height: 15px; 
  width: 15px;  
  display: inline-block;
  *border-right-width: 4px;
  *border-bottom-width: 4px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box; 
}

.filter-yellow { background-color: #FFCC0D; }
.filter-green { background-color: #10AC03; }
.filter-blue { background-color: #1653A8; }
.filter-purple { background-color: #6614AC; }
.filter-red { background-color: #CC2537; }
.filter-orange { background-color: #CD8518; }
.filter-grey { background-color: #7B7B7B; }

.org-logo {
  width: 100%;
  max-width: 500px;
  height: auto;
}

.navbar {
  white-space: normal;
  object-fit: fill;
  background-color: rgba(221, 221, 221, 0);
  background-image: url("../img/agc-nav-banner.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: contain;
}

.navbar-logo {
  height: 40px;
  border-right: 2px solid black;
  padding-right: 20px;
}

@media screen and (max-width: 445px) {
  .navbar-logo {
    border-right: none;
  }

  .navbar-text {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    background-size: cover;
  }
}

@media screen and (max-width: 1109px) {
  .w-sm-md-100 {
    width: 100%;
  }
  
  .mt-sm-md-2 {
    margin-top: .5rem !important;
  }
}

.btn-primary, .btn-primary:hover {
  color: black;
  background-color: #F0AB00;
  border-color: #F0AB00;
}

.btn-primary:hover {
  color: black;
  background-color: #DD751B;
  border-color: #DD751B;
}

.btn:hover {
  box-shadow: 0 7px 15px -3px rgba(0, 0, 0, .25);
}

.btn-primary:not(:disabled):not(.disabled):active {
  border-color: #DD751B;
  background-color: #DD751B;
  color: black;
}

.bg-light {
  background-color: #FDE3A3 !important;
}