.vc_default-templates-separator {
  margin: 20px 0;
}

.generate-default-templates(@n, @i: 1, @h, @oh: 0) when (@i =< @n) {
  &.vc_default_template-@{i} {
    .vc_templates-image {
      background-position: 0 @oh;
    }
  }
  .generate-default-templates(@n, (@i + 1), @h, (@oh - @h));
}

.vc_templates-image {
  height: 155px;
  width: 114px;
  background-image: url("../vc/fe/default_templates_sprite.png");
  background-repeat: no-repeat;
  margin: 0 auto;
}

// vc_default-template-0 is class for "default placeholder"
.generate-default-templates(64, 0, 155px, 0px);

.vc_default-templates {
  > .wpb_row.vc_row-fluid {
    margin: 0;
  }

  .vc_template {
    padding: 10px 15px 10px 15px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    position: relative;
    font-size: 14px;

    .wpb_text_column {
      width: 114px;
    }

    > .wpb_wrapper {
      cursor: pointer;
      &:hover {
        .opacity(0.7);
      }
    }
  }
  #vc_templates-more-layouts {
    clear: both;
    margin: 0 auto 25px !important;
    background-image: url("../vc/fe/more_layouts.png");
    background-position: 14px center;
    background-repeat: no-repeat;
    padding-left: 52px;
    border: none !important;
    font-size: 14px;
    .vc_btn_variants(#F8C733, #ffffff);
    &:focus {
      outline: none;
    }
  }
}
