/* Body Styling */
.fullsize {
  height: 100%;
  overflow: auto;
}

/* Title Bar Styling */
.title-bar-left {
    color: whitesmoke;
    font-size:x-large;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  .title-bar {
      background-color: black;
  }

/* Input Form Styling "Search for Breweries */
.translucent-form-overlay {
    max-width: 500px;
    width: 100%;
    background-color: black; 
    padding: 20px;
    color: #fefefe;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  
  .translucent-form-overlay .row.columns {
    display: block;
  }
  
  /* IP Address/Location Placeholder Styling */
  .translucent-form-overlay input::placeholder {
    color: black;
  }
  
  /* Title and Input Labels Styling */ 
  .translucent-form-overlay h3, .translucent-form-overlay label {
    color: #fefefe;
  }
  /* Distance Selector Input Styling */
  .translucent-form-overlay input, .translucent-form-overlay select {
    color: black;
  } 
  /* Search Button Styling */
  #btnSubmit {
      background-color:teal;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      color: white;
      padding: 15px;
      font-size: larger;
  }

  /* Location Button Styling */
  #btnLocation {
    background-color:teal;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
    padding: 10px;
    margin-bottom: 10px;
  }

  .breweryButton, .routeButton {
    background-color:teal;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
    padding: 10px;
    margin-left: 10px;
    font-size: smaller;
  }

/* Map Container Styling */

@media screen and (max-width: 380px) {
  #mapContainer {
    width: 330px; 
    height: 300px
  };
};
@media screen and (min-width: 760px){
  #mapContainer {
    width: 640px; 
    height: 480px
  };
};

/* Brewery List Styling */


/* Footer Styling */

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
  overflow: auto;  
}

footer .btnContact {
  color: teal;
  font-size: larger;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
  
}

.btnContact:hover {
  color:black;
  background-color:teal;
}