@charset "utf-8";

@import "../initial";

// Faqs MODULES
.widget-faqs {
  &.widget1 {
    .widget-content {
      padding-bottom: 0.625em;

      & + .widget-content {
        border-top: 0.0625em dotted $theme-gray-light;
      }

      .widget-content-title {
        display: inline-block;
        padding: 0.3125em 0;
      }
    }

    // 在 layout-content 下的樣式
    .layout-content & {
      .widget-title {
        @extend .unity-title;
      }
    }

    // 在 layout-footer 下的樣式
    .layout-footer & {
      .widget-content {
        line-height: 2em;
        border-top-color: $theme-gray;
      }
    }
  }
}

// Faqs INDEX
.index-faqs {
  .index-title {
    @extend .unity-title;
  }

  &.index1 {
    .index-content {
      list-style-type: decimal-leading-zero;
      list-style-position: inside;

      & + .index-content {
        border-top: 0.0625em dotted $theme-gray-light;
      }
    }
  }

  &.index2 {
    .index-content-title-wrap{
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .fa-chevron-right{
      background-color: transparent;
      width: 30px;
      min-width: 30px;
      height: 30px;
      border-radius: 50%;
      text-align: center;
      line-height: 30px;
      transition: 0.4s;
    }
    .rotate{
      background-color: $theme-color-second;
      color: #fff;
      transform: rotate(90deg);
    }
    .index-content {
      max-width: 900px;
      margin: 0 auto 0.5em auto;
     & h4 {
      @extend .transition;
      color: #333;
      background-color: #fff;
      border-color: #ddd;
      padding:2rem 3rem;
      font-size: 1.2em;
      font-family: $main-font;
      margin: 0;
      @media(max-width:$screen-xs){
            padding: 2rem 1em;
      }
      &:hover {
        background: darken($color: #f5f5f5, $amount: 10);
        a{
          color: $theme-color-second;
        }
        .post { display: block; }
      }
     }
     .post {
       @media(max-width:$screen-xs){
        padding: 1em;
       }
       @media(min-width:$screen-xs){
        padding: 1rem 4em;
       }
      display: none;
     }
    }

  }
}
.index-content{
  list-style: none;
}