.path-frontpage .search-toggle::after,
.page-node-type-landing-page .search-toggle::after {
  color: #fff;
}

header:hover .search-toggle::after,
header.active .search-toggle::after {
  color: #000;
}

.search-toggle {
  background-image: none !important;
}

.search-toggle::after {
  font-family: "Material Symbols Outlined";
  content: "search";
  color: #000;
  font-size: 1.5rem;
}

.search-toggle.opened::after {
  content: "close";
}

header#header .region-header-3 .search .search-toggle,
header#header .region-header-3 .search .search-toggle.opened {
  background-image: none;
}

header .region-header-3 .search .search-toggle,
header #access-toggle {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  cursor: pointer;
}

.userway-widget-enabled #header .region-header-3 .search .search-toggle {
  position: static;
}

.custom-search-block-search-box-form {
  display: none;
  top: calc(var(--drupal-displace-offset-top, 0px) + var(--header-height));
  background-color: rgb(255 255 255 / 90%);
  z-index: 5;
  position: fixed !important;
  width: 100%;
  min-height: 3rem;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.04);
}

.custom-search-block-search-box-form.active {
  display: block !important;
  visibility: visible;
  opacity: 1;
}

#custom-search-block-search-box-form {
  max-width: 60rem;
  margin: auto;
  position: relative;
}

.custom-search-block-search-box-form #edit-search {
  min-height: 3.625rem;
  width: 100%;
  background-image: none;
  border-radius: 0;
  padding-right: 3rem;
}

.search-submit-wrapper {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 3rem;
  height: calc(3.625rem - 2px);
}

.search-submit-wrapper::after {
  font-family: "Material Symbols Outlined";
  content: "search";
  color: #000;
  font-size: 2rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 2rem;
  top: 1rem;
  cursor: pointer;
}

.search-submit-wrapper input {
  border: 0;
  background-color: #fff;
  height: 100%;
  width: 100%;
  color: #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border-color: var(--color-700);
  background: var(--color-700);
}

body .ui-autocomplete.ui-front:not(.search-api-autocomplete-search) {
  padding-top: 0.25rem;
}

body .ui-autocomplete.ui-front:not(.search-api-autocomplete-search) li::marker {
  content: '';
}

.ui-menu .ui-menu-item {
  min-height: 2rem;
}

@media (max-width: 1119px) {
  #header .search-toggle::after,
  #header #access-toggle::after {
    color: #000;
  }
}

@media (min-width: 1921px) {
  header .region-header-3 .search .search-toggle {
    width: 2rem;
    height: 2rem;
  }

  .search-toggle::after {
    font-size: 2rem;
  }
}

@media all and (min-width: 3441px) {
  :root {
    --header-height: 11.875rem;
  }

  header .region-header-3 .search .search-toggle {
    width: 3rem;
    height: 3rem;
  }

  .search-toggle::after {
    font-size: 3rem;
  }
}