:root{
    --color-accessible-gray: #575757;
    --color-lightest-blue: rgb(244 244 247);
}
#cludo-main{
    padding: 32px;
}

#cludo-filters-container{
    flex-basis: 280px;
    flex-shrink: 0;
}

#cludo-search-results{
}

.search_autocomplete {
   top: 64px;
   pointer-events: all;
}

li.cludo_result, #t4-vcuhealth cludo-element ul li {
    background:  white;
    padding: 24px !important;
    border-radius: 8px;
    /* https://smoothshadows.com/#djEsMSwzLDAuMDMsMTUsMTEsMTEsIzAzMDcxMiwjZjNmNGY2LCNmZmZmZmYsMg%3D%3D */
    /* https://smoothshadows.com/#djEsMSwzLDAuMDMsMTUsMCwwLCMwMzA3MTIsI2YzZjRmNiwjZmZmZmZmLDI%3D */
    /* https://smoothshadows.com/#djEsMSwzLDAuMDUsMTUsMTEsMTEsIzAzMDcxMiwjZjNmNGY2LCNmZmZmZmYsMg%3D%3D */
box-shadow: 1px 1px 2px rgba(3, 7, 18, 0.02),
  5px 5px 7px rgba(3, 7, 18, 0.03),
  11px 11px 15px rgba(3, 7, 18, 0.05);
  border-left: solid 1px rgb(233, 233, 233);
  border-top: solid 1px rgb(233, 233, 233);
  /* width: 30%; */
}

.cludo-search-results__top-hits.categorized li.cludo_result {
  width: 30%;
}

#t4-vcuhealth #cludo-search-results .cludo-search-results__result-count{
    margin: 0rem 0 .5rem;
    font-size: 14px;
}

.cludo-search-results__top-hits-title{
    font-size:24px;
}

.cludo-search-results-item__date{
    color: var(--color-accessible-gray);
}

#cludo-filters-container:not([class~="active"]){
    display: none;
}

#cludo-filters-container > h2 {
    font-size: 24px;
    line-height: 1rem;
}

#t4-vcuhealth #cludo-search-results .cludo-search-results__results-wrapper {
    max-width: 75%;
}

#t4-vcuhealth #cludo-search-results .cludo-search-results-list ul li .cludo-search-results-item__title{
    font-weight: 400;
    color:  #0a61a9;
}

#t4-vcuhealth #cludo-search-results .cludo-search-results-list ul li .cludo-search-results-item__description{
    color: var(--color-accessible-gray);
    font: .88rem;
}

.cludo-input-form{
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    gap:16px;
    padding-bottom: 24px !important;
}

.cludo-input-form button[type="submit"], button[class="cludo-search-results__top-hits-view-more"], #t4-vcuhealth .cludo-page-navigation li button{
    padding: 10px 20px;
    background: #ffba00;
    border: 1px solid #ffba00;
    color: #000;
    border-radius: 2px;
    font-weight: 600;
    flex-basis: 10%;
}

button[class="cludo-search-results__top-hits-view-more"]{
    margin: 24px 0 0 0;
}

button[class="cludo-search-results__top-hits-view-more"]:hover{
    cursor: pointer;
}

.cludo-input-form input.cludo-input-form__input{
    border-color: #0a61a9;
    padding: 0 16px 0 16px;
    pointer-events: all;
}

/* hide field clear button */
.cludo-input-form input.cludo-input-form__input::-webkit-search-cancel-button,
.cludo-input-form input.cludo-input-form__input::-webkit-search-decoration,
.cludo-input-form input.cludo-input-form__input::-webkit-search-results-button{
    cursor: pointer;
    opacity: 0;
}

.cludo-search-clear-container{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    color: #0a61a9 !important;
    pointer-events: none;
}

.cludo-search-clear{
    position: absolute;
    display:none;
    right: 0;
    z-index: 2;
    margin-right: 16px;
    pointer-events: all;
    cursor: pointer;
}

.cludo-search-clear::after{
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "FontAwesome";
    font-weight: 900;
    content: '\f057';
    margin-left: 8px;
}


.cludo-search-clear-container input.cludo-input-form__input:not(:placeholder-shown) + .cludo-search-clear{
    display:inline;
}

span.cludo-search-results__result-count.search-result-count {
    font-size: 2rem;
}

ul.cludo_results-list{
    gap:16px;
}

#t4-vcuhealth #cludo-search-results .cludo-facet-wrapper .cludo-facet.list-facet:not(:first-of-type) {
        margin-top: 0;
}

.cludo-search-results__layout{
    gap:16px;
}

.cludo-search-results__top-hits {
    border-top: solid 1px var(--color-accessible-gray);
    padding: 24px 0 24px 0;
}

.cludo-search-results__top-hits.categorized .cludo-search-results__top-hits .cludo-search-results__top-hits-wrapper{
    padding-top: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
}

.cludo-search-results-item__path-anchor{
    /* display:none; */
    font-size: 12px;
    color: var(--color-accessible-gray);
}

.cludo-facet-wrapper {
    gap:16px;
}

.cludo-facet{
    padding: 16px;
    /* border-top: solid 1px gray; */
    background-color: var(--color-lightest-blue);
    border-radius: 4px;
}

.cludo-facet__header{
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 8px !important;
}

.cludo-facet__value-list-item{
    display: flex;
    gap: 8px;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 14px;    
}

a.cludo-facet__value-list-item-anchor, a.cludo-facet__value-list-item-anchor.active{
    /* color: black !important; */
}

#t4-vcuhealth a.cludo-facet__value-list-item-anchor.active{
    font-weight: 600 !important;
    color:#1e635f !important;
}

#t4-vcuhealth a.cludo-facet__value-list-item-anchor{
    font-weight: 100;
    color: #0a61a9 !important;
}
.cludo-facet__value-list-item::before{
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "FontAwesome";
    content: '\f10c';
    color: #0a61a9;
    opacity: .5;
}

.cludo-facet__value-list-item.active::before{
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "FontAwesome";
    font-weight: 900;
    content: '\f192';
    color:#1e635f;
    opacity: 1;
}

#t4-vcuhealth .cludo-page-navigation{
    padding-top: 32px;
}
#t4-vcuhealth .cludo-page-navigation li button{
    height: auto;
} 

#t4-vcuhealth .cludo-page-navigation li button[aria-current="true"]{
    opacity: .5;
} 
  
#t4-vcuhealth cludo-element div.fof-container__body--module:nth-child(2) li.fof-container__body--module--page {
    flex-basis: 31%;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    #t4-vcuhealth #cludo-search-results .cludo-search-results__results-wrapper{
    max-width: 100%;
    }

    .cludo-facet {
        padding: 0;
    }

    #t4-vcuhealth #cludo-search-results .cludo-facet-wrapper .cludo-facet__dropdown-header{
        background: white;
        border: 1px solid rgb(167,168,167);
        border-radius: 3px;
        color: #0a61a9;
    }

    #t4-vcuhealth #cludo-search-results .cludo-facet-wrapper .cludo-facet__dropdown-header:after{
        border-top: 6px solid #0a61a9;
    }

    #t4-vcuhealth #cludo-search-results .cludo-facet-wrapper .cludo-facet__value-list{
        padding:16px;
    }

}

@media (max-width: 1024px) {
    .cludo-search-results__top-hits.categorized li.cludo_result {
    width: 100%;
    }
}