/*
FFC733 - BRIGHT YELLOW - NAV BAR
D4A71B - DARK YELLOW - TITLE BACKGROUND
DACDA9 - NEUTRAL BEIGE - HEADER BACKGROUND
ECE6D3 - LIGHT YELLOW
FDFFFC - WHITISH YELLOW
071400 - DARK JUNGLE GREEN - SEARCH FIELD BACKGROUND

Materialize CSS v 1.0.0
*/

:root {
  --primary: #ffc733;
  --secondary: #d4a71b;
  --content-background: #ece6d3;
  --content-containers: #dacda9;
  --body-background: #fdfffc;
  --header-font: 'Allerta Stencil', sans-serif;
  --body-font: 'Changa', sans-serif;
}

body {
  background-color: var(--body-background);
}

#search {
    background-color: #202220d2;
    width: 100vw;
}

#search, select, textarea {
    color: white;
  }

#nav {
  height: 64px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  padding-bottom: 15px;
  width: 100vw;
}


#deja-brew {
  position: relative;
  margin-left: 10px;
}

#body-container {
    margin-top: 45px;
}

#map-card {
  background-color: var(--secondary);
  border-radius: 0px 0px 15px 15px;
}

#map-container {
  border-radius: 0px 0px 15px 15px;
  margin-top: 60px;
}



h2 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: 'Allerta Stencil', sans-serif;
    text-shadow: 2px 2px 4px #685620;
}


a, th, h2 {
    font-family: var(--header-font);
}

p, #nav-btn {
    font-family: var(--body-font);
}


#brew-container {
    margin-left: 40px;
    
}

#breweries-list {
  height: 500px;
  overflow: auto;
  padding-left: 15px;
}

.brew-name {
  font-weight: bolder;
  font-size: 18px;
}

.brew-website {
  text-decoration: underline;
}

.hide {
  display: hidden;
}