#autoComplete {
    position: relative;
    width: 10rem;
}

#autoComplete_list {
    position: absolute;
    z-index: 100;
    padding: 0;
    top: $navbar-height;
    width: 18rem;
}

// Move search results to right only on desktop
@media (min-width: $desktop) {
    #autoComplete_list {
        right: 0;
    }
}

.autoComplete_result {
    margin: 0 auto;
    padding: 0.6rem;
    max-width: 280px;
    list-style: none;
    background-color: darken($background-base-color, 6);
    border-bottom: solid 1px $background-base-color;
}

.autoComplete_result:hover,
.autoComplete_result:focus,
.autoComplete_selected {
    background-color: $background-base-color;
}

.autoComplete_highlighted {
    color: $primary;
    font-weight: 700;
}