#blogSearch {
    position: relative;
}

#blogSearch .tt-menu {
    max-height: 300px;
    overflow-y: auto;
    background: white;
    color: black;
    width: 100%;
    transform: translateY(5px);
    border-radius: 0.5rem;
    box-shadow: 2px 6px 18px #00000014;
}

#blogSearch .search-excerpt {
    font-size: 12px;
}

#blogSearch .search-category {
    color: #051a1a;
    background-color: #CEE0E9;
}

#blogSearch .form-control {
    border-radius: 35px;
    background: #fff;
}

.tt-menu::-webkit-scrollbar {
    width: 20px;
}

.tt-menu::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 100px;
}

.tt-menu::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 7px solid transparent;
    background-clip: content-box;
    background-color: var(--primary);
}

span.twitter-typeahead .tt-suggestion:focus, .dropdown-item:hover, span.twitter-typeahead .tt-suggestion:hover {
    background-color: #e8f1ff66;
}


span.twitter-typeahead .tt-suggestion {
    white-space: unset;
}

.dropdown-menu, span.twitter-typeahead .tt-menu {
    padding: 0;
}

span.twitter-typeahead .tt-suggestion {
    padding: 6px 0 0 14px;
}

span.twitter-typeahead .tt-suggestion:hover {
    cursor: pointer;
}

.tt-suggestion.tt-selectable::after {
    height: 1px;
    display: block;
    width: 100%;
    background: var(--primary);
    content: '';
    margin-top: 10px;
}

.tt-suggestion.tt-selectable:hover svg#arrow-right {
    transition: transform 300ms;
    transform: translateX(5px);
}