@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap');
.ui-autocomplete
{
    font-family: 'Fjalla One', sans-serif;
    font-size: 1rem;

    z-index: 1000;

    min-width: calc(2.125rem + 10.5vw);
    padding: .3125rem 0;

    list-style: none;

    text-align: left;

    color: inherit;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    background: #fff;
    background-clip: padding-box;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

@media (min-width: 1200px)
{
    .ui-autocomplete
    {
        min-width: 10rem;
    }
}

.ui-autocomplete .ui-menu-item
{
    font-weight: normal;
    line-height: 1.5;

    display: block;
    clear: both;

    margin: 0;
    padding: .1875rem 1.25rem;

    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;

    color: #212529;
    border: 0;
    border-radius: 0;
    outline: 0;
}

.ui-autocomplete .ui-menu-item.ui-state-hover
{
    color: #16181b;
    background: #e9ecef;
}

.ui-autocomplete .ui-menu-item.ui-state-active,
.ui-autocomplete .ui-menu-item.ui-state-focus
{
    color: #fff;
    background: #5a7da2;
}