/********** Search Page STYLES **********/

.search-results .no-results .entry-header {
    background: #fff;
}

.search-results .no-results .searchform{
    display: none;
}

/* General styles for the search container */
.search-container {
    margin: 0 auto;
    padding: 20px;
}

/* Style the search form */
.search-container form {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.search-container .search-input-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    max-width: var(--article-container-width);
    margin: 0 auto 1rem;
}

.search-container input[type="search"] {
    max-width: 380px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 0px;
    width: 100%;
}

.search-container .filter-row{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    padding: 0;
}

.search-results .entry-content-wrapper{
    padding: 0 !important;
}

.search-results .entry-header{
    padding: var(--mobile-spacer) var(--mobile-gutter)
}

@media screen and (min-width: 768px) {

    
    .search-container .filter-row{
        padding: 0;
    }
    
}

@media screen and (min-width: 1280px) {

    .search-results .entry-header{
        padding: var(--desktop-spacer) var(--desktop-gutter)
    }

    .search-container .filter-row{
        max-width: 1200px;
        flex-direction: row;
        padding: 0 var(--desktop-gutter)
    }
    
}

.search-container .filter-row .inputs{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.search-container .filter-row .inputs > div{
    width: 100%;
}

@media screen and (min-width: 576px) {
    .search-container .filter-row .inputs > div{
        width: 50%;
        
    }
}

@media screen and (min-width: 768px) {
    .search-container .filter-row .inputs{
        flex-direction: row;
    }

    .search-container .filter-row .inputs > div{
        width: 25%;
    }
}



.search-container .filter-row .inputs .custom-select{
    width: 100%;
    border-radius: 0px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 0px;
    background: #fff;
}

.search-container .filter-row .inputs .custom-select button{
    border: 0px;
    border-radius: 0px;
    padding: 10px;
    height: unset;
}

.search-container .filter-row .inputs .custom-select button:hover,
.search-container .filter-row .inputs .custom-select button:focus,
.search-container .filter-row .inputs .custom-select button:active{
    /* outline: thin dotted var(--text-brand-blue); */
    border: 0;
    box-shadow: none;
    border-radius: 0px;
}

.search-container select {
    padding: 14px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 0px;
    background-position: right 16px top 16px;
}

.search-container select:hover,
.search-container select:focus,
.search-container select:active {
    /* outline: thin dotted var(--text-brand-blue);
    border: 1px solid var(--color-brand-blue-classic); */
    box-shadow: none;
    border-radius: 0px;
}

.search-container .filter-row .inputs .custom-select,
.search-container .filter-row .inputs select{
    height: 48px;
}

.search-container .ms-drop{
    border-radius: 0px;
    margin-top: 2px;
}

.ms-drop ul>li,
.ms-drop .ms-select-all{
    border-left: 3px solid white;
}

.ms-drop ul>li:hover,
.ms-drop ul>li:focus{
    border-left: 3px solid var(--color-light-grey);
}

.ms-drop .ms-select-all.highlighted,
.ms-drop .ms-select-all.highlighted, 
.ms-drop ul>li.highlighted {
    background: var(--color-light-grey);
    border-left: 3px solid var(--color-light-grey);
}

.ms-drop ul>li.selected:hover,
.ms-drop ul>li.selected:focus{
    border-left: 3px solid var(--color-text-Breaking-Bar);
}

.ms-drop ul>li.selected{
    background: var(--color-light-grey) !important;
    color: var(--text-carbon)   !important;
    border-left: 3px solid var(--color-text-Breaking-Bar);
}

.search-container .ms-select-all{
    color: var(--main-nav-blue)
}

.search-container button[type="submit"] {
    padding: 10px 15px;
    font-size: 16px;
    background-color: var(--text-carbon);
    color: #fff;
    border: none;
    border-radius: 0px;
    cursor: pointer;
}

.search-container button[type="submit"]:hover {
    background-color: var(--text-carbon);
}


.ms-choice>span.ms-placeholder{
    color: var(--text-carbon)
}

.ms-drop .ms-select-all label,
.ms-choice:hover>span.ms-placeholder,
.ms-choice:focus>span.ms-placeholder{
    color: var(--color-brand-blue-classic);
}

.ms-parent .ms-select-all .selected .icon-checkbox-container,
.ms-parent li:not(.hide-radio).selected .icon-checkbox-container,
.ms-drop .ms-select-all .selected .icon-checkbox-container,
.ms-drop li:not(.hide-radio).selected .icon-checkbox-container{
    background-color: var(--main-nav-blue);
}

.ms-parent .ms-select-all .selected .icon-checkbox-container div,
.ms-parent li:not(.hide-radio).selected .icon-checkbox-container div,
.ms-drop .ms-select-all .selected .icon-checkbox-container div,
.ms-drop li:not(.hide-radio).selected .icon-checkbox-container div{
    color: #fff;
}