body {
  font-family: "Open Sans", sans-serif;
}

header {
  background-color: #606c38;
  text-align: center;
  height: 15vh;
  padding: 10px;
}

.row {
  padding-top: 10px;
}

.city-header {
  padding-top: 5px;
}

ul {
  padding-bottom: 10px;
}

#left-column {
  height: 150vh;
  background-color: #fefae0;
}

.card {
  border: 2px solid #e5e5e5;
  background-color: #fefae0;
}

.bg-primary {
  background-color: grey !important;
}

.card-text {
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.col-sm-8 right-panel {
  padding-right: 10px;
}

/* These are overriding the bootstrap css */
.btn {
  background-color: #bc6c25;
  border-color: #bc6c25;
  margin-left: 10px;
}

.btn:hover {
  background-color: #dda15e;
  border-color: #dda15e;
}

.list-group-item {
  margin-bottom: 5px;
}

.list-group-item:hover {
  background-color: #283618;
  border-color: #283618;
  color: white;
}