#collections-list{background: #1F1F29;border-radius: 8px;padding: 20px;color: #fff;}
#collections-list article{margin-bottom: 20px;}

.collections-inner{display: flex; flex: wrap; align-items: center;}
.collections-inner .collections-feature{width: 35%;}
.collections-inner .collections-feature img{max-height: 170px;object-fit: cover;width: 100%;}
.collections-inner .collections-content{width: 65%; padding-left: 20px;}

.widget-collections{background: #1F1F29;border-radius: 8px;padding: 20px;color: #fff;margin-bottom: 20px;}
#collections-search-form select {background-color: transparent; border: 1px solid #ffffff; border-radius: 20px; color: #ffffff; height: 45px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");}
#collections-search-form select option {color: #333;}
#collections-search-form fieldset input[type="checkbox"]{width: 18px;height: 18px;background: none;border: 1px solid #c3c3c3;}

.sidebar-sort{max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordion{position: relative;}
.accordion:after{content:'\f067';font-family: 'Font Awesome 5 Pro';color: #fff;position: absolute;top: 0;right: 10px;}
.accordion.active:after{content:'\f068';}

.sidebar-search-mobile {position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 9999999; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: translate(-110%,0); -moz-transform: translate(-110%,0); -ms-transform: translate(-110%,0); -o-transform: translate(-110%,0); transform: translate(-110%,0);}
.sidebar-search-mobile.opened {-webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
.sidebar-search-mobile-wrap{background: #000;max-width: 100%;position: relative;height: 100%;padding: 15px;}
.sidebar-search-mobile-wrap a.sidebar-search-mobile-close{position: absolute;right: 15px;color: #fff;font-size: 17px;}


@media (max-width: 576px) {
	.sidebar-search-mobile .widget-collections{margin-top: 40px;background-color: unset; padding: 0;}

	.collections-inner .collections-feature img{max-height: 85px;}
	.collections-inner .collections-content h5{font-size: 14px;}
	.collections-inner .collections-content p{font-size: 13px;}
	#collections-list{padding: 20px 10px}
}
