/****************************************************************
 *																*		
 * 						      代码库							*
 *                        www.dmaku.com							*
 *       		  努力创建完善、持续更新插件以及模板			*
 * 																*
****************************************************************/
.filtr-item {
    padding: 1rem;
}
.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    z-index: 1;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
}
/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: white;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
   padding: 2px 20px;
        border-radius: 20px;
}
.simplefilter li {
      background-color: #ebebeb;
    color: #163e6d;
        border-radius: 20px;
}
.simplefilter li.active {
background-color: #7ab3bc;
    color: #fff;
        border-radius: 20px;
}
.multifilter li {
   background-color: #ebebeb;
    color: #163e6d;
        border-radius: 20px;
}
.multifilter li.active {
 background-color: #7ab3bc;
    color: #fff;
        border-radius: 20px;
}

/* Shuffle and sort controls */
select {
    padding: 1rem 1rem;
    text-transform: uppercase;
}
.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}

/* Search control */
.search-row {

}
.filtr-search {
    /* text-transform: uppercase; */
    border: 1px #7ab3bc solid;
    color: #163e6d;
    font-size: 15px;
    width: 100%;
    max-width: 300px;
    font-weight: 200;
    border-radius: 20px;
    padding: 8px 20px;
        text-align: center;
}