@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 {
      margin: 1em 0;
      border: 1px solid #ccc;
     & h4 {
      @extend .transition;
      color: #333;
      background-color: #f5f5f5;
      border-color: #ddd;
      padding: 0.625em 0.9375em;
      font-size: 1em;
      font-family: $main-font;
      margin: 0;
   
      &:hover {
        background: darken($color: #f5f5f5, $amount: 10);
        .post { display: block; }
      }
     }
     .post {
      padding: 1em;
      display: none;
      background: #fff;
     }
    }

  }
}