@charset "UTF-8";


.wr-form-control.is-active,
textarea.wr-form-control.is-active,
select.wr-form-control.is-active {
  /* color: var(--bs-primary); */
  border-color: var(--bs-primary);
}

.wr-filter-item.is-active .wr-input-group .wr-input-group-text,
.wr-input-group.is-active .wr-input-group-text {
  background-color: var(--bs-primary);
  color: var(--bs-text-primary);
  border-color: var(--bs-primary);
}

/* Bottons */
.wr-btn {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    padding: 17px 29px;
    font-size: 14px;
    line-height: 1.5;
    border-width: 2px;
    text-transform: uppercase;
    -webkit-border-radius: 50rem;
    -moz-border-radius: 50rem;
    border-radius: 50rem;
  }
  
  .wr-btn-lg,
  .wr-btn-group-lg > .wr-btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
  }
  
  .wr-btn-sm,
  .wr-btn-group-sm > .wr-btn {
    font-weight: 600;
    padding: 9px 14px;
    font-size: 14px;
    line-height: 1.5;
  }
  .wr-btn-xs,
  .wr-btn-group-xs > .wr-btn {
    font-weight: 500;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  
  input.wr-form-control,
  .wr-form-control {
    width: 100%;
    padding: 10px 20px;
    color: #666;
    border: 2px solid #e3e3e3;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    height: auto;
    box-shadow: none;
    -webkit-appearance: none;
    font-size: 14px;
    background-color: #fff;
  }
  
  .wr-form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #e3e3e3;
  }
  
  select.wr-form-control {
    cursor: pointer;
  }
  .wr-input-group .wr-input-group-text {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    border: 2px solid #e3e3e3;
    margin-left: -2px;
  }
  .wr-input-group > :not(:first-child):not(.wr-dropdown-menu):not(.wr-valid-tooltip):not(.wr-valid-feedback):not(.wr-invalid-tooltip):not(.wr-invalid-feedback){
    margin-left: -2px;
  }

  /* related-items */
.related-items .related-item-wrapper {
  margin-bottom: 1.5rem;
}
.related-items .related-item {
  background: #ffffff;
  border: 1px solid rgba(18, 18, 18, 0.16);
  border-radius: 8px;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.related-items .related-item .item-name {
  font-weight: 600;
  padding: 0.5rem 0;
  display: block;
  margin-top: 3px;
}

.related-items .related-item .itme-description {
  font-size: 0.9rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.related-items .related-item .item-image-wraper {
  height: 160px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.related-items .related-item .item-image-wraper .item-img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.related-items .related-item .item-image-wraper .item-image {
  max-width: 100%;
  max-height: 100%;
}
.related-items .related-item .item-details-wrapper {
  padding: 0 15px 8px;
  flex-grow: 1;
}
.related-items .related-item .item-details-wrapper .item-field-wrapper {
  margin-bottom: 3px;
}
.related-items .related-item .item-details-wrapper .item-category-name {
  padding-top: 15px;
  display: block;
}
.related-items .related-item .item-details-wrapper .item-category-name .item-category-name-badge {
  background-color: var(--bs-warning);
  padding: 4px 12px;
  font-size: 13px;
  border-radius: 12px;
}

.related-items .related-item .item-details-bottom {
  margin: 0 15px;
  padding: 15px 0;
}