:root {
    --ps-search-primary-color: #D8CB89;
    --ps-search-primary-hover: #c00;
    --ps-search-success-color: #339933;
    --ps-search-text-light: #888;
    --ps-search-text-medium: #f8f8f8;
    --ps-search-text-dark: #f8f8f8;
    --ps-search-text-darker: #4f4f4f;
    --ps-search-background: #111;
    --ps-search-background-light: #424242;
    --ps-search-background-lighter: #111;
    --ps-search-border-light: #424242;
    --ps-search-border-lighter: #222;
    --ps-search-border-medium: #a6a6a6;
    --ps-search-label-color: #8b9bad;
    --ps-search-shadow-color: rgba(59, 69, 79, 0.3);
    --ps-search-result-shadow: rgba(60, 60, 60, 0.3);
    --ps-search-option-count: #888888;
}

a {
    color: var(--ps-search-primary-color);
}

a:hover {
    color: var(--ps-search-primary-hover) !important;
}

.ps-elastic-generic-button {
    background-color: var(--ps-search-success-color);
    color: white;
}

/* search box */
.sui-search-box__submit {
    background: none;
    background-color: var(--ps-search-success-color);
    color: white;
}

.sui-search-box__text-input:focus {
    border: 1px solid var(--ps-search-primary-color);
}

.sui-search-box__autocomplete-container {
    background: var(--ps-search-background);
    box-shadow: var(--ps-search-shadow-color) 0px 2px 4px;
    border: 1px solid var(--ps-search-border-light);
}

.sui-search-box__autocomplete-container li:hover {
    background: var(--ps-search-background-light);
    cursor:pointer;
}

.sui-search-box__autocomplete-container li[aria-selected=true] {
    background: var(--ps-search-background-light);
}


/* layout */
.sui-layout-header {
    border-bottom: 1px solid var(--ps-search-border-lighter);
}

.sui-paging-info {
    color: var(--ps-search-text-medium);
}

.sui-result-filter-tab-active {
    border-bottom: 2px solid var(--ps-search-primary-color);
}



/* sidebar and facets */
@media (max-width: 800px) {
    .sui-layout-sidebar {
        background-color: var(--ps-search-background-lighter);
    }
}

.sui-facet-search__text-input:focus {
    border: 1px solid var(--ps-search-primary-color);
}

.sui-layout-sidebar-toggle {
    color: var(--ps-search-primary-color);
    border: 1px solid var(--ps-search-primary-color);
    background-color: var(--ps-search-border-lighter);
}

.sui-sorting__label,
.sui-facet__title {
    color: var(--ps-search-label-color);
}

.sui-multi-checkbox-facet {
    color: var(--ps-search-text-medium);
}

.sui-facet-view-more {
    color: var(--ps-search-primary-color);
}

.sui-facet-view-more:hover {
    color: var(--ps-search-primary-hover);
}



/* bottom paging */
.sui-paging>li:not(.rc-pagination-item-active)>a {
    color: var(--ps-search-primary-color);
}

.sui-paging>li:not(.rc-pagination-item-active)>a:hover {
    color: var(--ps-search-primary-hover);
}

.sui-paging .rc-pagination-jump-next:hover::after {
    color: var(--ps-search-primary-hover);
}

.sui-paging .rc-pagination-jump-prev:hover::after {
    color: var(--ps-search-primary-hover);
}

.sui-paging .rc-pagination-jump-next:hover {
    background-color: var(--ps-search-border-lighter);
}

.sui-paging .rc-pagination-next:hover {
    background-color: var(--ps-search-border-lighter);
}

.sui-paging .rc-pagination-jump-prev:hover {
    background-color: var(--ps-search-border-lighter);
}

.sui-paging .rc-pagination-prev:hover {
    background-color: var(--ps-search-border-lighter);
}


/* results */
.sui-result {
    background-color: var(--ps-search-border-lighter);
    box-shadow: 0px 0px 5px 0px var(--ps-search-result-shadow);
}

.sui-result em {
    color: inherit;
}

.sui-result em::after {
    background: none;
    background-color: var(--ps-search-primary-color);
    opacity: 0.00;
}

.sui-result__header-info {
    color: var(--ps-search-text-light);
}

.sui-result-details-sheet-music-info-label {
    color: var(--ps-search-text-light);
}


/* select */
.sui-select {
    background-color: inherit;
}

.sui-select__control {
    background-color: var(--ps-search-border-lighter);
    border: 1px solid var(--ps-search-border-light);
}

.sui-select__control--is-focused {
    border: 1px solid var(--ps-search-primary-color)  !important;
}

.sui-select__menu {
    background-color: var(--ps-search-background)  !important;
    box-shadow: 0px 0px 5px 0px var(--ps-search-result-shadow)  !important;
}

.sui-select__value-container--has-value {
    color: var(--ps-search-text-dark)  !important;
}

.sui-select__placeholder {
    color: var(--ps-search-text-dark)  !important;
}

.sui-select__single-value {
    color: var(--ps-search-text-dark)  !important;
}

.sui-select__option-count {
    color: var(--ps-search-option-count);
}

.sui-select__option-label {
    color: var(--ps-search-text-darker);
}

.sui-select__option {
    color: var(--ps-search-text-dark);
}

.sui-select__option--is-selected {
    color: var(--ps-search-text-dark);
    background: var(--ps-search-background-light);
}

.sui-select__option--is-selected .sui-search-select__option-label {
    color: #333333;
}

.sui-select__option:hover {
    background: var(--ps-search-background-light);
}