:root {
  --background-gradient: linear-gradient(30deg, #f39c12 30%, #f1c40f);
  --gray: #34495e;
}



.search {
  width: 100%;
  position: relative;
  display: flex;
  margin: 5px 3px;
}

.searchTerm {
  width: 100%;
  border: 3px solid #157ed2;
  border-right: none;
  padding: 5px;
  height: 40px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 40px;
  height: 40px;
  border: 1px solid #157ed2;
  background: #157ed2;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}
/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 100%;
  /* position: absolute; */
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */

  /* padding-right: 10px; */
}

.border-r{
  border-right: solid 1px #e4e4e4;
}

/* cites link button */
.Cities{
/* margin: 0 10px; */
/* border-left: 1px solid #ccc; */
/* padding: 0px 0 0 10px; */
}
.link-button {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #157ed2;
color: #032546;
padding: 8px;
margin: 5px 5px;
border-radius: 16px;
text-decoration: none;
width: 102px;
text-align: center;
transition: all .2s ease-in-out;
}
.link-button:hover {
  Background-color: #096991;
  color: #fff;
text-decoration: none;

transform: scale(1.1);
}
.link-button.active {
  Background-color: #096991;
  color: #fff;
text-decoration: none;

transform: scale(1.1);
}
/* +++++++++++++++++++++++++++++++++++++
                Custom select
++++++++++++++++++++++++++++++++++++++ */
select {
  /* Reset Select */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border: 0;
  box-shadow: none;
  /* Personalize */
  flex: 1;
  padding: 0 1em;
  /* color: #fff;
  background-color: #2c3e50; */
  background-image: none;
  cursor: pointer;
}
/* Remove IE arrow */
select::-ms-expand {
  display: none;
}
/* Custom Select wrapper */
.select {
  position: relative;
  display: flex;
  width: 20em;
  height: 3em;
  border-radius: .25em;
  overflow: hidden;
}
/* Arrow */
.select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  color: #fff;
  background-color: #157ed2;
  transition: .25s all ease;
  pointer-events: none;
}
/* Transition */
.select:hover::after {
  color: #ffffff;
}