$filter-sort-underline-default: false !default;

.filter-sort-wrapper {
   width: calc(100% / 6);
   padding: 0 10px;
   position: relative;
   z-index: 3;

   .wpj-tooltip {
      text-transform: none;
      letter-spacing: 0;
      color: $body-color;
      font-weight: normal;
      text-align: left;
      border-radius: $border-radius-base;
   }

   .btn {
      &.active {
         background-color: $body-bg-alt;
         border-color: $body-bg-alt;
         border-radius: $border-radius-base $border-radius-base 0 0;
      }
   }

   .opener-content {
      position: absolute;
      background: $body-bg-alt;
      width: calc(100% - 20px);
      left: 10px;
      border-radius: 0 0 $border-radius-base $border-radius-base;
      top: calc(100% - 1px);

      > div {
         padding: 20px;
      }

      label {
         display: block;
      }
   }

   @media screen and (max-width: $xxl - 1) {
      width: 20%;
   }

   @media screen and (max-width: $xl - 1) {
      width: 25%;
   }

   @media screen and (max-width: $lg - 1) {
      width: 50%;
   }

   @media screen and (max-width: $sm - 1) {
      width: 100%;
      margin-bottom: 10px;
   }
}
