// colors
$white: white;
$red: #d20001;
$blue: #003d7e;
$gray: #414141;

// Link MODULES
.widget-archive {
  // 在 layout-content 下的樣式
  .widget-title {
    @extend .unity-title;
  }
  &.widget1 {
    .widget-archive-item-group {
      margin-bottom: 0;
    }
  }
}

// Link INDEX
.index-archive {

  .status-top { 
    font-size: 0.75rem;
    background-color: $blue;
  }
  .status-hot {
    font-size: 0.75rem;
    background-color: $red;
  }

  .panel {
    margin-bottom: 10px;
  }

  .index-title {
    @extend .unity-title;
  }
  &.index1 {
    #index-archive-group {
      .index-archives-files-list {
        dd {
          margin-bottom: 5px;
        }
      }
    }
  }
}

//  ******************  Index  ******************
// Archive index 1
.i-archive {
    font-family:  $main-font;

  .i-archive__list {
    list-style: none;
    margin: 0;
    padding: 0; 
  }

  .i-archive__category-title {
    padding-bottom: 5px;
    border-bottom: 1px dashed lighten($gray, 65%);
  }

  .i-archive__category-item {
    font-size: 13px;
    font-size: 0.8125rem;
  }

  .i-archive__category-item {
    display: inline-block;
  }

  .i-archive__file-list {
    display: inline-block;
    margin-bottom: 0.8em;
  }
  .i-archive__item-wrap {
    display: list-item;
    list-style-type: disc;
    margin-left: 1.5em;
  }
  
  .i-archive__file-wrap {
    display: inline-block;
    margin-right: 0.5em;
  }

  .i-archive__file-name {
    font-size: 12px;
    font-size: 0.75rem;
  }
  
  .status-top {
    font-size: 0.75rem;
    background-color: $blue;
  }
  .status-hot {
    font-size: 0.75rem;
    background-color: $red;
  }

}