.course-search {
    &__keywords {
        &[type="search"] {
            max-width: 100%;
            -webkit-appearance: none;
            border-radius: 0.25rem;
            -webkit-border-radius: 0.25rem;
        }
    } 
    select {
        max-width: 100%;
    }
    &__submit:hover {
        cursor: pointer;
    }
    &__category {
        font-weight: bold; padding: 0 0.5rem; margin-bottom: 0;
    }
    &__level {
        font-weight: bold;
        padding: 0 $spacing-xs;
    }
}
@media (min-width: $third-breakpoint) {
    .course-search {
        &__keywords {
            &[type="search"] {
                max-width: 60%;
            }
        } 
        &__submit {
            max-width: 10%;
        }
        select {
            max-width: 30%;
        }
    }
}
@media (max-width: $third-breakpoint) {
    .course-search {
        &__keywords {
            margin-bottom: $spacing-sm;
        }
        &__submit {
            margin-top: $spacing-sm;
        }
    }
}
.ui-autocomplete {
    z-index: 1000;
}
.ui-menu-item__course {
    padding: 0 $spacing-xs 0 $spacing-sm;

    &:hover {
        background-color: #EEE;
    }
}