/* >> FAQ Modul Scss
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---*/
.faq{
  display: block;
  max-width: 1000px; 
  margin: 4rem auto 2rem auto; 
  padding: 0;
  .faq__item{
    display: block; 
    width: 100%; 
    overflow-x: hidden; 
    margin-bottom: 2rem; 
  }
  .faq__item__question{ 
    @include transition;
    font-size: 24px; 
    font-weight: 500; 
    color: $color-primary; 
    background: url("../images/easydent/button-open.svg") no-repeat right 8px center; background-size: 40px 40px; 
    line-height: 1.2; 
    padding: 12px 24px 12px 12px; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
    -o-user-select:none; 
    cursor: pointer; 
    &:hover{}
    &.opened{
      background-image: url("../images/easydent/button-close.svg"); 
    }
  }
  .faq__item__answer{
    @extend %clearFix;
    @extend %statText;
    display: none; 
    line-height: 1.43; 
    text-align: justify; 
    color: $color-baseText;
    ul{li{a{font-weight: bold;}}}
    .price-table {
      display: table!important;
      width: 100%;
      border-collapse: collapse;
      font-size: 14px;
      line-height: 1.5;
    }
    .price-table tr {
      border-bottom: 1px solid $color-border;
      background-color: transparent;
    }
    .price-table td {
      padding: 12px 12px 6px 12px;
      color: $color-gray-dark;
      text-align: left;
    }
    .price-table td.price {
      text-align: right;
      white-space: nowrap;
      color: #2d3748;
    }
  }
}