/*------------------------------------------------------------------------------*/
/* Simple Search Form
/*------------------------------------------------------------------------------*/
.HeaderDesktop .SimpleSearchForm {
  max-width: 400px;
  min-width: 300px;
}

.HeaderDesktop .SimpleSearchForm form {
  margin: 0;
}

.SimpleSearchForm .FormItem {
  align-items: center;
  display: flex;
  position: relative;
}

/* A visually hidden element that assistive technology can still access. */
.SimpleSearchForm .FormItem > label {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.SimpleSearchForm input[type=search] {
  --border-radius: var(--border-radius-buttons);
  background-color: rgb(250, 250, 250);
  color: var(--color-text-dark);
  flex: 1;
  padding-left: 1.5rem;
  padding-right: 6rem;
  min-height: 50px;
  outline-offset: 4px;
  outline-color: var(--color-link);
}

.SimpleSearchForm button {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: var(--color-text-dark);
  font-size: 0;
  position: absolute;
  right: 0;
  width: initial;
  border-left: 1px solid var(--input-border-color);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 100%;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
}
.SimpleSearchForm button:before {
  font-size: 24px;
}
.SimpleSearchForm button:hover {
  background-color: var(--color-link);
  color: var(--color-white);
}
.SimpleSearchForm button:hover:before {
  color: var(--color-white) !important;
}

.SimpleSearchForm button:hover {
  color: var(--color-text-dark);
}

.SimpleSearchForm button:before {
  content: "\f002";
  font-family: var(--fa-style-family);
  font-size: var(--font-size-regular);
}

/*------------------------------------------------------------------------------*/
/* Site Columns Search Bar
/*------------------------------------------------------------------------------*/
.SiteColumnsHeader .SimpleSearchForm {
  max-width: 600px;
}

.SiteColumnsHeader .SimpleSearchForm input[type=search],
.SiteColumnsHeader .SimpleSearchForm button {
  height: 5rem;
  border-radius: var(--border-radius-medium);
}

/*------------------------------------------------------------------------------*/
/* Search Page Bar
/*------------------------------------------------------------------------------*/
.SearchPageBar {
  margin-bottom: 6rem;
}

.SearchPageBar .SimpleSearchForm {
  margin: auto;
  max-width: 600px;
}

.SiteLayoutColumns .SearchPageBar .SimpleSearchForm {
  display: none;
}

.SiteLayoutColumns .SearchPageBar {
  margin-bottom: 4rem;
}

#LiveSearch {
  position: relative;
  width: 100%;
}

#LiveSearchResults {
  position: absolute;
  width: 100%;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translatey(calc(100% + 5px));
  overflow: hidden;
  display: none;
}
#LiveSearchResults .LiveSearchResults {
  min-height: 100px;
  background-color: var(--background-color-shade-1);
  border-radius: 20px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid var(--input-border-color);
}
#LiveSearchResults * {
  margin: 0;
  width: 100%;
}
#LiveSearchResults .LiveSearchSeparator {
  display: none;
}
#LiveSearchResults ul {
  list-style: none;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#LiveSearchResults ul a {
  text-decoration: none;
}

/*# sourceMappingURL=search.css.map */