.search-grid {
  display: grid;
  grid-column-gap: 0%;
  grid-row-gap: 1em;
  grid-template-columns: 27% 46% 27%;
}

.search-grid .search-cell {
  padding:  var(--search-grid-cell-padding);
  font-weight: var(--search-grid-cell-font-weight);
  background: var(--search-grid-cell-background-color);
}

@media screen and (max-width: 850px) {
  .search-grid { grid-row-gap: 0.5em; }
  .search-grid { grid-template-columns: 100%; }
  .search-grid .search-cell { font-size: 1em; }
  .search-grid .empty-cell-left { display: none; }
}

#heading-block-wrapper {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#heading-block {
  display: block;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border: var(--heading-block-border-width) var(--heading-block-border-style) var(--heading-block-border-color);
  border-radius: var(--heading-block-border-radius);
  font-family: var(--heading-block-font-family);
  font-size: var(--heading-block-font-size);
  font-weight: var(--heading-block-font-weight);
  color: var(--heading-block-color);
  background-color: var(--heading-block-background-color);
  text-decoration: none;
  cursor: default;
}

#search-block-wrapper {
  width: 225px;
  margin-left: auto;
  text-align: center;
}

@media screen and (max-width: 850px) {
  #search-block-wrapper { margin-right: auto; }
}

#search-block {
  display: block;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border: var(--search-block-border-width) var(--search-block-border-style) var(--search-block-border-color);
  border-radius: var(--search-block-border-radius);
  font-family: var(--search-block-font-family);
  font-size: var(--search-block-font-size);
  font-weight: var(--search-block-font-weight);
  color: var(--search-block-color);
  background-color: var(--search-block-background-color);
  text-decoration: none;
}

#search-input {
  padding: 0px 0px 0px 2px;
  font-family: var(--search-block-font-family);
  font-size: var(--search-block-font-size);
  font-weight: var(--search-block-font-weight);
  background-color: var(--website-background-color);
}

#search-button {
  border: var(--search-button-border-width) var(--search-button-border-style) var(--search-button-border-color);
  border-radius: var(--search-button-border-radius);
  font-family: var(--search-button-font-family);
  font-size: 1em;
  font-weight: var(--search-button-font-weight);
  color: var(--search-button-color);
  background-color: var(--search-button-background-color);
  text-decoration: none;
  cursor: pointer;
}

#search-reset-button {
  border: var(--search-reset-button-border-width) var(--search-reset-button-border-style) var(--search-reset-button-border-color);
  border-radius: var(--search-reset-button-border-radius);
  font-family: var(--search-reset-button-font-family);
  font-size: 1em;
  font-weight: var(--search-reset-button-font-weight);
  color: var(--search-reset-button-color);
  background-color: var(--search-reset-button-background-color);
  text-decoration: none;
  cursor: pointer;
}

#reset-button {
  border: var(--reset-button-border-width) var(--reset-button-border-style) var(--reset-button-border-color);
  border-radius: var(--reset-button-border-radius);
  font-family: var(--reset-button-font-family);
  font-size: 1em;
  font-weight: var(--reset-button-font-weight);
  color: var(--reset-button-color);
  background-color: var(--reset-button-background-color);
  text-decoration: none;
  cursor: pointer;
}