@import "../mixins/less/mixins";

.widget-function('import_google_font');

@columns: 25%;
@img-hover: transparent;
@background: transparent;
@img-op: 1;
@p-title: #333;
@p-cats: #bdc3c7;
@type-th: 'minimal';
@type-clr: #95a5a6;
@type-hl: #2c3e50;
@type-pos: 'center';
@spacing: '';
@theme: 'default';
@type-font-fly: default;
@type-font-wt: bold;
@title-font-fly: default;
@title-font-wt: bold;
@cats-font-fly: default;
@cats-font-wt: bold;
@type-size: '';
@p-title-size: '';
@p-cats-size: '';

.iw-so-folio-terms {

  .type-pos() when (@type-pos =left) {
    float: left;
  }

  .type-pos() when (@type-pos =right) {
    float: right;
  }

  .type-pos();

  li {

    a {
      color: @type-clr;
      .font(@type-font-fly, @type-font-wt);
      font-size: @type-size;

      .type-theme() when (@type-th =minimal) {
        padding-left: 2px;
      }

      .type-theme() when (@type-th =outline) {
        border: 2px solid transparent;
      }

      .type-theme();

      &:hover,
      &:focus {
        color: @type-hl;
      }

      &.active {

        .type-hl() when (@type-th =outline) {
          border-color: @type-hl;
          color: @type-hl;
        }

        .type-hl() when (@type-th =minimal) {
          color: @type-hl;
        }

        .type-hl() when (@type-th =flat) {
          background: @type-hl;
          color: @type-clr;
        }

        .type-hl();

      }

    }

  }

}

@media only screen {

  .iw-so-folio-grid {

    .mix,
    .no-mix {
      width: 100%;
    }

  }

}

@media only screen and (min-width: 480px) {

  .iw-so-folio-grid {

    .mix,
    .no-mix {
      width: 50%;
    }

  }

}

@media only screen and (min-width: 640px) {

  .iw-so-folio-grid {

    .mix,
    .no-mix {
      width: @columns;
      min-width: 33.33%
    }

  }

}

@media only screen and (min-width: 786px) {

  .iw-so-folio-grid {

    .mix,
    .no-mix {
      width: @columns;
      min-width: 25%
    }

  }

}

@media only screen and (min-width: 1024px) {

  .iw-so-folio-grid {

    .mix,
    .no-mix {
      width: @columns;
      min-width: 20%
    }

  }

}

@media only screen and (min-width: 1280px) {

  .iw-so-folio-grid {

    .mix,
    .no-mix {
      width: @columns;
      min-width: 16.66667%
    }

  }

}

.iw-so-project-image a {
  background: @img-hover;
}

.iw-so-folio-grid article {
  background: @background;

  .space-collapse() when (@spacing =1) {
    margin: 0 !important;
  }

  .space-collapse();

}

.iw-so-project-image:hover img {
  opacity: @img-op;
}

.iw-so-project-type {
  padding-bottom: 1em;
  margin-top: 0;
  margin-bottom: 0;
  color: @p-cats;
  .font(@cats-font-fly, @cats-font-wt);
  font-size: @p-cats-size;

  .space-para() when (@spacing =1) {
    margin-bottom: 0;
  }

  .space-para();

}

.iw-so-project-title {
  margin-bottom: .25em;
  .font(@title-font-fly, @title-font-wt);
  font-size: @p-title-size;
}

.iw-so-project-title a {
  color: @p-title;
  text-decoration: none;
}