/* -*- mode: css -*- */

/* ReadTheOrg search styles, RTD-inspired */

#search-container {
    padding: 12px;
    background-color: #2980b9;
}

#search-input {
    width: 100%;
    padding: 6px 12px;
    border: 1px solid #2472a4;
    border-radius: 50px;
    background-color: #fcfcfc;
    color: #404040;
    box-shadow: inset 0 1px 3px #ddd;
    font-family: "Lato", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
    font-size: 80%;
    transition: border-color 0.3s linear, box-shadow 0.3s linear;
}

#search-input:focus {
    outline: none;
    border-color: #1b5f8a;
    box-shadow:
        inset 0 1px 3px #ddd,
        0 0 4px rgb(36 114 164 / 60%);
}

#search-input::placeholder {
    color: #777;
    opacity: 1;
}

#search-results {
    margin: 10px 0 0;
    padding: 0;
    overflow-y: auto;
    max-height: 300px;
    list-style: none;
}

#search-results li {
    margin: 0 0 5px;
    padding: 6px 10px;
    border-radius: 4px;
    background-color: #2472a4;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}

#search-results li:hover,
#search-results li[aria-selected="true"] {
    background-color: #3091d1;
}

mark {
    color: #000;
    background-color: #ff0;
}