/* at the very least you must set these two display properties */
/* this is so you can use CSS animations when toggling results */


/* visual styles */
.searchwp-live-search-results {
    opacity:0;
    transition:opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -webkit-transition:opacity .25s ease-in-out;
    height:0;
    overflow:hidden;
    z-index:9999;
    position:absolute;
    display:none;
}

.searchwp-live-search-results-showing {
    display:block;
    opacity:1;
    height:auto;
    overflow:auto;
}

.searchwp-live-search-no-results {
    padding:3em 2em 0;
    text-align:center;
}

.searchwp-live-search-results {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    background:#fff;
    -webkit-box-shadow:0 0 2px 0 rgba(30,30,30,0.4);
    box-shadow:0 0 2px 0 rgba(30,30,30,0.4);
    width:315px;
    min-height:175px;
    max-height:300px;
}

.searchwp-live-search-result p {
    font-size:0.9em;
    padding:1em;
    margin:0;
    border-bottom:1px solid rgba(30,30,30,0.1);
}

.searchwp-live-search-result:last-of-type p {
    border-bottom:0;
}

.searchwp-live-search-result a {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

body {
    font-size: 16px;
    background-color: #f0f0f0;
}

html, body {
    height: auto ;
    overflow: visible ;
}