/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.grav-search-suggested .grav-suggested-wrapper {
    display: block;
    position: relative;
    z-index: 1;
}

.grav-search-suggested .grav-suggested-results {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-box-shadow: 0 2px 2px rgba(78,78,82,.5);
    box-shadow: 0 2px 2px rgba(78,78,82,.5);
    padding: 8px 0;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    z-index: 2;
    max-height: 0;
    display: none;
    overflow: scroll;
    width: 100%;
}

.grav-search-suggested .grav-suggested-results.loading {
    min-height: 50px;
    display: block;
}

.grav-search-suggested .grav-suggested-results.loading li {
    display: none;
}

.grav-search-suggested .grav-suggested-results.loaded {
    max-height: 300px;
    display: block;
}

.grav-search-suggested .grav-suggested-results.loaded li {
    width: 100%;
    display: block;
}

.grav-search-suggested .grav-suggested-results.loaded li.grav-suggested-error,
.grav-search-suggested .grav-suggested-results.loaded li a {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: block;
    padding: 8px 16px 12px;
}

.grav-search-suggested .grav-suggested-results.loaded li a:focus,
.grav-search-suggested .grav-suggested-results.loaded li a:hover {
    background-color: #eee;
}