@charset "utf-8";

@import "../initial";
.i-annc__table{
      // border: 0.0625em solid #ddd !important;
  .i-annc__th{
    @extend .i-title;
  }
}
.i-annc__table{
    background-color: #fff;
}
.widget-event-news-calendar-2.w-calendar .w-calendar-table td{
    color: #333!important;
}
.widget-event-news-calendar-2.w-calendar .w-calendar-table td.w-calendar-event div{
    color: #333!important;
    border: none!important;
    border-radius: 0!important;
    background: none!important;
}
.widget-event-news-calendar-2.w-calendar .event-inner-title{
  line-height: normal!important;
}
.widget-event-news-calendar-2.w-calendar .event-header{
    font-size: 1em !important;
}

.widget-event-news-calendar-2.w-calendar .event-container-one .event-content{
   font-size: 0.8em!important;
}
.text{
  color: #333!important;
}
.widget-event-news-calendar-2.w-calendar{
  webkit-box-shadow: 0 2px 10px 0 #00000033!important;
    box-shadow: 0 2px 10px 0 #00000033!important;
}
.widget-event-news-calendar-2.w-calendar button.switch_button{
    width: 1.8em!important;
    height: 1.8em!important;
}
.widget-event-news-calendar-2.w-calendar .event-container-one:hover, .widget-event-news-calendar-2.w-calendar .event-container-one.hover-class{
    font-weight: bold!important;
    background: none!important;
    box-shadow: none!important;
}
.w-annc__list{
  padding: 0!important;
}
//event-news-21
.event-news-21 {
  .w-annc__item{
    padding: 0;
    margin-right: 0.5em;
    margin-left: 0.5em;
    overflow: hidden;
    position: relative !important;
    @media(max-width: $screen-xs){
      width: 100% !important;
    }
    @media(min-width: 1600px){
       height: 28em;
      .w-annc__img-wrap{
          height: 28em;
      }
    }
    @media(min-width: $screen-xs)and(max-width: 1599px){
       height: 20em;
      .w-annc__img-wrap{
        height: 20em;
      }
    }
    @media(max-width: $screen-xs){
      height: 20em;
     .w-annc__img-wrap{
       height: 20em;
     }
    }
  }
  .w-annc__item{
    box-shadow:none!important;
    -webkit-box-shadow:none!important;
  }
  .w-annc__entry-title{
    margin: 0;
  }
  .w-annc__meta i{
    color: #fff!important;
  }
  .w-annc__list{
    display: flex;
    justify-content: center;
  }
  .w-annc__postdate-wrap{
    color: #fff!important;
  }
  .w-annc__status-wrap{
    color: #fff!important;
  }
  .w-annc__category-wrap{
    color: #fff!important;
  }

  .w-annc__title{
    color: #fff;
    @media(min-width:1920px){
      font-size: 1.6rem!important;
    }
  }
  .w-annc__title {
    font-family: $main-font;
    white-space: normal;
  }
  .w-annc__widget-title {     text-align: center; }
  .w-annc__more { margin-top: 1.5em; }
  .w-annc__list > .w-annc__item:nth-child(3n+1) {
    clear: both;
  }

  .w-annc__img-wrap {
    margin:0;
    height: auto;
  }
  .w-annc__content-wrap{
    padding: 1.5em;
    div{
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
  }
  .clearfix{
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
  }
  .w-annc__subtitle {
    display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
  }
  .w-annc__content-wrap {
   display: inline-block;
   &:after {
     content: '';
     display: block;
     margin-top: 5px;
     height: 4px;
     width: 0;
     background: transparent;
     transition: width .5s ease, background-color .5s ease;
   }
  }
   .w-annc__item{
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
     padding-bottom: 1em;
     @media(min-width:  $screen-lg){
       width:382px !important;
     }
     @media(max-width: 1025px)and(min-width: 821px){
       width: 30.5vw !important;
     }
     @media(max-width: 820px)and(min-width: 768px){
       width: 356px!important;
     }
     @media (max-width: $screen-xs) {
       width: 94vw !important;
       margin-left: 0 !important;
       margin-right: 0 !important;
     }
     &:hover{
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
         .w-annc__content-wrap:after{
           width: 100%;
          background: #f2f2f2;
         }
     }
   }
  .w-annc__item{
      &:hover{
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);

      .w-annc__img-wrap{
        box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033;
        -webkit-box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033;
      }
      img{
          // transform: scale(1.2)!important;
          // -webkit-transition: .3s ease-out;
          // -moz-transition: .3s ease-out;
          // -ms-transition: .3s ease-out;
          // -o-transition: .3s ease-out;
          // transition: .3s ease-out;
      }
      .transitionfade{
        height: inherit;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,.4);
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        -ms-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out;
      }
    }
  }
  .w-annc__subtitle{
    color: #fff;
    font-size: 1rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height .6s,opacity .6s;
    transition: max-height .6s,opacity .6s;
    @media(min-width:1920px){
      font-size: 1.2em;
    }
  }
  .w-annc__img-wrap {
    img{
      height: 100% !important;
      width: auto!important;
      max-width: unset;
      position: relative !important;
      margin: 0 !important;
      // transform: translateX(-7%);
    }
  }
  .w-annc__item{
    padding: 0;
    margin-right: 0.5em;
    margin-left: 0.5em;
    overflow: hidden;
    position: relative !important;
    @media(min-width: 1600px){
      height: 28em;

      .w-annc__img-wrap{
          height: 28em;

      }
    }
    @media(min-width: $screen-xs)and(max-width: 1599px){
      height: 20em;

      .w-annc__img-wrap{
          height: 20em;

      }
    }
  }
      li{
      &:hover{
          .card:before{
            height:100%;
          }
            .w-annc__subtitle{
              max-height: 100px;
              opacity: 1;
            }
      }
      position: relative;
      @media only screen and (max-width: 769px) and(min-width:500px){
       flex: 0 0 50%;
      }
    }
    .card{
      position: absolute;
      z-index:0;
      padding: 20px 25px;
      bottom: 0;
      left: 0;
      background-color: transparent;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(32%, #ffffff00), color-stop(89%, #00000080));
      background-image: linear-gradient(
      180deg
      , #ffffff00 32%, #00000080 89%);
      width: 100%;
    }
    .card:before{
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 8px;
      background-color: $theme-color-second;
      z-index: -1;
      -webkit-transition: height .6s;
      transition: height .6s;
    }
}
.event-news-22{
  .w-annc__img{
    @media(max-width: 768px){
      height: 100% !important;
      width: auto!important;
      max-width: unset;
    }
  }
  .w-annc__content-wrap{
    width:50%!important;
  }
  .cycle-carousel-wrap{
    display: flex;
    align-items: baseline;

  }
  .w-annc__title {
   font-family: $main-font;
   font-weight: bold;
   color: #599df7;
 }
 .w-annc__widget-title { float: left; }
 .w-annc__more {
   margin-top: 1.5em;
   display: none;
 }
 .w-annc__more-wrap{
   @media(max-width: 768px){

   }

 }
 .w-annc__list > .w-annc__item:nth-child(3n+1) {
   clear: both;
 }

 .w-annc__list {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
 }

 .w-annc__img-wrap {
   --heightB: 60vh;
     height: calc(var(--heightB)* 0.5 - 0.5rem);
   margin: 0;
   overflow: hidden;
   width:50%!important;
   @media (max-width: 768px) {
       --heightB: 90vh;
         height: calc(var(--heightB)* 0.5 - 0.5rem);
     }
 }
 .w-annc__item{
      background-color: #fff;
      border: 1px solid #dedcdc;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    margin-right: 0.5em;
    margin-left: 0.5em;
    margin-bottom: 1em;
    padding: 0;
    width: 100% !important;
    display: flex!important;
    --heightB: 60vh;
      height: calc(var(--heightB)* 0.5 - 0.5rem);
    // @media(min-width: 1900px){
    //   width:390px !important;
    // }
    // @media(max-width:1900px)and(min-width:769px){
    //   width:390px !important;
    // }
    // @media(max-width: 769px)and(min-width: $screen-xs){
    //   width: 47vw!important;
    // }
    @media (max-width: 768px) {
        margin-right: 0;
        --heightB: 90vh;
          height: calc(var(--heightB)* 0.5 - 0.5rem);
      }
 }
}

// Index-1
// Index-2
.index-eventnews-1,
.index-eventnews-2 {
  @media(max-width: $screen-xs){
    tr{
        margin-bottom: 10px;
        // border: 0.125em solid #ddd !important;
    }
    th{
      width: 100%;
    }
  }
  .i-annc__item {
    margin-bottom: 0.8em;
    padding-bottom: 0.8em;
    border-bottom: 0.0625em solid #ddd;
  }
  .i-annc__title {

  }
  .i-annc__entry-title {
    margin: 0;
  }

  .i-annc__category-wrap,
  .i-annc__postdate-wrap {
    font-size: 1rem;
    color: #666666;
  }

  .i-annc__status {
    @extend .i-title;
    display: inline-block;
  }
}

// Index-3
// Index-4
.index-eventnews-3,
.index-eventnews-4 {
  @media(max-width: $screen-xs){
    tr{
        margin-bottom: 10px;
        // border: 0.125em solid #ddd !important;
    }
    th{
      width: 100%;
    }
  }
  .i-annc__item {
    margin-bottom: 0.8em;
    padding-bottom: 0.8em;
    border-bottom: 0.0625em solid #ddd;
  }
  .i-annc__title {

  }
  .i-annc__entry-title {
    margin: 0;
  }

  .i-annc__category-wrap,
  .i-annc__postdate-wrap {
    font-size: 1rem;
    color: #666666;
  }

  .i-annc__status {
    @extend .i-title;
    display: inline-block;
  }

}

// Index-5
.index-eventnews-5{
  .i-annc__content-wrap{
    @media(max-width: 768px){
      padding-top: 0.5em;
    }
  }
  .i-annc__title {
    font-family: $main-font;
  }
}
// Index-6
.index-eventnews-6 {
  .i-annc__title {
    font-family: $main-font;
  }
}
// Index-7
.index-eventnews-7 {
  .i-annc__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .i-annc__title {
    font-family: $main-font;
  }
  .i-annc__list > .i-annc__item {
    margin-right: 0.5em;
    margin-left: 0.5em;
    @media (max-width:767px) {
      width: calc( 100%/2 - 1.25em );
      min-height: unset;
      margin: 0;
    }
    @media (max-width: $screen-xs) {
      width: 100%!important;
    }

  }
  .i-annc__list > .i-annc__item:nth-child(3n+1) {
    clear: both;

  }

  .i-annc__img-wrap {
    overflow: hidden;
    .i-annc__img{
          position: relative !important;
    }
    margin: 0 0 1em 0;
    img {
      @media (max-width:767px) {
       transform: scale(1) !important;
      }
    }
  }
}

// Index-8
.index-eventnews-8 {
  .i-annc__title {
    font-family: $main-font;
  }

  .i-annc__item {
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
  }
}

// Index-9
.index-eventnews-9 {
  .i-annc__content-wrap {
    padding:1em;
  }
  .i-annc__list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .i-annc__entry-title, .i-annc__meta {
    margin-top: 0;
    padding-left: 0.5em;
  }
  .i-annc__title {
    font-family: $main-font;
    font-size: 1.125rem;
  }

  .i-annc__item {
    border-bottom: 1px dashed #f3f4f5;
    margin-bottom: 1em;
    // margin-bottom: 0;
    width: calc(100%/3 - 1em);
    padding: 0;
    &:nth-child(odd) {
      border-left: 8px solid $theme-color-second;
    }
    &:nth-child(even) {
      border-left: 8px solid darken($color: $theme-color-second, $amount: 10);
    }

    @media (max-width:767px) {
      width: 100%;
    }
  }
  .i-annc__subtitle {
    text-align: left;
    font-size: 1em;
  }
}
// Index-10
.index-eventnews-10{

 .i-annc__item{
    width: 100%
 }
}
// Index-11
.index-eventnews-11 {

  .i-annc__item{
     width: 100%
  }
  .child{
    li{
      list-style: none;
    }
  }
  @media(max-width: $screen-xs){
    .i-annc__th--date{
      width:50%!important;
    }
    .i-annc__th--title{
      width:50%!important;
    }
  }
  table tr{
    flex-wrap: unset!important;
  }
}
// Index-12
.index-eventnews-12 {
  .i-annc__item{
     width: 100%
  }
  .child{
    li{
      list-style: none;
    }
  }
  @media(max-width: $screen-xs){
    .i-annc__th--date{
      width:50%!important;
    }
    .i-annc__th--title{
      width:50%!important;
    }
  }
  table tr{
    flex-wrap: unset!important;
  }
}
// Index-13
.index-eventnews-13 {
  thead{
        border-bottom: 0.125em solid #ddd;
  }
  .child{
    li{
      list-style: none;
    }
  }
  @media(max-width: $screen-xs){
    .i-annc__th--date{
      width:50%!important;
      border: 0;
    }
    .i-annc__th--title{
      width:50%!important;
      border: 0;
    }
  }
  table tr{
    flex-wrap: unset!important;
  }
}
// Index-14
.index-eventnews-14 {
  thead{
        border-bottom: 0.125em solid #ddd;
  }
  .child{
    li{
      list-style: none;
    }
  }
  @media(max-width: $screen-xs){
    .i-annc__th--date{
      width:50%!important;
      border: 0;
    }
    .i-annc__th--title{
      width:50%!important;
      border: 0;
    }
  }
  table tr{
    flex-wrap: unset!important;
  }
}
// Index-15
.index-eventnews-15 {
  @media(max-width: $screen-xs){
    tr{
        margin-bottom: 10px;
    }
    th{
      width: 100%;
    }
  }
  .i-annc__item {
    margin-bottom: 0.8em;
    padding-bottom: 0.8em;
    border-bottom: 0.0625em solid #ddd;
  }
  .i-annc__title {

  }
  .i-annc__entry-title {
    margin: 0;
  }

  .i-annc__category-wrap,
  .i-annc__postdate-wrap {
    font-size: 1rem;
    color: #666666;
  }

  .i-annc__status {
    @extend .i-title;
    display: inline-block;
  }
}
// Index-16
.index-eventnews-16 {
  @media(max-width: $screen-xs){
    tr{
        margin-bottom: 10px;
    }
    th{
      width: 100%;
    }
  }
  .i-annc__item {
    margin-bottom: 0.8em;
    padding-bottom: 0.8em;
    border-bottom: 0.0625em solid #ddd;
  }
  .i-annc__title {

  }
  .i-annc__entry-title {
    margin: 0;
  }

  .i-annc__category-wrap,
  .i-annc__postdate-wrap {
    font-size: 1rem;
    color: #666666;
  }

  .i-annc__status {
    @extend .i-title;
    display: inline-block;
  }
}

// Index-17
.index-eventnews-17 {
  @media(max-width: $screen-xs){
    tr{
        margin-bottom: 10px;
        // border: 0.125em solid #ddd !important;
    }
    th{
      width: 100%;
    }
  }
  .i-annc__item {
    margin-bottom: 0.8em;
    padding-bottom: 0.8em;
    border-bottom: 0.0625em solid #ddd;
  }
  .i-annc__title {

  }
  .i-annc__entry-title {
    margin: 0;
  }

  .i-annc__category-wrap,
  .i-annc__postdate-wrap {
    font-size: 1rem;
    color: #666666;
  }

  .i-annc__status {
    @extend .i-title;
    display: inline-block;
  }
}
// Index-19
.index-eventnews-19 {
  @media(max-width: $screen-xs){
    tr{
        margin-bottom: 10px;
        // border: 0.125em solid #ddd !important;
    }
    th{
      width: 100%;
    }
  }
  .i-annc__item {
    margin-bottom: 0.8em;
    padding-bottom: 0.8em;
    border-bottom: 0.0625em solid #ddd;
  }
  .i-annc__title {

  }
  .i-annc__entry-title {
    margin: 0;
  }

  .i-annc__category-wrap,
  .i-annc__postdate-wrap {
    font-size: 1rem;
    color: #666666;
  }

  .i-annc__status {
    @extend .i-title;
    display: inline-block;
  }
}
// Index-20
.index-eventnews-20 {
  @media(max-width: $screen-xs){
    tr{
        margin-bottom: 10px;
        // border: 0.125em solid #ddd !important;
    }
    th{
      width: 100%;
    }
  }
  .i-annc__item {
    margin-bottom: 0.8em;
    padding-bottom: 0.8em;
    border-bottom: 0.0625em solid #ddd;
  }
  .i-annc__title {

  }
  .i-annc__entry-title {
    margin: 0;
  }

  .i-annc__category-wrap,
  .i-annc__postdate-wrap {
    font-size: 1rem;
    color: #666666;
  }

  .i-annc__status {
    @extend .i-title;
    display: inline-block;
  }
}

//event-news-23
.event-news-23 {
  .w-annc__content-wrap{
    padding: 0;
  }
  .w-annc__meta {
    .w-annc__status-wrap,
    .w-annc__postdate-wrap,
    .w-annc__category-wrap {
      @extend .i-title;
      color: #333;
      font-weight: normal;
    }

    i {
      color:#333;
    }
  }
  .cycle-carousel-wrap{
    display: flex;
    align-items: baseline;
  }
  .w-annc__title {
   font-family: $main-font;
 }
 .w-annc__subtitle{
   text-align: center;
 }
 .w-annc__widget-title { float: left; }
 .w-annc__more { margin-top: 1.5em; }
 .w-annc__list > .w-annc__item:nth-child(3n+1) {
   clear: both;
 }

 .w-annc__list {
  justify-content: center;
  display: flex;
 }

 .w-annc__img-wrap {
   height:31.5em;
   margin: 0;
   overflow: hidden;
   border: 2px solid #333;
 }
 .w-annc__item{
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    margin-right: 0.5em;
    margin-left: 0.5em;
    margin-bottom: 1em;
    padding: 0;
    &:hover{
          box-shadow: none!important;
    }
    @media(min-width:  $screen-lg){
      width:367px !important;
    }
    @media(max-width: 1025px)and(min-width: 821px){
      width: 30.5vw !important;
    }
    @media(max-width: 820px)and(min-width: 768px){
      width: 356px!important;
    }
    @media (max-width: $screen-xs) {
      width: 94vw !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
 }
 // .cycle-slide{
 //    width:25vw !important;
 // }
 // .cycle-carousel-wrap{
 //   margin-left:0.5em !important;
 // }
}