@charset "utf-8";

@import "../initial";

//
// Widget
//
// Widget
// ## gerenral styles
.active-subtitle{
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #888;
    &:hover{
          font-size: 1.125em;
    }
}
.active-title{
  &:hover{
        font-size: 1.3em;
  }
}
.active-index2{
  ul{
    padding: 0;
  }
}
.active-index2 li.col-md-4{
      overflow: hidden;
}
.active-index2 li.col-md-4:nth-child(3n+1){
  @media (min-width: 769px){
      clear: both;
  }
}
.active-index2 li.col-md-4:nth-child(2n+1){
  @media screen and (min-width:$screen-xs) and (max-width:769px){
      clear: both;
  }
}
.active-index2 li.col-md-4 .active-img-wrap{
    height: 300px!important;
    .hover-picture{
      height: 100%;
      width: 100%;
      img{
        height: 100%!important;
        width: 100%!important;
      }
    }

}
.w-archive {
  .w-archive__widget-title {
    @extend .unity-title;
    margin: 0.5rem 0;
  }
  .widget-title {
    @extend .unity-title;
  }
}

// Widget 1
.widget-archive-1 {
  .w-archive__list.level-1 {
    padding: 0.5rem;
  }

  .w-archive__item.level-1 {
    list-style-position: inside;
    margin-bottom: 0.8rem;
  }

  .w-archive__item-heading {
    display: inline-block;
    font-size: $w-item-heading-font-size;
    font-family: $main-font;
    color: $theme-gray;
    margin: 0;
    padding-bottom: 0.25rem;
  }

  .w-archive__list.level-2 {
    margin: 0;
    padding: 0;
  }

  .w-archive__item.level-2 {
    border-bottom: 0.0625em dashed $w-border-color;
    padding: 0 0 0.5rem 0.4rem;
    .w-archive__list.level-3 {
      list-style-type: none;
      padding: 0;
      & > li:before {
        content:"";
        background: url(/assets/arr.gif) 0 0 no-repeat;
        display:inline-block;
        width:0.3125em;
        height: 0.5em;
        padding: 0 0.3rem;
      }
    }
  }

  .w-archive__link {
    font-size: $w-title-font-size-small;
  }
}

//Widget 2
.widget-archive-2 {
.panel-default > .panel-heading {
  cursor: pointer;
  padding: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  &:hover {
    background-color: darken($color: #f5f5f5, $amount: 10);
  }
}
.panel {
  font-family: $main-font;
  margin-bottom: 0.625em;
}

.panel-title {
  font-family: $main-font;
  a {
    display: block;
    padding: 0.625em 0.9375em;
    .fa { padding-right: 0.5em; }
  }
}
}
//index setting
.i-archive-title {
  @extend .unity-title;
}
.txt { background-color: #6dbb73; }
.xlsx { background-color: #bb6d7f; }
.pdf { background-color: #3b8347; }
.docx { background-color: #846dbb; }
.pptx { background-color: #6d77bb; }
.jpg { background-color: #bb6d6d; }
.zip { background-color: #dcb957; }

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

  .i-archive__archive-title {
    font-size: 1rem;
    margin-bottom: 0.625em;
    vertical-align: top;
  }

  .i-archive__status-wrap {
    vertical-align: top;
    display: inline-block;
    margin-bottom: 0.625em;
  }

  .i-archive__item {
    margin-bottom: 2.5em;
  }

  .i-archive__category-list {}

  .i-archive__category-title {
    padding-bottom: 0.3125em;
  }

  .i-archive__category-item {
    display: inline;
    font-size: 0.8125rem;
  }

  .i-archive__item-wrap {}

  .i-archive__file-list {
    display: block;
    margin-bottom: 0.8em;
  }

  .i-archive__file-wrap {
    margin: 0 0.625rem 1em 0;
    padding: 0.5em 0.75em;
    border-radius: 0.125em;
    border: 0.0625em solid lighten($theme-gray-light, 10%);
  }

  .i-archive__file-name {
    font-size: 0.750em;
    font-size: 0.75rem;
  }
}

.index-archive-4 {
  dt.i-archive-item-list { display: none; }
  dl.i-archive-files-list { padding: 0; }
  @media (min-width: 768px) {
    .dl-horizontal dd { margin-left: 0 !important; }
  }


}
.index-archive-2,
.index-archive-4 {
  .panel-default>.panel-heading {
    cursor: pointer;
    padding: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    &:hover {
      background-color: darken($color: #f5f5f5, $amount: 10);
    }
  }
  .panel {
    font-family: $main-font;
    margin-bottom: 0.625em;
  }

  .panel-title {
    font-family: $main-font;
    a {
      display: block;
      padding: 0.625em 0.9375em;
      .fa { padding-right: 0.5em; }
    }
  }

  .i-archive-tags {
    margin-bottom: 0;
  }

  .i-archive-files-item {
    font-size: 0.813em;
    font-family: $main-font;
  }

  .i-archive-files-list {
    dd {
      margin-bottom: 0.3em;
    }
  }

  .i-archive-tag-name {
    margin-bottom: 0.5em;
    font-size: 0.9375rem;
    display: inline-block;
  }

  @media screen and (min-width: $screen-sm) {
    .dl-horizontal {
      dt {
        text-align: left;
      }
    }
    .dl-horizontal dt { overflow: unset; white-space: unset; }
    .dl-horizontal dd { margin-left: 1em; }
  }
}

.has-archive-tab {
  .i-tag__item {
    display: none;
  }

  .tab-content--active {
    display: block !important;
  }

  .i-archive__tag-name {
    cursor: pointer;
  }
}

.index-archive-3 {
  .i-archive__tag-name {
    background-color: $theme-color-main;
    color: $theme-white;
    font-family: $main-font;
    display: inline-block;
    padding: 0.625em 0.75em;
    margin-right: 0.3125em;
    border-radius: 0.25em;
    font-size: 0.938em;

    &:hover {
      background-color: darken($theme-color-main, 7%);
    }

    &.tab--active {
      background-color: darken($theme-color-main, 7%);
    }
  }

  .tab-content {
    background-color: lighten($theme-gray, 65%);
    padding: 20.3125em;
  }

  .i-archive__category-item {
    margin-bottom: 0.5em;
  }

  .i-archive__category-title {
    font-family: $main-font;
  }

  .i-archive__archive-title {
    font-size: 0.938em;
  }

  .tab-content {
    margin-bottom: 0.625em;
  }

  .i-archive__file-name {
    font-size: 0.813em;
  }

  .i-archive__file-wrap {
    margin-bottom: 0.625em;
  }

  .i-archive__item-wrap {
    font-family: $main-font;
  }
}

.index-archive-5 {
  .i-archive__category-title {
    font-size: 1rem;
    margin-bottom: 0.625em;
    vertical-align: top;
  }
  .i-items {
    background: #fff;
    border: 1px solid #333;
    border-bottom: transparent;
  }
  .thead.row {
    background: #91bfea;
    padding: 0.5em 0;
    margin: 0;
    border-bottom: 1px solid #333;
   @media (max-width: 767px) {
     display: none;
   }
  }
  .archive-items {
    border-bottom: 1px solid #333;
    line-height: 2;
     div:nth-child(1), div:nth-child(2) {
      border-right: 1px solid #333;
     }
  }
}

.index-archive-6 {
  .i-archive__category-title {
    font-size: 1rem;
    margin-bottom: 0.625em;
    vertical-align: top;
  }
  .i-items {
    background: #fff;
    border-bottom: transparent;
  }
  .head { padding: 0; }
  tbody { font-size: 0.8rem; }
  .i-archive__file { margin: 0; }
  .i-archive__file-list { padding: 0; }
  .i-archive__file-name { color: #616161; }
  .thead.row {
   @media (max-width: 767px) {
     display: none;
   }
  }

  .archive-items {
    border-bottom: 1px solid transparent;
    font-size: 0.8rem;
    padding: 10px;
    &:nth-child(even) {
      background-color: #F3F3F3;
    }
     div:nth-child(1), div:nth-child(2) {
      // border-right: 1px solid #333;
     }
  }
}