/*
Filters Section
-----------------------------------------------------------------------------
*/
.filters { background: white; padding: 25px 0; }
.filters .row { margin: 0; }
.filters .btn-list { padding: 8px 10px; border: none; float: right; width: 150px; }
.filters .btn-filter { padding: 7px 10px 7px 7px; border: none; margin-right: 5px; }
.filters .btn-filter:hover, .filters .btn-filter.active { background: #dfe0e0; color: #616365 !important; }
.filters .btn-filter.active { cursor: default; }
.filters .btn-filter span { padding: 9px 0px; display: inline-block; }
.filters .btn-filter span.count { width: 40px; margin-right: 6px; text-align: center; color: white; border-radius: 3px; background: #616365; }
.filters .btn-filter.blue span.count { background: #009fda; }
.filters .btn-filter.red span.count { background: #ed2939; }
.filters .btn-filter.purple span.count { background: #522398; }
.filters .btn-filter.lime span.count { background: #69be28; }

.filter-cards { padding: 30px 0; }
.filter-cards .row > .cell:nth-child(3n+1) { clear: both; }
.filter-cards .card { margin-bottom: 12.5px; }
.filter-cards .card h3 { line-height: 1.2; color: #616365; }
.filter-cards .card .date { font-weight: normal; font-size: 14px; color: #97999b; }
.filter-cards .card .card-footer .card-count { margin-top: 5px; text-align: left; }
.filter-cards .card .card-footer div.card-actions { float: right; }
.filter-cards .loading { font-style: italic; text-align: center; }

.btn-mobile-filters { display: none; }

/*
Selectize
-----------------------------------------------------------------------------
*/
/* Overrides */
.filters .selectize-input { border: none; box-shadow: none; padding: 10px 8px; }
.selectize-control.single .selectize-input:after { color:#616365; border: none; content:"\e60f"; font-family: 'icomoon'; top: 50%; margin-top: -8px; }
.selectize-dropdown, .selectize-input, .selectize-input input { font-size: 14px; font-weight: bold; color: #616365; }
.selectize-dropdown .selected, .selectize-dropdown .active { background: #dfe0e0; color: #484a4c; }
.selectize-control.single .selectize-input.dropdown-active:after { margin-top: -8px; content: "\e605"; }
.selectize-input input { display: none !important; }

/* Filters */
.selectize-filter-cat .list-item span { padding: 6px 0; display: inline-block; }
.selectize-filter-cat .list-item span.count { width: 30px; margin-right: 6px; text-align: center; color: white; border-radius: 3px; background: #616365; }
.selectize-filter-cat .list-item.blue span.count { background: #009fda; }
.selectize-filter-cat .list-item.red span.count { background: #ed2939; }
.selectize-filter-cat .list-item.green span.count { background: #00ad83; }
.selectize-filter-cat .list-item.purple span.count { background: #522398; }
.selectize-filter-cat .list-item.lime span.count { background: #69be28; }

.btn-filters .selectize-control.selectize-filter-sort .item { display: block; text-align: right; float: right; margin-right: 15px; }

@media screen and (max-width: 1120px) {
	.filters .btn-filter, .selectize-input > * { font-size: 13px; }
	.filters .btn-filter, .filters .btn-list, .filters .icon { font-size: 12px; }
  .filters .btn-filter span { padding: 12px 0; }
  .filters .btn-list { width: 140px; }
}
@media screen and (max-width: 1000px) {
  .filter-cards .row > .cell:nth-child(3n+1) { clear: none; }
  .filter-cards .row > .cell:nth-child(2n+1) { clear: both; }
}

@media screen and (max-width: 860px) {
	.filters { background: transparent; }
	.btn-mobile-filters { display: block; }
	.btn-filters { display: none; }
	.btn-mobile-filters .btn-filter { float: none; width: 100%; text-align: left; }
	.filters .btn-list { float: none; width: 100%; text-align: left; }
	.btn-mobile-filters .btn-filter, .filters .selectize-input { background: white; font-size: 14px; border: thin solid  #babcbe; box-sizing: border-box; }
	.btn-mobile-filters .btn-filter .icon, .filters .btn-list .icon { float: right; font-size: 14px; }
	.selectize-control.single .selectize-input:after { right: 25px; }
	.selectize-control { margin-top: 10px; }
	

	.btn-mobile-filters .btn-filter span { padding:8px 0; }
	.btn-mobile-filters .btn-filter span.count { width: 35px; }
	.filters .btn-list { padding: 15px 10px; }

	.filter-cards { padding: 0 0 5px; }
  .filter-cards .margin-clear { margin-left: 0; margin-right: 0; }
}