/*
 * Copyright © Reach Digital (https://www.reachdigital.io/)
 * See LICENSE.txt for license details.
 */

#narrow-by-list .filter-options-content .item a {
  justify-content: space-between;
  width: 100%;
}
#narrow-by-list .filter-options-content .item a label {
  display: flex;
  flex: 1 0 auto;
  justify-content: space-between;
}

.filter-options-content span.count::before,
.filter-options-content span.count::after {
  content: '';
}

.filter-options-content span.count {
  padding-right: 0;
}

.filter-options-content .count-wrapper {
  color: #858585;
}

#narrow-by-list .filter-options-content .item {
  padding: 0;
}
#narrow-by-list .filter-options-content .filter-search {
  margin-bottom: 10px;
}

.filter-options-content div.swatch-attribute-options {
  display: flex;
  flex-wrap: wrap;
}

.filter-options-content div.swatch-attribute-options a {
  min-width: 33%;
  max-width: 33%;
}

.filter-content .filter-current .item {
  margin-left: 0;
}
.block.filter .filter-actions {
  padding-left: 0;
}
#narrow-by-list .filter-options-content .item a {
  flex: 0 1 auto;
  padding: 0;
}

.filter .filter-content .item {
  margin-left: 0;
}

.filter .filter-content .item .filter-value {
  white-space: normal;
}

body .filter-current .items {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
}
body .filter-current .items .item {
  line-height: 1.5;
}
.filter-current .action.remove {
  top: 2px;
}

@media (max-width: 767px) {
  #narrow-by-list .filter-options-content .item {
    margin-left: 0;
  }
  #narrow-by-list .filter-options-content .item:first-child {
    margin-top: 0;
  }
  #narrow-by-list .filter-options-content .item input[type='checkbox'] {
    top: 4px;
  }
}

/* sebwite menu */
.o-list,
.o-list * {
  box-sizing: border-box;
}

#layered-filter-block i.fa,
.sidebar i.fa {
  display: inline-block;
  width: 15px;
  height: 15px;
  text-align: center;
}

#layered-filter-block .expand,
.sidebar .expand,
#layered-filter-block .expanded,
.sidebar .expanded {
  display: inline-block;
  padding: 2px 7px;
  color: #005132;
  cursor: pointer;
}
#layered-filter-block > .o-list,
.sidebar > .o-list {
  display: block;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
}
#layered-filter-block .o-list li,
.sidebar .o-list li {
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #ededed;
}

#layered-filter-block .o-list li:last-child,
.sidebar .o-list li:last-child {
  border-bottom: none;
}

#layered-filter-block .o-list li.active > ul,
.sidebar .o-list li.active > ul {
  display: block;
  margin: 0;
}
#layered-filter-block .o-list li.active > ul li:last-of-type,
.sidebar .o-list li.active > ul li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
#layered-filter-block .o-list li a,
.sidebar .o-list li a {
  display: inline-block;
  color: inherit;
}
#layered-filter-block .o-list li a.is-active,
.sidebar .o-list li a.is-active,
#layered-filter-block .o-list li a.active,
.sidebar .o-list li a.active {
  color: #7a9d28;
  font-weight: bold;
}
#layered-filter-block .level0.active > .link-wrap > a {
  color: unset;
}
#layered-filter-block .o-list li > ul,
.sidebar .o-list li > ul {
  display: none;
  margin-top: 0;
}
#layered-filter-block .o-list .level0,
.sidebar .o-list .level0 {
  list-style: none;
}

#layered-filter-block > .o-list,
.sidebar > .o-list {
  display: block;
  margin-bottom: 30px;
}
#layered-filter-block .o-list,
.sidebar .o-list {
  padding: 0;
}

#layered-filter-block .o-list .o-list,
.sidebar .o-list .o-list {
  background-color: unset;
  border: none;
}
#layered-filter-block .level0 > .link-wrap > a,
.sidebar .level0 > .link-wrap > a {
  padding: 4px 10px;
}
#layered-filter-block .level1 > .link-wrap > a,
.sidebar .level1 > .link-wrap > a {
  padding: 4px 10px 4px 20px;
}
#layered-filter-block .level2 > .link-wrap > a,
.sidebar .level2 > .link-wrap > a {
  padding: 4px 10px 4px 30px;
}
#layered-filter-block .level3 > .link-wrap > a,
.sidebar .level3 > .link-wrap > a {
  padding: 4px 10px 4px 40px;
}
#layered-filter-block .link-wrap,
.sidebar .link-wrap {
  display: flex;
  justify-content: space-between;
}

#layered-filter-block .o-list {
  background-color: #f7f7f7;
}
#layered-filter-block .level0 .o-list {
  background-color: #efefef;
}
#layered-filter-block .level1 .o-list {
  background-color: #e7e7e7;
}
#layered-filter-block .level2 .o-list {
  background-color: #e0e0e0;
}
#layered-filter-block .level3 .o-list {
  background-color: #d9d9d9;
}

.o-list > li.level0:first-child > .link-wrap {
  padding-top: 8px;
}
.ui-slider-range {
  position: relative;
  height: 10px;
  background: #dedede;
}

#narrow-by-list .smile-es-range-slider a.ui-slider-handle.ui-state-hover,
#narrow-by-list .smile-es-range-slider a.ui-slider-handle {
  position: absolute;
  top: 0;
  display: block;
  background: #7a9d28 !important;
}

.smile-es-range-slider .ui-slider {
  position: relative;
}

a[data-role='apply-range'] {
  border: 1px solid transparent !important;
}