.c-search-filter {
  @include mq(mobileWide) {
    + .c-search-filter {
      margin-top: $spacing--medium;
    }
  }
  width: 100%;
  text-align: left;

  &--narrow-screen-only {
    @include mq(desktop) {
      display: none;
    }
  }

  @include mq(desktop) {
    padding: $spacing;
    background: $white;
    border: none;
    margin-bottom: $spacing--small;
  }

  &--context-filter {
    background: $brand-color--light;
    padding: $spacing--medium;
  }

  &:first-child {
    .c-filter__list {
      border-top: 0;
    }
  }

  @include mq($until: mobileWide) {
    margin-bottom: $spacing;
  }
}