
html {

  tap-highlight-color: fade(@brand-primary, 50%);


  //::-webkit-scrollbar {
  //  width: 12px; /* for vertical scrollbars */
  //  height: 12px; /* for horizontal scrollbars */
  //}
  //
  //::-webkit-scrollbar-track {
  //  background-color: #eee;
  //}
  //
  //::-webkit-scrollbar-thumb {
  //  background-color: #aaa;
  //
  //  border: 4px solid #eee;
  //  &:hover {
  //    background-color: @brand-primary;
  //
  //  }
  //}

}

.container {
  .container-fixed();

  @media (min-width: @screen-sm-min) {
    width: @container-sm;
  }
  @media (min-width: @screen-md-min) {
    width: @container-md;
  }
  @media (min-width: @screen-lg-min) {
    width: @container-lg;
  }
}



.row {
  .make-row();

  .col, .ce-col {
    padding-top: floor(@grid-gutter-width/2);
    padding-bottom: floor(@grid-gutter-width/2);

    .row & {
      padding-top: 0;
      bottom: 0
    }
  }

  &-1 .col {
    .make-xs-column(12);
  }

  &-2 .col {
    .make-sm-column(6);
  }

  &-2--none-collapsing .col {
    .make-xs-column(6);
  }

  &-2--asym-left,
  &-2--asym-right {
    .col-wide { .make-sm-column(8) }
    .col-narrow { .make-sm-column(4) }

  }

  &-3 .col {
    .make-sm-column(4);
  }

  &-3--asym-left,
  &-3--asym-right {
    .col-wide {
      .make-sm-column(12);
      .make-md-column(6)
    }
    .col-narrow {
      .make-sm-column(6);
      .make-md-column(3);
    }

  }

  &-4 .col {
    .make-sm-column(6);
    .make-md-column(3);
  }

  &-5 .col {
    .make-xs-column(6);
    .make-sm-column(4);
    .make-md-column(2.4);
  }
}

.frame-type-ce_columns2 .row {
  .make-row();

  .ce-col {
    .make-sm-column(6);
  }
}

.frame-type-ce_columns3 .row {
  .make-row();

  .ce-col {
    .make-sm-column(4);
  }
}

.frame-type-ce_columns4 .row {
  .make-row();

  .ce-col {
    .make-sm-column(6);
    .make-md-column(3);
  }
}

.frame-type-ce_columns5 .row {
  .make-row();

  .ce-col {
    .make-xs-column(6);
    .make-sm-column(4);
    .make-md-column(2.4);
  }
}

