{#*******************************************

Fancy groups css

********************************************#}

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800" rel="stylesheet">

<style>
    .wpsolr_separator {
        border-top: 1px solid black;
        margin: 0 14px;
        padding-bottom: 4px;
    }

    .wpsolr_suggestions {
        background: #fff !important;
        border-radius: 0 0 24px 24px !important;
        box-shadow: 0 9px 8px -3px rgba(64,60,67,.24), 8px 0 8px -7px rgba(64,60,67,.24), -8px 0 8px -7px rgba(64,60,67,.24);
        width: 100%;
        margin: 0;
        padding: 0 0 10% 0;
    }

    .wpsolr_suggestions li {
        list-style: none !important;
        display: flex;
        align-items: center;
        margin-left: 5%;
    }

    .wpsolr_suggestions li:hover {
        background-color: #f8f9fa;
    }

    .wpsolr_suggestions li img {
        width: 20px;
        height: 20px;
        padding-right: 5%;
    }

    .wpsolr_suggestions li .keyword {
        width: 90%;
        color: #212121;
        text-decoration: none;
        background-color: transparent;
    }
</style>
