.html-page-faq {

   .w-text {
      border: 1px solid $border-color;
      margin-bottom: 10px;
      padding: 4px 10px;
   }

   h3 {
      cursor: pointer;
      display: flex;
      font-size: 20px;
      line-height: 1.3;
      margin: 0;
      padding: 16px;

      &::before {
         @include fonticon;

         content: $icons_plus;
         flex: none;
         font-size: 14px;
         line-height: 26px;
         transition: color .3s;
         width: 30px;
      }

      &.expanded::before {
         content: $icons_minus;
      }

      &:hover::before {
         color: $brand-ctr;
      }
   }

   p {
      font-size: 16px;
      padding-left: 46px;
   }


   @media (max-width: $xs - 1) {
      h3 {
         font-size: 18px;
         padding: 10px 0 10px 3px;

         &::before {
            font-size: 12px;
            line-height: 23px;
            width: 22px;
         }
      }

      p {
         font-size: 14px;
         margin-bottom: 10px;
         padding-left: 25px;
      }
   }
}

.wpj-blocek-active .html-page-faq h3 {
   cursor: auto;
}
