#search {
    width:150px;
    height:35px;
    padding:0 12px;
    margin-bottom:10px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    
    .search-field form {
    grid-row:1;
    }
    
    .search-field a {
    grid-row:1;
    margin-left:5px;
    }
    
    #nav .search-field {
    display:grid;
    }
    
    #nav .search-field input {
    margin:0;
    }
    
     /*** NEW Search Engine - BEGIN ***/
    .autocomplete {
        /*the container must be positioned relative:*/
        position: relative;
        display: inline-block;
        }
        .autocomplete-items {
        position: absolute;
        border: 1px solid #d4d4d4;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        }
        .autocomplete-items div {
        /* padding: 10px; */
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
        }
    
        .autocomplete-items a::before {
        content: none !important;
        }
    
        .autocomplete-items a:hover {
        color: #959595 !important;
        }
    
        .autocomplete-items a {
        padding: 10px;
        display: block;
        text-transform: none !important;
        font-weight: normal !important;
        }
    
        .autocomplete-items span {
        padding: 10px;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
        margin: 0;
        text-align: center;
        display:block;
        }
    
        .autocomplete-items h5 {
        padding: 10px;
        color: #ffffff;
        background-color: #5d21d2;
        border: 1px solid #000000;
        margin: 0;
        }
    
        .autocomplete-items div:hover {
        /*when hovering an item:*/
        background-color: #e9e9e9;
        }
        .autocomplete-active {
        /*when navigating through the items using the arrow keys:*/
        background-color: DodgerBlue !important;
        color: #ffffff;
        }
    /*** NEW Search Engine - END ***/