/*

  Big grid styles

*/

// general

// video icons
// big thumb
.td-big-thumb {
  .td-video-play-ico {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      top: 8px;
      left: auto;
      right: 8px;
    }

    img {
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        top: 0 !important;
        left: 0;
        width: 30px;
      }
    }
  }
}

// medium thumb
.td-medium-thumb {
  .td-video-play-ico {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      top: 8px;
      left: auto;
      right: 8px;
    }

    img {
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        top: 0 !important;
        left: 0;
        width: 30px;
      }
    }
  }
}

// small thumb
.td-small-thumb {
  .td-video-play-ico {
    img {
      width: 30px;
    }
  }
}

// tiny thumb
.td-tiny-thumb {
  .td-video-play-ico {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      top: 8px;
      left: auto;
      right: 8px;
    }

    img {
      width: 30px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        top: -12px !important;
        width: 24px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        top: 0 !important;
        left: 0;
        width: 24px;
      }
    }
  }
}




/*
  Style 1
*/
.td-grid-style-1 {

  // big thumb
  .td-big-thumb {
    .td-big-grid-meta {
      width: 80%;
      padding: 0 26px 14px 20px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 0 17px 11px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 0 10px 10px;
        width: 100%;
      }
    }

    .entry-title {
      font-size: 22px;
      line-height: 30px;
      font-weight: 700;
      margin-top: 6px;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 18px !important;
        line-height: 24px !important;
        margin-top: 4px;
        margin-bottom: 5px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 5px;
      }
    }
  }

  // medium thumb
  .td-medium-thumb {
    .td-big-grid-meta {
      padding: 0 26px 14px 20px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 0 20px 11px 17px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 0 10px 10px;
      }
    }

    .entry-title {
      font-size: 20px;
      line-height: 26px;
      font-weight: 700;
      margin-top: 6px;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-top: 4px;
        margin-bottom: 5px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 5px;
      }
    }
  }

  // small thumb
  .td-small-thumb {
    .td-big-grid-meta {
      padding: 0 20px 10px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 0 17px 5px;
      }

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 0 10px 0;
      }
    }

    .td-module-meta-info {
      display: none;
    }

    .entry-title {
      font-size: 16px;
      line-height: 22px;
      font-weight: 700;
      margin-top: 6px;
      margin-bottom: 6px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 13px !important;
        line-height: 17px !important;
      }
    }

    .td-post-category {
      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        display: inline;
      }
    }

    .td-module-comments {
      display: none;
    }
  }

  // tiny thumb
  .td-tiny-thumb {
    .td-big-grid-meta {
      padding: 0 10px 2px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 0 8px 0;
      }

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 0 10px 0;
      }
    }

    .entry-title {
      font-size: 13px;
      line-height: 17px;
      font-weight: 600;
      margin-top: 6px;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 12px !important;
        line-height: 15px !important;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 13px !important;
        line-height: 17px !important;
      }
    }

    .td-module-meta-info,
    .td-module-comments {
      display: none;
    }
  }

  // custom fonts fix mobile small font + video icon
  &.td_block_big_grid_4 .td-small-thumb,
  &.td_block_big_grid_4 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-2,
  &.td_block_big_grid_5 .td-big-grid-post-3,
  &.td_block_big_grid_5 .td-big-grid-post-4 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .td-big-grid-meta {
        padding: 0 10px;
      }
      .entry-title {
        font-size: 13px !important;
        line-height: 17px !important;
        font-weight: 600;
        margin-top: 6px;
        margin-bottom: 7px;
      }
      .td-video-play-ico {
        top: 8px;
        left: auto;
        right: 8px;

        img {
          top: 0 !important;
          left: 0;
          width: 24px;
        }
      }
      .td-post-category,
      .td-module-meta-info {
        display: none;
      }
    }
  }
  // custom font fix mobile large font
  &.td_block_big_grid_5 .td-big-grid-post-0,
  &.td_block_big_grid_7 .td-big-grid-post-1 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .entry-title {
        font-size: 20px !important;
        line-height: 26px !important;
        font-weight: 700 !important;
        margin-bottom: 5px;
        margin-top: 6px;
      }
      .td-module-meta-info {
        display: block;
      }
      .td-post-category {
        display: inline;
      }
      .td-big-grid-meta {
        padding: 0 10px 10px;
      }
      .td-video-play-ico {
        top: 8px;
        left: auto;
        right: 8px;

        img {
          top: 0 !important;
          left: 0;
          width: 30px;
        }
      }
    }
  }
  // custom font fix mobile scroll font
  .td-big-grid-scroll .td-big-grid-post {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .td-big-grid-meta {
        padding: 0 10px 7px !important;
      }
      .td-module-meta-info {
        display: none;
      }
      .entry-title {
        font-size: 15px !important;
        line-height: 20px !important;
        font-weight: 700 !important;
        margin-top: 3px;
        margin-bottom: 0;
      }
      .td-video-play-ico {
        top: 8px;
        left: auto;
        right: 8px;

        img {
          top: 0 !important;
          left: 0;
        }
      }
    }
  }

  .td-module-thumb {
    // black bottom gradient
    a:last-child:before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
      opacity: 0.6;
      bottom: 0;
      background: rgba(0,0,0,0);
      background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
      background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        height: 140%;
        opacity: 0.8;
      }
    }

    // tint gradient color
    a:last-child:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
      opacity: 0.1;
      top: 0;
      background: rgba(0,0,0,0);
      background: -moz-linear-gradient(45deg,  rgba(205,132,36,1) 0%, rgba(25,166,124,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(205,132,36,1)), color-stop(100%,rgba(25,166,124,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(45deg,  rgba(205,132,36,1) 0%,rgba(25,166,124,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(45deg,  rgba(205,132,36,1) 0%,rgba(25,166,124,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(45deg,  rgba(205,132,36,1) 0%,rgba(25,166,124,1) 100%); /* IE10+ */
      background: linear-gradient(45deg,  rgba(205,132,36,1) 0%,rgba(25,166,124,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1acd8424', endColorstr='#1a19a67c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
  }

  // scroll
  .td-big-grid-scroll {
    .td-big-grid-post {
      .td-big-grid-meta {
        /* responsive portrait phone */
        @media (max-width: @responsive_p_phone_max) {
          padding: 0 10px 10px;
        }
      }
    }
  }

  // category tag
  .td-post-category {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      position: relative;
      top: 4px;
    }
  }

  // hover effect
  &.td-hover-1 {
    /* responsive desktop - disable all effects on devices */
    @media (min-width: 1025px) {
      // module thumb
      .td-module-thumb a:last-child:before,
      .td-module-thumb a:last-child:after {
        .transition(opacity 0.35s ease 0s);
      }

      // image animation
      .entry-thumb {
        .transition(transform 0.35s ease 0s);
      }

      // hover
      .td-big-grid-post:hover {
        // module thumb
        .td-module-thumb a:last-child:after {
          opacity: 0;
        }
        .td-module-thumb a:last-child:before {
          opacity: 0.8;
        }

        // image animation
        .entry-thumb {
          transform: scale3d(1.05, 1.05, 1);
          -webkit-transform: scale3d(1.05, 1.05, 1);
          -moz-transform: scale3d(1.05, 1.05, 1) rotate(0.02deg);
        }
      }
    }
  }
}


/*
  Style 2
*/
.td-grid-style-2 {
  // video icon
  .td-video-play-ico {
    top: 10px;
    left: auto;
    right: 10px;

    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      top: 8px;
      right: 8px;
    }

    img {
      top: 0 !important;
      left: 0;
      width: 30px;

      @media (max-width: @responsive_p_tablet_max) {
        width: 20px;
      }
    }
  }

  .td-big-thumb .td-video-play-ico img,
  .td-medium-thumb .td-video-play-ico img {
    @media (max-width: @responsive_p_tablet_max) {
      width: 30px;
    }
  }

  // big thumb
  .td-big-thumb {
    .td-big-grid-meta {
      padding: 10px 26px 14px 20px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 8px 17px 11px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 2px 10px 10px;
      }
    }

    .entry-title {
      font-size: 22px;
      line-height: 30px;
      font-weight: 700;
      margin-top: 6px;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 18px !important;
        line-height: 24px !important;
        margin-top: 4px;
        margin-bottom: 5px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 5px;
      }
    }
  }

  // medium thumb
  .td-medium-thumb {
    .td-big-grid-meta {
      padding: 10px 26px 14px 20px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 8px 20px 11px 17px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 2px 10px 10px;
      }
    }

    .entry-title {
      font-size: 20px;
      line-height: 26px;
      font-weight: 700;
      margin-top: 6px;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-top: 4px;
        margin-bottom: 5px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 5px;
      }
    }
  }

  // small thumb
  .td-small-thumb {
    .td-big-grid-meta {
      padding: 8px 20px 10px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 4px 17px 5px;
      }

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 0 10px 0;
      }
    }

    .td-module-meta-info {
      display: none;
    }

    .entry-title {
      font-size: 16px;
      line-height: 22px;
      font-weight: 700;
      margin-top: 6px;
      margin-bottom: 6px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 13px !important;
        line-height: 17px !important;
      }
    }

    .td-post-category {
      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        display: inline;
      }
    }
  }

  // tiny thumb
  .td-tiny-thumb {
    .td-big-grid-meta {
      padding: 3px 10px 2px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 0 8px 0;
      }

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 0 10px 0;
      }
    }

    .entry-title {
      font-size: 13px;
      line-height: 17px;
      font-weight: 600;
      margin-top: 6px;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 12px !important;
        line-height: 15px !important;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 13px !important;
        line-height: 17px !important;
      }
    }

    .td-module-meta-info {
      display: none;
    }
  }

  // general
  .td-big-grid-meta {
    background-color: rgba(0,0,0,0.4);
  }
  .td-post-category {
    position: relative;
    top: 2px;
    text-transform: uppercase;
    padding: 0;
    background-color: transparent;
  }
  .td-module-comments {
    display: none;
  }

  // custom fonts fix mobile small font + video icon
  &.td_block_big_grid_4 .td-small-thumb,
  &.td_block_big_grid_4 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-2,
  &.td_block_big_grid_5 .td-big-grid-post-3,
  &.td_block_big_grid_5 .td-big-grid-post-4 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .td-big-grid-meta {
        padding: 0 10px;
      }
      .entry-title {
        font-size: 13px !important;
        line-height: 17px !important;
        font-weight: 600;
        margin-top: 6px;
        margin-bottom: 7px;
      }
      .td-video-play-ico {
        top: 8px;
        left: auto;
        right: 8px;

        img {
          top: 0 !important;
          left: 0;
          width: 24px;
        }
      }
      .td-post-category,
      .td-module-meta-info {
        display: none;
      }
    }
  }
  // custom font fix mobile large font
  &.td_block_big_grid_5 .td-big-grid-post-0,
  &.td_block_big_grid_7 .td-big-grid-post-1 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .entry-title {
        font-size: 20px !important;
        line-height: 26px !important;
        font-weight: 700 !important;
        margin-bottom: 5px;
        margin-top: 6px;
      }
      .td-module-meta-info {
        display: block;
      }
      .td-post-category {
        display: inline;
      }
      .td-big-grid-meta {
        padding: 0 10px 10px;
      }
      .td-video-play-ico {
        top: 8px;
        left: auto;
        right: 8px;

        img {
          top: 0 !important;
          left: 0;
          width: 30px;
        }
      }
    }
  }
  // custom font fix mobile scroll font
  .td-big-grid-scroll .td-big-grid-post {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .td-big-grid-meta {
        padding: 0 10px 7px !important;
      }
      .td-module-meta-info {
        display: none;
      }
      .td-post-category {
        top: 6px;
      }
      .entry-title {
        font-size: 15px !important;
        line-height: 20px !important;
        font-weight: 700 !important;
        margin-top: 3px;
        margin-bottom: 0;
      }
      .td-video-play-ico {
        top: 8px;
        left: auto;
        right: 8px;

        img {
          top: 0 !important;
          left: 0;
        }
      }
    }
  }

  .td-module-thumb {
    // black bottom gradient
    a:last-child:before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
      opacity: 0.5;
      bottom: 0;
      background: rgba(0,0,0,0);
      background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
      background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        height: 140%;
        opacity: 0.8;
      }
    }
  }

  // scroll
  .td-big-grid-scroll {
    .td-big-grid-post {
      .td-big-grid-meta {
        /* responsive portrait phone */
        @media (max-width: @responsive_p_phone_max) {
          padding: 0 10px 10px;
        }
      }
    }
  }

  // hover effect
  &.td-hover-1 {
    /* responsive desktop - disable all effects on devices */
    @media (min-width: 1025px) {
      // module thumb
      .td-module-thumb a:last-child:before {
        .transition(opacity 0.35s ease 0s);
      }

      // hover
      .td-big-grid-post:hover {
        // module thumb
        .td-module-thumb a:last-child:before {
          opacity: 0.8;
        }
      }
    }
  }
}



/*
  Style 3
*/
.td-grid-style-3 {
  // general
  // tint color
  .td-module-thumb {
    // color
    a:last-child:before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
      background-color: @td_theme_color;
      opacity: 0.1;
    }
    // color black
    a:last-child:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
      background-color: #000;
      opacity: 0.32;
      top: 0;
    }
  }

  // text shadow
  .td-big-grid-post .entry-title a {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  }


  // big thumb
  .td-big-thumb {
    .td-big-grid-meta {
      padding: 0 30px 30px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 0 17px 11px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 0 10px 10px;
      }
    }

    .entry-title {
      font-size: 28px;
      line-height: 33px;
      font-weight: 700;
      margin-top: 9px;
      margin-bottom: 9px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 18px !important;
        line-height: 24px !important;
        margin-top: 4px;
        margin-bottom: 5px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-top: 6px;
        margin-bottom: 5px;
      }
    }
  }
  // medium thumb
  .td-medium-thumb {
    .td-big-grid-meta {
      padding: 0 26px 14px 20px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 0 20px 11px 17px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 0 10px 10px;
      }
    }

    .entry-title {
      font-size: 22px;
      line-height: 27px;
      font-weight: 700;
      margin-top: 6px;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-top: 4px;
        margin-bottom: 5px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 5px;
      }
    }
  }
  // small thumb
  .td-small-thumb {
    .td-big-grid-meta {
      padding: 0 20px 10px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 0 17px 5px;
      }

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 0 10px 0;
      }
    }

    .td-module-meta-info {
      display: none;
    }

    .entry-title {
      font-size: 17px;
      line-height: 22px;
      font-weight: 700;
      margin-top: 6px;
      margin-bottom: 6px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 13px !important;
        line-height: 17px !important;
      }
    }

    .td-post-category {
      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        display: inline;
      }
    }

    .td-module-comments {
      display: none;
    }
  }
  // tiny thumb
  .td-tiny-thumb {
    .td-big-grid-meta {
      padding: 0 10px 2px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 0 8px 0;
      }

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 0 10px 0;
      }
    }

    .entry-title {
      font-size: 15px;
      line-height: 19px;
      font-weight: 600;
      margin-top: 6px;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 12px !important;
        line-height: 15px !important;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 13px !important;
        line-height: 17px !important;
      }
    }

    .td-module-meta-info,
    .td-module-comments {
      display: none;
    }
  }


  // custom fonts fix mobile small font + video icon
  &.td_block_big_grid_4 .td-small-thumb,
  &.td_block_big_grid_4 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-2,
  &.td_block_big_grid_5 .td-big-grid-post-3,
  &.td_block_big_grid_5 .td-big-grid-post-4 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .entry-title {
        font-size: 13px !important;
        line-height: 17px !important;
        font-weight: 600;
        margin-bottom: 6px;
      }
      .td-video-play-ico {
        top: 8px;
        left: auto;
        right: 8px;

        img {
          top: 0 !important;
          left: 0;
          width: 24px;
        }
      }
      .td-post-category,
      .td-module-meta-info {
        display: none;
      }
      .td-big-grid-meta {
        padding: 0 10px;
      }
    }
  }
  // custom font fix mobile large font
  &.td_block_big_grid_5 .td-big-grid-post-0,
  &.td_block_big_grid_7 .td-big-grid-post-1 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .entry-title {
        font-size: 20px !important;
        line-height: 26px !important;
        font-weight: 700 !important;
      }
      .td-module-meta-info {
        display: block;
      }
      .td-post-category {
        display: inline;
      }
      .td-big-grid-meta {
        padding: 0 10px 10px;
      }
      .td-video-play-ico {
        top: 8px;
        left: auto;
        right: 8px;

        img {
          top: 0 !important;
          left: 0;
          width: 30px;
        }
      }
    }
  }
  // custom font fix mobile scroll font
  .td-big-grid-scroll .td-big-grid-post {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .td-module-meta-info {
        display: none;
      }
      .td-big-grid-meta {
        padding: 0 10px 7px;
      }
      .entry-title {
        font-size: 15px !important;
        line-height: 20px !important;
        font-weight: 700 !important;
        margin-top: 3px;
        margin-bottom: 0;
      }
      .td-video-play-ico {
        top: 8px;
        left: auto;
        right: 8px;

        img {
          top: 0 !important;
          left: 0;
        }
      }
    }
  }

  .td-module-thumb a:last-child:after {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      opacity: 0.4;
    }
  }

  // category tag
  .td-post-category {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      position: relative;
      top: 4px;
    }
  }


  // hover effect
  &.td-hover-1 {
    /* responsive desktop - disable all effects on devices */
    @media (min-width: 1025px) {
      // image animation
      .entry-thumb {
        max-width: none;
        width: ~"calc(100% + 50px)";
        width: ~"-moz-calc(100% + 50px)";
        width: ~"-webkit-calc(100% + 50px)";
        width: ~"-o-calc(100% + 50px)";
        opacity: 0.7;
        .transition(opacity 0.35s ease 0s, transform 0.35s ease 0s);
        .transform(translate3d(-40px, 0px, 0px));
      }

      // metabox animation
      .td-big-grid-meta {
        .transition(opacity 0.35s ease 0s, transform 0.35s ease 0s);
        .transform(translate3d(0px, 0px, 0px));
      }

      // module thumb
      .td-module-thumb a:last-child:before,
      .td-module-thumb a:last-child:after {
        .transition(opacity 0.35s ease 0s);
      }

      // comment animation
      .td-module-comments {
        .transition(opacity 0.35s ease 0s);
        opacity: 0;
      }

      // hover
      .td-big-grid-post:hover {

        // image animation
        .entry-thumb {
          .transform(translate3d(0px, 0px, 0px));
        }

        // image animation
        &.td-big-thumb .td-big-grid-meta,
        &.td-medium-thumb .td-big-grid-meta {
          .transform(translate3d(0px, -20px, 0px));
        }
        &.td-small-thumb .td-big-grid-meta,
        &.td-tiny-thumb .td-big-grid-meta {
          .transform(translate3d(0px, -10px, 0px));
        }

        // module thumb
        .td-module-thumb a:last-child:before {
          opacity: 0.16;
        }
        .td-module-thumb a:last-child:after {
          opacity: 0.6;
        }

        // comment animation
        .td-module-comments {
          opacity: 1;
        }
      }
    }
  }
}



/*
  Style 4
*/
.td-grid-style-4 {

  // general
  .td-meta-info-container {
    top: 0;
    bottom: 0;
    margin: 0;
    font-size: 0;
    position: absolute;
    width: 100%;

    &:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }
  }

  .entry-title {
    display: inline-block;
    width: 100%;
  }

  .td-meta-align {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }

  .td-module-meta-info {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

  .td-post-category {
    background-color: transparent;

    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      top: 4px;
    }
  }

  .td-big-grid-meta {
    position: relative;
    text-align: center;
    padding: 0 10%;

    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      padding: 0 4%;
    }
  }

  .td-module-thumb {
    // color
    a:last-child:before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
      background-color: @td_theme_color;
      opacity: 0.2;
      top: 0;
    }

    // black
    a:last-child:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0;
      background-color: #000;
      opacity: 0.2;
      top: 0;
    }

    // video icon
    .td-video-play-ico {
      top: auto;
      bottom: 10px;
      left: auto;
      right: 10px;

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        display: none;
      }

      img {
        top: 0 !important;
        left: 0;
        width: 30px;

        /* responsive portrait tablet */
        @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
          width: 20px;
        }
      }
    }
  }


  // big thumb
  .td-big-thumb {
    .entry-title {
      font-size: 30px;
      line-height: 36px;
      font-weight: 700;
      margin-top: 1px;
      margin-bottom: 9px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 22px !important;
        line-height: 26px !important;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 24px !important;
        margin-bottom: 5px;
      }
    }
  }

  // medium thumb
  .td-medium-thumb {
    .entry-title {
      font-size: 24px;
      line-height: 28px;
      font-weight: 700;
      margin-top: 1px;
      margin-bottom: 9px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 18px !important;
        line-height: 21px !important;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 24px !important;
        margin-bottom: 5px;
      }
    }
  }

  // small thumb
  .td-small-thumb {
    .entry-title {
      font-size: 18px;
      line-height: 21px;
      font-weight: 700;
      margin-top: 1px;
      margin-bottom: 9px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 14px !important;
        line-height: 17px !important;
      }
    }

    .td-module-comments {
      display: none;
    }
  }

  // tiny thumb
  .td-tiny-thumb {
    .entry-title {
      font-size: 14px;
      line-height: 18px;
      font-weight: 700;
      margin-top: 1px;
      margin-bottom: 9px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 13px !important;
        line-height: 16px !important;
        margin: 5px 0;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 12px !important;
        line-height: 14px !important;
        margin: 5px 0;
      }
    }
    .td-post-category,
    .td-module-comments {
      display: none;
    }
    .td-module-meta-info {
      /* responsive portrait tablet */
      @media (max-width: @responsive_p_tablet_max) {
        display: none;
      }
    }
  }


  // custom fonts fix mobile small font + video icon
  &.td_block_big_grid_4 .td-small-thumb,
  &.td_block_big_grid_4 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-2,
  &.td_block_big_grid_5 .td-big-grid-post-3,
  &.td_block_big_grid_5 .td-big-grid-post-4 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .entry-title {
        font-size: 12px !important;
        line-height: 14px !important;
        margin: 5px 0;
      }
      .td-video-play-ico {
        top: 8px;
        left: auto;
        right: 8px;

        img {
          top: 0 !important;
          left: 0;
          width: 24px;
        }
      }
      .td-post-category,
      .td-module-meta-info {
        display: none;
      }
    }
  }
  // custom font fix mobile large font
  &.td_block_big_grid_5 .td-big-grid-post-0,
  &.td_block_big_grid_7 .td-big-grid-post-1 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .entry-title {
        font-size: 20px !important;
        line-height: 24px !important;
        margin: 5px 0;
      }
      .td-module-meta-info {
        display: block;
      }
      .td-post-category {
        display: inline;
      }
      .td-video-play-ico {
        top: 8px;
        left: auto;
        right: 8px;

        img {
          top: 0 !important;
          left: 0;
          width: 30px;
        }
      }
    }
  }
  // custom font fix mobile scroll font
  .td-big-grid-scroll .td-big-grid-post {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .td-module-meta-info {
        display: none;
      }
      .entry-title {
        font-size: 14px !important;
        line-height: 17px !important;
      }
      .td-video-play-ico {
        top: 8px;
        left: auto;
        right: 8px;

        img {
          top: 0 !important;
          left: 0;
        }
      }
    }
  }


  // hover effect
  &.td-hover-1 {
    /* responsive desktop - disable all effects on devices */
    @media (min-width: 1025px) {
      // image gradient
      .td-module-thumb:before {
        content: '';
        width: 101%; // fix the firefox fluid size
        height: 100%;
        position: absolute;
        z-index: 1;
        opacity: 0.8;
        top: 0;
        background: rgba(0, 0, 0, 0);
        /* Old Browsers */
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 61%, rgba(0, 0, 0, 0.6) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(61%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.6)));
        /* Chrome, Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 61%, rgba(0, 0, 0, 0.6) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 61%, rgba(0, 0, 0, 0.6) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 61%, rgba(0, 0, 0, 0.6) 100%);
        /* IE 10+ */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 61%, rgba(0, 0, 0, 0.6) 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
        /* IE6-9 */
        .transition(transform 0.35s ease 0s);
        .transform(translate3d(0px, 80%, 0px));
      }

      .td-module-thumb a:last-child:before {
        .transition(opacity 0.35s ease 0s);
      }

      // category
      .td-post-category {
        .transition(background-color 0.35s ease 0s, color 0.35s ease 0s);
        background-color: transparent;
      }

      // metabox animation
      .td-big-grid-meta {
        .transition(opacity 0.35s ease 0s, transform 0.35s ease 0s);
        .transform(translate3d(0px, 0px, 0px));
      }

      // comment animation
      .td-module-comments {
        .transition(opacity 0.35s ease 0s);
        opacity: 0;
      }

      // hover
      .td-big-grid-post:hover {

        // image gradient
        .td-module-thumb:before {
          .transform(translate3d(0px, 0px, 0px));
        }
        .td-module-thumb a:last-child:before {
          opacity: 0.1;
        }

        // category
        .td-post-category {
          background-color: #fff;
          color: #000;
        }

        // image animation
        &.td-big-thumb .td-big-grid-meta,
        &.td-medium-thumb .td-big-grid-meta {
          .transform(translate3d(0px, -20px, 0px));
        }
        &.td-small-thumb .td-big-grid-meta,
        &.td-tiny-thumb .td-big-grid-meta {
          .transform(translate3d(0px, -10px, 0px));
        }

        // comment animation
        .td-module-comments {
          opacity: 1;
        }
      }
    }
  }
}


/*
  Style 5
*/
.td-grid-style-5 {
  // general
  .td-meta-info-container {
    top: 0;
    bottom: 0;
    margin: 0;
    font-size: 0;
    position: absolute;
    width: 100%;

    &:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }
  }

  .td-meta-align {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }

  .td-module-meta-info {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

  .td-big-grid-meta {
    position: relative;
    text-align: center;
    padding: 0 10%;

    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      padding: 0 4%;
    }
  }

  // title
  .entry-title {
    display: inline-block;
    width: 100%;
    font-weight: 300;
    text-transform: uppercase;
  }

  // color black
  .td-module-thumb a:last-child:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-color: #000;
    opacity: 0.7;
    top: 0;
  }

  // comments
  .td-module-comments {
    /* responsive portrait tablet */
    @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
      display: none;
    }
  }

  // category
  .td-post-category {
    .transition(background-color 0.35s ease 0s, color 0.35s ease 0s);

    &:hover {
      background-color: #fff;
      color: #000;
    }
  }

  // video icon
  .td-video-play-ico {
    top: auto;
    bottom: 10px;
    left: auto;
    right: 10px;

    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      display: none;
    }

    img {
      top: 0 !important;
      left: 0;
      width: 30px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        width: 20px;
      }
    }
  }


  // big thumb
  .td-big-thumb {
    .entry-title {
      font-size: 37px;
      line-height: 39px;
      margin-top: 1px;
      margin-bottom: 9px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 22px !important;
        line-height: 26px !important;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 24px !important;
      }
    }
  }

  // medium thumb
  .td-medium-thumb {
    .entry-title {
      font-size: 24px;
      line-height: 28px;
      margin-top: 1px;
      margin-bottom: 9px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 18px !important;
        line-height: 21px !important;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 24px !important;
      }
    }
  }

  // small thumb
  .td-small-thumb {
    .entry-title {
      font-size: 18px;
      line-height: 21px;
      margin-top: 1px;
      margin-bottom: 9px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 14px !important;
        line-height: 17px !important;
      }
    }

    .td-module-comments {
      display: none;
    }
  }

  // tiny thumb
  .td-tiny-thumb {
    .entry-title {
      font-size: 14px;
      line-height: 18px;
      font-weight: 400;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 13px !important;
        line-height: 16px !important;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 12px !important;
        line-height: 14px !important;
        margin: 5px 0;
      }
    }
    .td-post-category,
    .td-module-comments {
      display: none;
    }
    .td-module-meta-info {
      /* responsive portrait tablet */
      @media (max-width: @responsive_p_tablet_max) {
        display: none;
      }
    }
  }


  // custom fonts fix mobile small font + video icon
  &.td_block_big_grid_4 .td-small-thumb,
  &.td_block_big_grid_4 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-2,
  &.td_block_big_grid_5 .td-big-grid-post-3,
  &.td_block_big_grid_5 .td-big-grid-post-4 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .entry-title {
        font-size: 12px !important;
        line-height: 14px !important;
        margin: 5px 0;
      }
      .td-post-category,
      .td-module-meta-info {
        display: none;
      }
    }
  }
  // custom font fix mobile large font
  &.td_block_big_grid_5 .td-big-grid-post-0,
  &.td_block_big_grid_7 .td-big-grid-post-1 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .entry-title {
        font-size: 20px !important;
        line-height: 24px !important;
        margin: 5px 0;
      }
      .td-module-meta-info {
        display: block;
      }
      .td-post-category {
        display: inline;
      }
    }
  }
  // custom font fix mobile scroll font
  .td-big-grid-scroll .td-big-grid-post {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .td-module-meta-info {
        display: none;
      }
      .entry-title {
        font-size: 14px !important;
        line-height: 17px !important;
      }
    }
  }



  // hover effect
  &.td-hover-1 {
    /* responsive desktop - disable all effects on devices */
    @media (min-width: 1025px) {
      // image animation
      .entry-thumb {
        .transition(transform 0.6s ease 0s);
        .transform(scale(1.1));
      }

      .td-module-thumb {
        // tint
        &:after {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 1;
          background-color: @td_theme_color;
          opacity: 0;
          top: 0;
          left: 0;
          pointer-events: none;
          .transition(opacity 0.4s ease 0.2s);
        }

        a:last-child:after {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(255,255,255,0.2);
          content: '';
          z-index: 1;
          .transform(scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-116%,0));
        }
      }

      // comment animation
      .td-module-comments {
        .transition(opacity 0.6s ease 0s);
        opacity: 0;
      }

      // hover
      .td-big-grid-post:hover {
        // image animation
        .entry-thumb {
          .transform(scale(1));
        }

        // comment animation
        .td-module-comments {
          opacity: 1;
        }

        .td-module-thumb a:last-child:after {
          .transition(transform 0.6s ease 0s);
          .transform(scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,116%,0));
        }

        .td-module-thumb:after {
          opacity: 0.3;
        }
      }
    }
  }
}



/*
  Style 6
*/
.td-grid-style-6 {
  // general
  // video icon
  .td-video-play-ico {
    top: auto;
    bottom: 10px;
    left: auto;
    right: 10px;

    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      display: none;
    }

    img {
      top: 0 !important;
      left: 0;
      width: 30px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        width: 20px;
      }
    }
  }

  // category
  .td-post-category {
    background-color: transparent;
    padding: 0;
    position: absolute;
    bottom: 17px;

    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      bottom: 10px;
    }

    &:hover {
      background-color: transparent;
    }
  }

  .td-big-grid-meta {
    height: 100%;
  }

  // comments
  .td-module-comments {
    display: none;
  }


  // big thumb
  .td-big-thumb {
    .td-big-grid-meta {
      padding: 14px 26px 14px 20px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 12px 17px 11px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 12px 10px 10px;
      }
    }

    .entry-title {
      font-size: 30px;
      line-height: 36px;
      font-weight: 700;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 20px !important;
        line-height: 26px !important;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 5px;
      }
    }
  }

  // medium thumb
  .td-medium-thumb {
    .td-big-grid-meta {
      padding: 14px 26px 14px 20px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 12px 20px 11px 17px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 12px 10px 10px;
      }
    }

    .entry-title {
      font-size: 22px;
      line-height: 28px;
      font-weight: 700;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 5px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 5px;
      }
    }
  }

  // small thumb
  .td-small-thumb {
    .td-big-grid-meta {
      padding: 14px 20px 10px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 12px 17px 5px;
      }

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 0 10px 0;
      }
    }

    .td-module-meta-info {
      /* responsive portrait tablet */
      @media (max-width: @responsive_p_tablet_max) {
        display: none;
      }
    }

    .entry-title {
      font-size: 18px;
      line-height: 24px;
      font-weight: 700;
      margin-bottom: 6px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 14px !important;
        line-height: 18px !important;
      }
    }

    .td-post-category {
      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        display: inline;
      }
    }

    .td-module-comments {
      display: none;
    }
  }

  // tiny thumb
  .td-tiny-thumb {
    .td-big-grid-meta {
      padding: 4px 16px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 4px 14px;
      }

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 2px 10px 0;
      }
    }

    .entry-title {
      font-size: 16px;
      line-height: 21px;
      font-weight: 600;
      margin-top: 6px;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 13px !important;
        line-height: 16px !important;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 12px !important;
        line-height: 15px !important;
      }
    }

    .td-module-meta-info,
    .td-module-comments {
      display: none;
    }
  }

  // custom fonts fix mobile small font + video icon
  &.td_block_big_grid_4 .td-small-thumb,
  &.td_block_big_grid_4 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-2,
  &.td_block_big_grid_5 .td-big-grid-post-3,
  &.td_block_big_grid_5 .td-big-grid-post-4 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .td-big-grid-meta {
        padding: 2px 10px 0;
      }
      .entry-title {
        font-size: 12px !important;
        line-height: 15px !important;
        font-weight: 600;
        margin-top: 6px;
        margin-bottom: 7px;
      }
      .td-post-category,
      .td-module-meta-info {
        display: none;
      }
    }
  }
  // custom font fix mobile large font
  &.td_block_big_grid_5 .td-big-grid-post-0,
  &.td_block_big_grid_7 .td-big-grid-post-1 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .entry-title {
        font-size: 20px !important;
        line-height: 26px !important;
        font-weight: 700 !important;
        margin-bottom: 5px;
      }
      .td-module-meta-info {
        display: block;
      }
      .td-post-category {
        display: inline;
      }
      .td-big-grid-meta {
        padding: 12px 10px 10px;
      }
    }
  }
  // custom font fix mobile scroll font
  .td-big-grid-scroll .td-big-grid-post {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .td-big-grid-meta {
        padding: 8px 10px 7px !important;
      }
      .td-module-meta-info {
        display: none;
      }
      .entry-title {
        font-size: 15px !important;
        line-height: 20px !important;
        font-weight: 700 !important;
        margin-bottom: 0;
      }
    }
  }

  // general pseudo-element
  .td-module-thumb a:last-child:before,
  .td-big-grid-post .td-module-thumb a:last-child:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
  }

  // black
  .td-module-thumb a:last-child:after {
    opacity: 0.35;
    background: #000;
  }

  // colors
  // color 0
  .td-big-grid-post-0 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #4cf0ff;
    background: -moz-linear-gradient(top, #4cf0ff 0%, #1e53e4 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #4cf0ff), color-stop(100%, #1e53e4));
    background: -webkit-linear-gradient(top, #4cf0ff 0%, #1e53e4 100%);
    background: -o-linear-gradient(top, #4cf0ff 0%, #1e53e4 100%);
    background: -ms-linear-gradient(top, #4cf0ff 0%, #1e53e4 100%);
    background: linear-gradient(to bottom, #4cf0ff 0%, #1e53e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cf0ff', endColorstr='#1e53e4', GradientType=0 );
  }
  // color 1
  &.td_block_big_grid_7 .td-big-grid-post-2 .td-module-thumb a:last-child:before,
  .td-big-grid-post-1 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #ffd21f;
    background: -moz-linear-gradient(top, #ffd21f 0%, #dc2a02 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffd21f), color-stop(100%, #dc2a02));
    background: -webkit-linear-gradient(top, #ffd21f 0%, #dc2a02 100%);
    background: -o-linear-gradient(top, #ffd21f 0%, #dc2a02 100%);
    background: -ms-linear-gradient(top, #ffd21f 0%, #dc2a02 100%);
    background: linear-gradient(to bottom, #ffd21f 0%, #dc2a02 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd21f', endColorstr='#dc2a02', GradientType=0 );
  }
  // color 2
  &.td_block_big_grid_7 .td-big-grid-post-1 .td-module-thumb a:last-child:before,
  .td-big-grid-post-2 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #fc5ddc;
    background: -moz-linear-gradient(top, #fc5ddc 0%, #9e06cd 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fc5ddc), color-stop(100%, #9e06cd));
    background: -webkit-linear-gradient(top, #fc5ddc 0%, #9e06cd 100%);
    background: -o-linear-gradient(top, #fc5ddc 0%, #9e06cd 100%);
    background: -ms-linear-gradient(top, #fc5ddc 0%, #9e06cd 100%);
    background: linear-gradient(to bottom, #fc5ddc 0%, #9e06cd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5ddc', endColorstr='#9e06cd', GradientType=0 );
  }
  // color 3
  .td-big-grid-post-3 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #e0ff2f;
    background: -moz-linear-gradient(top, #e0ff2f 0%, #018d0a 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #e0ff2f), color-stop(100%, #018d0a));
    background: -webkit-linear-gradient(top, #e0ff2f 0%, #018d0a 100%);
    background: -o-linear-gradient(top, #e0ff2f 0%, #018d0a 100%);
    background: -ms-linear-gradient(top, #e0ff2f 0%, #018d0a 100%);
    background: linear-gradient(to bottom, #e0ff2f 0%, #018d0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ff2f', endColorstr='#018d0a', GradientType=0 );
  }
  // color 4
  .td-big-grid-post-4 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #fe773d;
    background: -moz-linear-gradient(top, #fe773d 0%, #bb021b 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fe773d), color-stop(100%, #bb021b));
    background: -webkit-linear-gradient(top, #fe773d 0%, #bb021b 100%);
    background: -o-linear-gradient(top, #fe773d 0%, #bb021b 100%);
    background: -ms-linear-gradient(top, #fe773d 0%, #bb021b 100%);
    background: linear-gradient(to bottom, #fe773d 0%, #bb021b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe773d', endColorstr='#bb021b', GradientType=0 );
  }
  // color 5
  &.td_block_big_grid_4 .td-big-grid-post-4 .td-module-thumb a:last-child:before,
  .td-big-grid-post-5 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #ff6eaa;
    background: -moz-linear-gradient(top, #ff6eaa 0%, #c81956 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff6eaa), color-stop(100%, #c81956));
    background: -webkit-linear-gradient(top, #ff6eaa 0%, #c81956 100%);
    background: -o-linear-gradient(top, #ff6eaa 0%, #c81956 100%);
    background: -ms-linear-gradient(top, #ff6eaa 0%, #c81956 100%);
    background: linear-gradient(to bottom, #ff6eaa 0%, #c81956 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6eaa', endColorstr='#c81956', GradientType=0 );
  }
  // color 6
  &.td_block_big_grid_6 .td-big-grid-post-5 .td-module-thumb a:last-child:before,
  &.td_block_big_grid_5 .td-big-grid-post-4 .td-module-thumb a:last-child:before,
  .td-big-grid-post-6 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #4fffd3;
    background: -moz-linear-gradient(top, #4fffd3 0%, #005f87 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #4fffd3), color-stop(100%, #005f87));
    background: -webkit-linear-gradient(top, #4fffd3 0%, #005f87 100%);
    background: -o-linear-gradient(top, #4fffd3 0%, #005f87 100%);
    background: -ms-linear-gradient(top, #4fffd3 0%, #005f87 100%);
    background: linear-gradient(to bottom, #4fffd3 0%, #005f87 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fffd3', endColorstr='#005f87', GradientType=0 );
  }

  // scroll
  .td-big-grid-scroll {
    .td-big-grid-post {
      .td-big-grid-meta {
        /* responsive portrait phone */
        @media (max-width: @responsive_p_phone_max) {
          //padding: 0 10px 10px;
        }
      }
    }
  }

  // hover effect
  &.td-hover-1 {
    /* responsive desktop - disable all effects on devices */
    @media (min-width: 1025px) {
      // module thumb
      .td-module-thumb a:last-child:after {
        .transition(opacity 0.35s ease 0s);
      }

      // image animation
      .entry-thumb {
        .transition(transform 0.35s ease 0s);
      }

      // hover
      .td-big-grid-post:hover {
        // module thumb
        .td-module-thumb a:last-child:after {
          opacity: 0.5;
        }

        // image animation
        .entry-thumb {
          transform: scale3d(1.05, 1.05, 1);
          -webkit-transform: scale3d(1.05, 1.05, 1);
          -moz-transform: scale3d(1.05, 1.05, 1) rotate(0.02deg);
        }
      }
    }
  }
}



/*
  Style 7
*/
.td-grid-style-7 {
  // general
  // video icon
  .td-video-play-ico {
    top: auto;
    bottom: 10px;
    left: auto;
    right: 10px;

    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      display: none;
    }

    img {
      top: 0 !important;
      left: 0;
      width: 30px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        width: 20px;
      }
    }
  }

  // text shadow
  .td-big-grid-post .entry-title a {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  }

  // category
  .td-post-category {
    background-color: transparent;
    padding: 0;
    position: absolute;
    bottom: 17px;

    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      bottom: 10px;
    }

    &:hover {
      background-color: transparent;
    }
  }

  .td-big-grid-meta {
    height: 100%;
  }

  // comments
  .td-module-comments {
    display: none;
  }


  // big thumb
  .td-big-thumb {
    .td-big-grid-meta {
      padding: 14px 26px 14px 20px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 12px 17px 11px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 12px 10px 10px;
      }
    }

    .entry-title {
      font-size: 30px;
      line-height: 36px;
      font-weight: 700;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 20px !important;
        line-height: 26px !important;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 5px;
      }
    }
  }

  // medium thumb
  .td-medium-thumb {
    .td-big-grid-meta {
      padding: 14px 26px 14px 20px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 12px 20px 11px 17px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 12px 10px 10px;
      }
    }

    .entry-title {
      font-size: 26px;
      line-height: 32px;
      font-weight: 700;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 5px;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 5px;
      }
    }
  }

  // small thumb
  .td-small-thumb {
    .td-big-grid-meta {
      padding: 14px 20px 10px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 12px 17px 5px;
      }

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 0 10px 0;
      }
    }

    .td-module-meta-info {
      /* responsive portrait tablet */
      @media (max-width: @responsive_p_tablet_max) {
        display: none;
      }
    }

    .entry-title {
      font-size: 18px;
      line-height: 24px;
      font-weight: 700;
      margin-bottom: 6px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 14px !important;
        line-height: 18px !important;
      }
    }

    .td-post-category {
      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        display: inline;
      }
    }

    .td-module-comments {
      display: none;
    }
  }

  // tiny thumb
  .td-tiny-thumb {
    .td-big-grid-meta {
      padding: 4px 16px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        padding: 4px 14px;
      }

      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        padding: 2px 10px 0;
      }
    }

    .entry-title {
      font-size: 16px;
      line-height: 21px;
      font-weight: 600;
      margin-top: 6px;
      margin-bottom: 7px;

      /* responsive portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 13px !important;
        line-height: 16px !important;
      }
      /* responsive portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 12px !important;
        line-height: 15px !important;
      }
    }

    .td-module-meta-info,
    .td-module-comments {
      display: none;
    }
  }

  // custom fonts fix mobile small font + video icon
  &.td_block_big_grid_4 .td-small-thumb,
  &.td_block_big_grid_4 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-1,
  &.td_block_big_grid_5 .td-big-grid-post-2,
  &.td_block_big_grid_5 .td-big-grid-post-3,
  &.td_block_big_grid_5 .td-big-grid-post-4 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .td-big-grid-meta {
        padding: 2px 10px 0;
      }
      .entry-title {
        font-size: 12px !important;
        line-height: 15px !important;
        font-weight: 600;
        margin-top: 6px;
        margin-bottom: 7px;
      }
      .td-post-category,
      .td-module-meta-info {
        display: none;
      }
    }
  }
  // custom font fix mobile large font
  &.td_block_big_grid_5 .td-big-grid-post-0,
  &.td_block_big_grid_7 .td-big-grid-post-1 {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .entry-title {
        font-size: 20px !important;
        line-height: 26px !important;
        font-weight: 700 !important;
        margin-bottom: 5px;
      }
      .td-module-meta-info {
        display: block;
      }
      .td-post-category {
        display: inline;
      }
      .td-big-grid-meta {
        padding: 12px 10px 10px;
      }
    }
  }
  // custom font fix mobile scroll font
  .td-big-grid-scroll .td-big-grid-post {
    /* responsive portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      .td-big-grid-meta {
        padding: 8px 10px 7px !important;
      }
      .td-module-meta-info {
        display: none;
      }
      .entry-title {
        font-size: 15px !important;
        line-height: 20px !important;
        font-weight: 700 !important;
        margin-bottom: 0;
      }
    }
  }

  // general pseudo-element
  .td-module-thumb a:last-child:before,
  .td-big-grid-post .td-module-thumb a:last-child:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
  }

  // black
  .td-module-thumb a:last-child:after {
    -webkit-box-shadow: inset 0 0 16px 4px rgba(0,0,0,1);
    -moz-box-shadow: inset 0 0 16px 4px rgba(0,0,0,1);
    box-shadow: inset 0 0 16px 4px rgba(0,0,0,1);
    opacity: 0.15;
  }

  // colors
  // color 0
  .td-big-grid-post-0 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #410cbc;
    background: -moz-linear-gradient(20deg, #410cbc 0%, #ff6f31 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #410cbc), color-stop(100%, #ff6f31));
    background: -webkit-linear-gradient(20deg, #410cbc 0%, #ff6f31 100%);
    background: -o-linear-gradient(20deg, #410cbc 0%, #ff6f31 100%);
    background: -ms-linear-gradient(20deg, #410cbc 0%, #ff6f31 100%);
    background: linear-gradient(20deg, #410cbc 0%, #ff6f31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#410cbc', endColorstr='#ff6f31', GradientType=1 );
  }
  // color 1
  .td-big-grid-post-1 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #f4880d;
    background: -moz-linear-gradient(20deg, #f4880d 0%, #70ff99 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #f4880d), color-stop(100%, #70ff99));
    background: -webkit-linear-gradient(20deg, #f4880d 0%, #70ff99 100%);
    background: -o-linear-gradient(20deg, #f4880d 0%, #70ff99 100%);
    background: -ms-linear-gradient(20deg, #f4880d 0%, #70ff99 100%);
    background: linear-gradient(20deg, #f4880d 0%, #70ff99 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4880d', endColorstr='#70ff99', GradientType=1 );
  }
  // color 2
  .td-big-grid-post-2 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #c40f79;
    background: -moz-linear-gradient(20deg, #c40f79 0%, #7ebfff 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #c40f79), color-stop(100%, #7ebfff));
    background: -webkit-linear-gradient(20deg, #c40f79 0%, #7ebfff 100%);
    background: -o-linear-gradient(20deg, #c40f79 0%, #7ebfff 100%);
    background: -ms-linear-gradient(20deg, #c40f79 0%, #7ebfff 100%);
    background: linear-gradient(20deg, #c40f79 0%, #7ebfff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40f79', endColorstr='#7ebfff', GradientType=1 );
  }
  // color 3
  .td-big-grid-post-3 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #0016be;
    background: -moz-linear-gradient(20deg, #0016be 0%, #2aec74 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #0016be), color-stop(100%, #2aec74));
    background: -webkit-linear-gradient(20deg, #0016be 0%, #2aec74 100%);
    background: -o-linear-gradient(20deg, #0016be 0%, #2aec74 100%);
    background: -ms-linear-gradient(20deg, #0016be 0%, #2aec74 100%);
    background: linear-gradient(20deg, #0016be 0%, #2aec74 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0016be', endColorstr='#2aec74', GradientType=1 );
  }
  // color 4
  .td-big-grid-post-4 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #023c8c;
    background: -moz-linear-gradient(20deg, #023c8c 0%, #ff86d3 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #023c8c), color-stop(100%, #ff86d3));
    background: -webkit-linear-gradient(20deg, #023c8c 0%, #ff86d3 100%);
    background: -o-linear-gradient(20deg, #023c8c 0%, #ff86d3 100%);
    background: -ms-linear-gradient(20deg, #023c8c 0%, #ff86d3 100%);
    background: linear-gradient(20deg, #023c8c 0%, #ff86d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023c8c', endColorstr='#ff86d3', GradientType=1 );
  }
  // color 5
  &.td_block_big_grid .td-big-grid-post-4 .td-module-thumb a:last-child:before,
  &.td_block_big_grid_5 .td-big-grid-post-2 .td-module-thumb a:last-child:before,
  .td-big-grid-post-5 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #00ac81;
    background: -moz-linear-gradient(20deg, #00ac81 0%, #ff778e 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #00ac81), color-stop(100%, #ff778e));
    background: -webkit-linear-gradient(20deg, #00ac81 0%, #ff778e 100%);
    background: -o-linear-gradient(20deg, #00ac81 0%, #ff778e 100%);
    background: -ms-linear-gradient(20deg, #00ac81 0%, #ff778e 100%);
    background: linear-gradient(20deg, #00ac81 0%, #ff778e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ac81', endColorstr='#ff778e', GradientType=1 );
  }
  // color 6
  &.td_block_big_grid_6 .td-big-grid-post-4 .td-module-thumb a:last-child:before,
  &.td_block_big_grid_4 .td-big-grid-post-2 .td-module-thumb a:last-child:before,
  .td-big-grid-post-6 .td-module-thumb a:last-child:before {
    opacity: 0.6;
    background: #007808;
    background: -moz-linear-gradient(20deg, #007808 0%, #fff940 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #007808), color-stop(100%, #fff940));
    background: -webkit-linear-gradient(20deg, #007808 0%, #fff940 100%);
    background: -o-linear-gradient(20deg, #007808 0%, #fff940 100%);
    background: -ms-linear-gradient(20deg, #007808 0%, #fff940 100%);
    background: linear-gradient(20deg, #007808 0%, #fff940 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007808', endColorstr='#fff940', GradientType=1 );
  }

  // hover effect
  &.td-hover-1 {
    /* responsive desktop - disable all effects on devices */
    @media (min-width: 1025px) {
      // image animation
      .entry-thumb {
        .transition(transform 0.35s ease 0s);
      }

      // hover
      .td-big-grid-post:hover {
        // image animation
        .entry-thumb {
          transform: scale3d(1.05, 1.05, 1);
          -webkit-transform: scale3d(1.05, 1.05, 1);
          -moz-transform: scale3d(1.05, 1.05, 1) rotate(0.02deg);
        }
      }
    }
  }
}