#makepicks section.yourname input[type="text"]{
  border:1px solid black;
  border-radius: 15px;
  height:60px;
  display:block;
  width:100%;
  position:relative;
  font-size:1.5em;
  text-align:center;
  font-weight:bold;
  background-color: #fafafa;
  text-transform: capitalize;
}

#makepicks {
  padding-bottom:60px;
}

#makepicks .nextButton {
  display:none;
}

#makepicks .nextButton.displayed {
  display:block;
}

#makepicks section.when .dateTime {
  display:flex;
  flex-direction: row;
  border:1px solid black;
  border-radius: 15px;
  height:60px;
  font-size:1.5em;
  font-weight:bold;
  background-color: #fafafa;
}

#makepicks section.when .dateTime .time {
  border-left: 1px solid black;
  width:150px;
  line-height:60px;
}

#makepicks section.when .dateTime .date {
  flex-grow: 1;
  line-height:60px;
}

#makepicks section.price .priceRanges {
  border:1px solid black;
  background-color: #fafafa;
  border-radius: 15px;
  display:flex;
  flex-direction: row;
  width:100%;
  height:60px;
  overflow:hidden;
}

#makepicks section.price .priceRanges .priceRange {
  width:33.3%;
  line-height:60px;
  font-size: 1.6em;
  border-right:1px solid black;
}
#makepicks section.price .priceRanges .priceRange:last-child {
  border-right: 0px;
}
#makepicks section.price .priceRanges .priceRange.selected {
  background-color:red;
}

#makepicks section.activity {
  min-height:230px;
}

#makepicks section.activity .content{
  transform:none;
  top:0;
  margin-bottom:20px;
}

#makepicks .neighborhoods .fakeSearch {
  border-bottom: 4px solid black;
  padding-bottom:10px;
  color: gray;
  line-height:50px;
  font-size:1.3em;
  width:100%;
  height:50px;
}

.searchBox {
  display:none;
  position:fixed;
  width:100vw;
  height:100vh;
  padding-bottom:100px;
  top:100vh;
  background-color:white;
  z-index:10;
}
.searchBox.displayed {
  display:flex;
  flex-direction:column;
  top:0vh;
}

.searchBox .close {
  position:absolute;
  top:1px;
  right:1px;
  height:40px;
  width:40px;
  text-align:center;
  line-height:40px;
  color:white;
  font-size:1.5em;
}
.searchBox h1 {
  height:60px;
  background-color:gray;
}

.searchBox .searchNeighborhoodsResults {
  flex:1;
  overflow:scroll;
  padding-bottom:150px;
}

.searchBox .done {
  position:fixed;
  bottom:0;
  left:0;
  width:100vw;
  height:60px;
  background-color:#187bf7;
  line-height:60px;
  font-size:1.3em;
  color:white;
  text-align:center;
}

.searchBox h1 input::placeholder {
  color:lightgray;
}
.searchBox h1 input {
  border:0;
  width:100%;
  height:50px;
  border-bottom: 4px solid black;
  background-color:rgba(0,0,0,0);
  color:white;
  font-size:1.1em;
  padding:5px;
  padding-left:10px;
}

.searchBox .neighborhoodResult {
  height:60px;
  line-height:60px;
  padding-left:50px;
  border-bottom:1px solid gray;
  display:flex;
  flex-direction:row;
  font-size:1.3em;
}
.searchBox .neighborhoodResult .name {
  flex:1;
}

.searchBox .neighborhoodResult .check {
  width:50px;
  color:lightgray;
}

.searchBoxTemplate {
  display:none;
}

.searchBox .neighborhoodResult.selected .check{
  color:#b33afb;
}

.neighborhoodResults {
  padding-top:20px;
  text-align:center;
  padding-bottom:20px;
}

#makepicks .neighborhoods {
  min-height:150px;

}

#makepicks .activity input {
  display:none;
}
#makepicks .activity input:checked + label {
  background-color:#b33afb;
  color:white;
}
#makepicks .activity label {
  display: inline-block;
  border-radius: 20px;
  border: 1px solid black;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
  margin-right:10px;
  margin-bottom:10px;
  font-size:1.3em;
}

.getSpots {
  display:block;
  height:60px;
  color:white;
  width:100%;
  line-height:60px;
  text-align:center;
}

#makepicks .phoneNumber input {
  height:50px;
  width:100%;
  border-radius:10px;
  text-align:center;
  font-size:1.4em;
}

#makepicks .phoneNumber p {
  margin-bottom:10px;
}