/*
  Responsive sizes example
  $responsive-sizes: (
    'md': 0.9,
    'xs': 0.8
  )
*/
/*
Utility API, copied form bootstrap 5.
Best results combined with purgecss to remove unused utilities
docs: https://getbootstrap.com/docs/5.0/utilities/api/

*/
.af-checkbox-label .checkbox:checked + .name::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.selected-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.25rem;
}
@media (max-width: 991.98px) {
  .selected-filters {
    overflow-y: auto;
  }
}
.selected-filters .cf {
  font-size: 0.75rem;
}
@media (max-width: 992px) {
  .selected-filters .cf {
    font-size: calc(0.6333333333rem + 0.188172043vw);
  }
}
.selected-filters .cf {
  padding: 0.5em 2em;
  position: relative;
  border-radius: 0.5rem;
  border: 2px solid #cf381c;
  background: #fff;
  font-weight: 700;
  color: #000000;
  line-height: 1.175;
}
.selected-filters .cf:hover, .selected-filters .cf:focus {
  background: #cf381c;
  color: #fff;
}
@media (max-width: 991.98px) {
  .selected-filters .cf {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.selected-filters:not(:empty) {
  margin: 1.25rem 0;
}
@media (max-width: 991.98px) {
  .selected-filters:not(:empty) {
    margin: 1.25rem -0.9375rem;
    padding: 0 0.9375rem;
  }
}

.af-checkbox-label .checkbox {
  position: absolute;
  opacity: 0;
  z-index: 2;
  left: 0;
  top: 0;
  width: 0.9375rem;
  height: 0.9375rem;
}
.af-checkbox-label .checkbox:checked + .name::after {
  content: "\e926";
  position: absolute;
  left: 0.125rem;
  top: -0.0625rem;
  color: #6b30c4;
  z-index: 1;
  display: block;
  font-size: 1rem;
}
.af-checkbox-label .name {
  padding-left: 1.875rem;
  font-size: 0.875rem;
  position: relative;
  line-height: 1.3;
  display: block;
}
.af-checkbox-label .name::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  border: 1px solid #343a40;
}

.listing-mobile-action__btn {
  font-size: 0.875rem;
  text-transform: uppercase;
}
.listing-mobile-action__spacer {
  height: 1.625rem;
  width: 1px;
  background: #000000;
  display: block;
}
.listing-mobile-action__btn-icon {
  font-size: 0.7em;
}

.modal-options {
  margin: 0;
}
.modal-options__input {
  opacity: 0;
  position: absolute;
}
.modal-options__input:checked + .modal-options__label {
  background: #f8f9fa;
  color: #000000;
  font-weight: 600;
}
.modal-options__wrapper {
  display: block;
  margin: 0;
}
.modal-options__elem:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
}
.modal-options__label {
  font-size: 0.75rem;
}
@media (max-width: 992px) {
  .modal-options__label {
    font-size: calc(0.6333333333rem + 0.188172043vw);
  }
}
.modal-options__label {
  padding: 0.9375rem 0.3125rem;
  display: block;
}

.list-display__link {
  font-size: 1.75rem;
  color: #6b30c4;
  opacity: 0.4;
}
.list-display__link:hover, .list-display__link:focus {
  color: #6b30c4;
  opacity: 0.7;
}
.list-display__link.active {
  opacity: 1;
}

/*# sourceMappingURL=listing.css.map*/