/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
body {
  min-width: 1200px; }

.section-filter li {
  border-bottom: 4px solid #D9DCE1; }
  .section-filter li input[type="radio"] + label:before, .section-filter li input[type="radio"] + label:after {
    display: none; }
  .section-filter li.active {
    border-bottom: 4px solid #0079c1; }

.checkbox-options li {
  padding-top: .25rem;
  padding-bottom: .25rem; }
  .checkbox-options li input[type="checkbox"] + label:before {
    border: 2px solid #929BA9;
    line-height: 18px; }
  .checkbox-options li input[type="checkbox"]:checked + label:before {
    color: #0079c1;
    font-weight: bold; }

button.sort,
span.sort {
  height: auto;
  text-align: left; }