#search_widget{
  position: relative;
  overflow: hidden;
}

.headersearch label.search {
  font-size: 1.5em;
  cursor: pointer;
  background-color: var(--color-link-1);
    width: 45px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.headersearch label.search i {
  color: white;
}

.headersearch label.search:hover {
  background-color: #fff;
}

.headersearch label.search:hover i {
  color: black;
}
 
 .search-form-inp {
   display: flex;
   align-items: center;
   /*background-color: #e9ebf6;
   border-radius: 25px;*/
   padding-left: 0.8em;
   gap: 0.5em;
   border: 1px solid rgb(204, 204, 204);
    min-height: 48px;
    height: 48px;
    border-radius: 4px;
 }

 .search-inp:focus,
 .search-inp:hover {
   outline: none !important;
 }

 .search-inp {
   background-color: transparent;
   border: none;
   padding: 0;
   --tw-shadow: 0 0 transparent;
   -webkit-appearance: none;
   appearance: none;
   flex-grow: 1;
 }

 .ui-autocomplete.searchbar-autocomplete {
   width: 100%;
   min-height: 100%;
   border: none;

 }

 .ui-autocomplete.searchbar-autocomplete li a,
 .ui-autocomplete.searchbar-autocomplete li a.ui-state-focus {
   padding: 8px 15px;
   overflow: auto;
   border: none;
   background: none;
   margin: auto;
   border-radius: 0;
 }

 .ui-autocomplete.searchbar-autocomplete li a:hover {
   background-color: #f1f1f1;
   cursor: pointer;
 }

 .ui-autocomplete.searchbar-autocomplete li a .autocomplete-thumbnail {
   float: left;
   width: 50px;
   height: auto;
   margin-right: 8px;
 }

 @media only screen and (min-width: 768px) {

   .ui-autocomplete.searchbar-autocomplete {
     width: 400px;
     min-height: auto;
     left: auto;
   }
 }