/* Public-site field fill and focus cleanup. Keep one clean rounded focus state on fields. */

.public-home input,
.public-home textarea,
.public-home select,
.public-discovery-page input,
.public-discovery-page textarea,
.public-discovery-page select,
.public-volunteer-page input,
.public-volunteer-page textarea,
.public-volunteer-page select,
.public-organization-page input,
.public-organization-page textarea,
.public-organization-page select,
.public-home .public-home-searchbox,
.public-home .public-home-location-input,
.public-discovery-page .public-discovery-org-search {
  background-color: #f7f8fa !important;
}

.public-home input:focus,
.public-home input:focus-visible,
.public-home textarea:focus,
.public-home textarea:focus-visible,
.public-home select:focus,
.public-home select:focus-visible,
.public-discovery-page input:focus,
.public-discovery-page input:focus-visible,
.public-discovery-page textarea:focus,
.public-discovery-page textarea:focus-visible,
.public-discovery-page select:focus,
.public-discovery-page select:focus-visible,
.public-volunteer-page input:focus,
.public-volunteer-page input:focus-visible,
.public-volunteer-page textarea:focus,
.public-volunteer-page textarea:focus-visible,
.public-volunteer-page select:focus,
.public-volunteer-page select:focus-visible,
.public-organization-page input:focus,
.public-organization-page input:focus-visible,
.public-organization-page textarea:focus,
.public-organization-page textarea:focus-visible,
.public-organization-page select:focus,
.public-organization-page select:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
}

.public-home .public-home-searchbox:focus-within,
.public-home .public-home-location-input:focus-within,
.public-discovery-page .public-discovery-org-search:focus-within {
  border-color: rgba(214,40,40,.72) !important;
  box-shadow: 0 0 0 3px rgba(214,40,40,.10), 0 12px 30px rgba(23,25,29,.07) !important;
}

.public-home label > input:focus,
.public-home label > textarea:focus,
.public-home label > select:focus,
.public-discovery-page label > input:focus,
.public-discovery-page label > textarea:focus,
.public-discovery-page label > select:focus,
.public-volunteer-page label > input:focus,
.public-volunteer-page label > textarea:focus,
.public-volunteer-page label > select:focus,
.public-organization-page label > input:focus,
.public-organization-page label > textarea:focus,
.public-organization-page label > select:focus {
  border-color: rgba(214,40,40,.72) !important;
  box-shadow: 0 0 0 3px rgba(214,40,40,.10) !important;
}