button:focus,
textarea:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus, select:focus {
  outline-style: solid;
  outline-width: var(--outline-width);
  outline-offset: 0;
  outline-color: var(--color-outline);
}

#main > form#cform label, form label {
  display: block;
  font-weight: bold;
  margin-bottom: 24px;
}
#main > form#cform fieldset, form fieldset {
  border: none;
  padding: inherit;
}
#main > form#cform legend, form legend {
  font-weight: bold;
  color: var(--base-text-color);
  background-color: var(--color-light-gray);
  width: 100%;
  padding: 6px;
  display: block;
  margin-bottom: 24px;
}
#main > form#cform input[type=checkbox],
#main > form#cform input[type=email],
#main > form#cform input[type=password],
#main > form#cform input[type=url],
#main > form#cform textarea,
#main > form#cform select,
#main > form#cform input[type=text]:not(.c-search__input), form input[type=checkbox],
form input[type=email],
form input[type=password],
form input[type=url],
form textarea,
form select,
form input[type=text]:not(.c-search__input) {
  display: block;
  border-radius: 6px;
  border: 3px solid var(--color-form-field-border);
  padding: 6px;
  color: var(--color-dark-gray);
}
#main > form#cform input[type=checkbox], form input[type=checkbox] {
  border: 3px solid var(--color-form-field-border);
}
#main > form#cform .error, form .error {
  color: red;
}
#main > form#cform .checkbox, form .checkbox {
  display: flex;
  flex-wrap: wrap;
}
#main > form#cform .checkbox label, form .checkbox label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
#main > form#cform .checkbox input, form .checkbox input {
  margin-right: 6px;
}
#main > form#cform .checkbox label + label, form .checkbox label + label {
  margin-left: 24px;
}
#main > form#cform .toggle legend, form .toggle legend {
  padding-left: 24px;
  background-image: url("/assets/down-arrow.svg");
  background-position: 6px center;
  background-repeat: no-repeat;
  cursor: pointer;
}
#main > form#cform .toggle .closed legend, form .toggle .closed legend {
  background-image: url("/assets/up-arrow.svg");
}
#main > form#cform .closed, form .closed {
  margin-bottom: 0;
}
#main > form#cform .closed > .checkbox--stacked, form .closed > .checkbox--stacked {
  height: 0;
  margin-bottom: none;
}
#main > form#cform .checkbox--stacked, form .checkbox--stacked {
  height: auto;
  flex-direction: column;
  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
  flex-wrap: nowrap;
}
#main > form#cform .checkbox--stacked label, form .checkbox--stacked label {
  margin-bottom: 12px;
  flex-shrink: 0;
}
#main > form#cform .checkbox--stacked label + label, form .checkbox--stacked label + label {
  margin-left: 0;
}
#main > form#cform input[type=checkbox], form input[type=checkbox] {
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  flex-shrink: 0;
}
#main > form#cform input[type=checkbox]:checked, form input[type=checkbox]:checked {
  background: var(--color-outline) url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 3px 3px no-repeat;
  filter: brightness(120%);
}

#map {
  height: 80vh;
  width: 100%;
  margin-bottom: 24px;
}

.c-change__view a + a {
  margin-left: 12px;
}