/**
 * @file
 * Css for mixitup_views.
 */

html.js .mix_item.mix {
  display: inline-block;
}

.filters_wrapper {
  display: none;
}

html.js .filters_wrapper {
  display: block;
}

html.js .filters_wrapper .form-type-checkbox {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}

html.js .filters_wrapper #reset {
  display: none;
  margin-right: 20px;
}

html.js .sort_wrapper {
  display: block;
  vertical-align: top;
}

html.js .sort_wrapper .sort {
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
}

html.js .sort_wrapper .sort.asc:after {
  content: "⬆";
}
html.js .sort_wrapper .sort.desc:after {
  content: "⬇";
}

html div[id^="MixItUp"] {
  padding-bottom: 20px;
}

html.js .filters_wrapper .mixitup_views_filter_buttons.active {
  filter: brightness(85%);
}