#search_bar {
  display:flex;
  flex-direction: row;
  justify-content: center;
}

#search_bar_input {
  padding-left: 10px;
  width: 80%;
  max-width: 600px;
  height: 40px;
  font-size: 13px;
  letter-spacing: .06em;
  color: var(--color-dark);
  box-shadow: 1px 2px 3px #00000025;
  border-radius: 5px;
  border-width: 0px;
  border-color: var(--color-light);
  background-color: var(--color-light-light);
}

#search_bar_input::placeholder {
  color: var(--color-dark-accent);
  padding-left: 0px; /* this is accounted for in the non-placeholder block */
  font-size: 13px;
  letter-spacing: .06em;
}

#search_bar_input:focus {
  outline:none;
}

#search_bar_submit {
  margin-left: 15px;
  width: 60px;
  height:41px;
  background-color: var(--color-primary-light);
  border-radius: 4px;
  box-shadow: 1px 3px 3px #00000025;
}

#search_bar_submit:focus {
  outline:none;
}

#search_bar_submit:hover {
  cursor:pointer;
}

#search_icon {
  height: 27px;
}