/*
This file contains delayable CSS that will be preloaded Asynchronously using Google's recommended filamentgroup loadCSS link stylesheet trick
Type: Delayable CSS
Usage: loadCSS link stylesheet trick
Load: Asynchronously
Devices: All
 */

#search:focus{
    outline: none
}

/* Autocomplete search */
.autocomplete-items {
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    transition: top 0.2s, opacity 0.2s;
    position: absolute;
    border-bottom: none;
    border-top: none;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0
}

.autocomplete-items.open-items {
    opacity: 1;
    top: 98%
}

.autocomplete-items div:last-child {
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.autocomplete-items div:not(:last-child) {
    border-bottom: 1px solid #dddddd;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #f0f1f1
}

.search-page .autocomplete-items {
    box-shadow: 0px 11px 29px 0 rgba(185, 221, 243, 0.48);
    border: solid 1px #bce3fc
}

.search-page .autocomplete-items div {
    background-color: #fff
}


/*when hovering an item:*/
.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}