/*
 * SEARCH AUTOCOMPLETE
 * Helper file to build your own theme.
 */

/**
 * THEME CUSTOM
 *
 * 1- duplicate this file
 * 2- rename this "your theme".css
 */

.js .form-element-search-text input.form-autocomplete {
  border: none;
  background: none;
}
.search-input.show input.form-autocomplete,
.js .form-element-search-text input.form-autocomplete {
  background-image: none !important;
}

.navbar ul[data-sa-theme="wf_autocomplete"] {
  width: 92%;
}

/*
 * Targeting this style example :
 */
ul[data-sa-theme="wf_autocomplete"] {
  max-height: fit-content !important;
  background-color: #f7f7f7 !important;
  border: .0625rem solid #ccc;
  border-radius: .5rem;
  width: 100%;
  position: absolute;
}

ul[data-sa-theme="wf_autocomplete"] .ui-menu-item-wrapper {
  padding: .5rem 1rem;
  text-decoration: none;
  display: block;
}

ul[data-sa-theme="wf_autocomplete"] .ui-menu-item-wrapper:hover,
ul[data-sa-theme="wf_autocomplete"] .ui-menu-item-wrapper.ui-state-active {
  border: .0625rem solid #5b6770!important;
  background-color: #5b6770!important;
}
ul[data-sa-theme="wf_autocomplete"] .ui-menu-item-wrapper .ui-autocomplete-field-title {
  font-size: .875rem;
  font-family: Verdana,Sans-serif;
  line-height: 150%;
  color: #000;
  font-weight: 400;
}
ul[data-sa-theme="wf_autocomplete"] .ui-menu-item-wrapper:hover .ui-autocomplete-field-title,
ul[data-sa-theme="wf_autocomplete"] .ui-menu-item-wrapper.ui-state-active .ui-autocomplete-field-title {
  color: #fff!important;
}

ul[data-sa-theme="wf_autocomplete"] .ui-autocomplete-container.ui-autocomplete-container-more_results .ui-menu-item-wrapper:hover {
  color: #fff!important;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

ul[data-sa-theme="wf_autocomplete"] .ui-autocomplete-container.ui-autocomplete-container-more_results .ui-autocomplete-fields.first:hover {
  color: #fff;
}

ul.ui-autocomplete li a {
  background-color: transparent;
  display: block;
  max-width: 1062px;
  padding: 12px 15px;
  width: 100%;
}

fieldset.form-item legend label.form-required::after {
  content: "";
}

fieldset.form-item legend span.form-required--indicator.text-danger {
  color: var(--bs-form-invalid-color);
}

.layout-paragraphs-component-form .layout-select__item label {
  display: flex;
  padding: 10px;
  outline: 1px solid #ccc;
}

.layout-paragraphs-component-form .layout-select__item input:checked + label {
  outline: 2px solid blue;
  transition: .1s all;
  font-weight: bold;
}

.entity-browser-wf-functional-icons-form .views-view--grid .views-row,
.view-wf-icons-entity-browser .views-view--grid .views-row {
  float: left;
  clear: both;
  width: 100%;
}

.entity-browser-wf-functional-icons-form .views-view--grid .views-row .views-col,
.view-wf-icons-entity-browser .views-view--grid .views-row .views-col {
  float: left;
}