div.caf-multiple-taxonomy-filter-modern { display: block;
align-items: center;
text-align: center;
}
div.caf-multiple-taxonomy-filter-modern .manage-inner-caf { display: flex;
background: #fff;
border-radius: 15px;
padding: 25px 30px;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
div.caf-multiple-taxonomy-filter-modern ul.caf_select_multi {
display: inline-block;
list-style: none !important;
margin-right: 15px;
padding: 0px 0px !important;
background: #f4f2f2;
border-radius: 15px;
min-width: 234px;
position: relative;
float: none;
cursor: pointer;
height: 45px; margin: 10px;
max-width:234px;
}
div.caf-multiple-taxonomy-filter-modern ul.caf_select_multi:last-child {
margin-right: 0;
}
div.caf-multiple-taxonomy-filter-modern ul.caf-multi-drop-sub {
display: none;
}
div.caf-multiple-taxonomy-filter-modern ul.caf-multi-drop-sub.active {
display: inline-block;
position: absolute;
width: 100%;
left: 0;
top: 46px;
list-style: none !important;
z-index: 9999;
padding: 0;
background: #fafafa;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 10px 0 rgb(0 0 0 / 10%);
padding: 0 !important;
max-height:40vh;
overflow-y: visible;
}
div.caf-multiple-taxonomy-filter-modern ul.caf_select_multi li {
text-transform: capitalize;
float: left;
width: 100%;
text-align: left;
padding: 10px 25px;
list-style: none !important;
}
div.caf-multiple-taxonomy-filter-modern ul.caf_select_multi li.caf_select_multi_default span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width:85%;
display: inline-block;
}
div.caf-multiple-taxonomy-filter-modern ul.caf-multi-drop-sub li {
padding: 10px 25px;
}
div.caf-multiple-taxonomy-filter-modern ul.caf-multi-drop-sub li:hover {
background: #333;
color: #fff;
}
div.caf-multiple-taxonomy-filter-modern ul.caf_select_multi li.active {
background: #333;
color: #fff;
}
i.fa.fa-chevron-down.caf-multi-mod-right {
float: right;
width: auto;
position: relative;
top: 6px;
}
div.caf-multiple-taxonomy-filter-modern ul.caf-multi-drop-sub li i {
padding-right: 8px;
}
@media only screen and (max-width:600px) {
div.caf-multiple-taxonomy-filter-modern ul.caf_select_multi, div.caf-multiple-taxonomy-filter-modern .manage-inner-caf {
width:100%;
}
}
.data-target-div1 .caf-multiple-taxonomy-filter-modern .caf-search-bar.caf-icon-search.sr-layout2 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}