@charset "UTF-8";
/***!  /media/templates/site/avenir/css/mod_finder_mobilenav.css?736373  !***/

.mobilenav_search{
    flex-grow: 1;
}
    .mobilenav_search-display{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 15px;
        height: 40px;
        padding: 0 20px;
        border-radius: 20px;
        color: var(--color-2);
        background: var(--color-6);
    }
        .mobilenav_search-icon{
            flex-shrink: 0;
            font-size: 20px;
        }
        .mobilenav_search .awesomplete{
            flex-grow: 1;
        }
            .mobilenav_search-input{
                width: 100%;
                border: 0;
                padding: 0;
                background: none;
                color: var(--color-2);
                font-family: inherit;
                font-size: 16px;
            }
                .mobilenav_search-input::placeholder{
                    color: var(--color-2);
                }
            .mobilenav_search .awesomplete > ul{
                padding: 8px 0;
                margin: 12px 0 0;
                border: 0;
                border-radius: 10px;
                background: var(--color-2);
                box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
            }
            .mobilenav_search .awesomplete > ul > li{
                color: var(--color-1);
                padding: 5px 10px;
                font-size: 14px;
            }
            .mobilenav_search .awesomplete > ul > li:hover {
                background: var(--color-9);
                color: var(--color-1);
            }
                .mobilenav_search .awesomplete mark{
                    background: var(--color-4);
                    color: var(--color-2);
                    border-radius: 5px;
                    padding: 0 3px;
                }
                .mobilenav_search .awesomplete li:hover mark{
                    background: var(--color-4-darker);
                }