@import 'css/master/settings/settings';
//
// Grid system
// --------------------------------------------------

// Container widths
//
// Set the container width, and override it for fixed navbars in media queries.

.row {
  clear: both;
}
.container-fixed {
  margin-right: auto;
  margin-left: auto;
  padding-left:  floor(($grid-gutter-width / 2));
  padding-right: ceil(($grid-gutter-width / 2));
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  @include clearfix;
}
@include breakpoint(md) {
  .container-fixed {
    width: $container-md !important;
  }
}
@include breakpoint(lg) {
  .container-fixed {
    width: $container-lg !important;
  }
}
@include breakpoint(xl) {
  .container-fixed {
    width: $container-xl !important;
  }
}
@include breakpoint(xxl) {
  .container-fixed {
    width: $container-xxl !important;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left:  floor(($grid-gutter-width / 2));
  padding-right: ceil(($grid-gutter-width / 2));
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  @include clearfix;
}

.row, .row-fluid {
  & * {
    @include box-sizing;

    &:before, &:after {
      @include box-sizing;
    }
  }
}

.equalHeightBreak {
  width: 100%;
  line-height: 0;
  font-size: 0;
  float: left;
  @include clearfix();
}

@include make-grid-columns;

@include breakpoint(xs) {
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xs-#{$i} {
        float: left;
        width: percentage(($i / $grid-columns)) !important;
      }
    }
    @if $i == 0 {
      .col-xs-half {
        float: left;
        width: $half-column-size !important;
      }
    }
  }

  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xs-push-#{$i} {
        left: percentage(($i / $grid-columns));
      }
    }

    @if $i == 0 {
      .col-xs-push-0 {
        left: auto;
      }

      .col-xs-push-half {
        left: $half-column-size;
      }
    }
  }

  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xs-pull-#{$i} {
        right: percentage(($i / $grid-columns));
      }
    }

    @if $i == 0 {
      .col-xs-pull-0 {
        right: auto;
      }

      .col-xs-pull-half {
        right: $half-column-size;
      }
    }
  }

  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xs-offset-#{$i} {
        margin-left: percentage(($i / $grid-columns));
      }
    }
    @if $i == 0 {
      .col-xs-offset-half {
        margin-left: $half-column-size;
      }
    }
  }

  #jsMediaQueryCheck .breakpoint.sm, #jsMediaQueryCheck .breakpoint.md, #jsMediaQueryCheck .breakpoint.lg, #jsMediaQueryCheck .breakpoint.xl, #jsMediaQueryCheck .breakpoint.xxl { display: none; }
  #jsMediaQueryCheck .breakpoint.xs { display: block; }

}



@include breakpoint(sm) {
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-sm-#{$i} {
        float: left;
        width: percentage(($i / $grid-columns)) !important;
      }
    }
    @if $i == 0 {
      .col-sm-half {
        float: left;
        width: $half-column-size !important;
      }
    }
  }

  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-sm-push-#{$i} {
        left: percentage(($i / $grid-columns));
      }
    }

    @if $i == 0 {
      .col-sm-push-0 {
        left: auto;
      }

      .col-sm-push-half {
        left: $half-column-size;
      }
    }
  }

  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-sm-pull-#{$i} {
        right: percentage(($i / $grid-columns));
      }
    }

    @if $i == 0 {
      .col-sm-pull-0 {
        right: auto;
      }

      .col-sm-pull-half {
        right: $half-column-size;
      }
    }
  }

  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-sm-offset-#{$i} {
        margin-left: percentage(($i / $grid-columns));
      }
    }
    @if $i == 0 {
      .col-sm-offset-half {
        margin-left: $half-column-size;
      }
    }
  }

  #jsMediaQueryCheck .breakpoint.xs, #jsMediaQueryCheck .breakpoint.md, #jsMediaQueryCheck .breakpoint.lg, #jsMediaQueryCheck .breakpoint.xl, #jsMediaQueryCheck .breakpoint.xxl { display: none; }
  #jsMediaQueryCheck .breakpoint.sm { display: block; }

}

@include breakpoint(md) {
  /* Create Column Sizing */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-md-#{$i} {
        float: left;
        width: percentage(($i / $grid-columns)) !important;
      }
    }
    @if $i == 0 {
      .col-md-half {
        float: left;
        width: $half-column-size !important;
      }
    }
  }

  /* Create Push Columns */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-md-push-#{$i} {
        left: percentage(($i / $grid-columns));
      }
    }

    @if $i == 0 {
      .col-md-push-0 {
        left: auto;
      }

      .col-md-push-half {
        left: $half-column-size;
      }
    }
  }

  /* Create Pull Columns */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-md-pull-#{$i} {
        right: percentage(($i / $grid-columns));
      }
    }

    @if $i == 0 {
      .col-md-pull-0 {
        right: auto;
      }

      .col-md-pull-half {
        right: $half-column-size;
      }
    }
  }

  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-md-offset-#{$i} {
        margin-left: percentage(($i / $grid-columns));
      }
    }
    @if $i == 0 {
      .col-md-offset-half {
        margin-left: $half-column-size;
      }
    }
  }

  #jsMediaQueryCheck .breakpoint.xs, #jsMediaQueryCheck .breakpoint.sm, #jsMediaQueryCheck .breakpoint.lg, #jsMediaQueryCheck .breakpoint.xl, #jsMediaQueryCheck .breakpoint.xxl {
    display: none;
  }
  #jsMediaQueryCheck .breakpoint.md {
    display: block;
  }
}

@include breakpoint(lg) {
  /* Create Column Sizing */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-lg-#{$i} {
        float: left;
        width: percentage(($i / $grid-columns)) !important;
      }
    }
    @if $i == 0 {
      .col-lg-half {
        float: left;
        width: $half-column-size !important;
      }
    }
  }

  /* Create Push Columns */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-lg-push-#{$i} {
        left: percentage(($i / $grid-columns));
      }
    }

    @if $i == 0 {
      .col-lg-push-0 {
        left: auto;
      }

      .col-lg-push-half {
        left: $half-column-size;
      }
    }
  }

  /* Create Pull Columns */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-lg-pull-#{$i} {
        right: percentage(($i / $grid-columns));
      }
    }

    @if $i == 0 {
      .col-lg-pull-0 {
        right: auto;
      }

      .col-lg-pull-half {
        right: $half-column-size;
      }
    }
  }

  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-lg-offset-#{$i} {
        margin-left: percentage(($i / $grid-columns));
      }
    }
    @if $i == 0 {
      .col-lg-offset-half {
        margin-left: $half-column-size;
      }
    }
  }

  #jsMediaQueryCheck .breakpoint.xs, #jsMediaQueryCheck .breakpoint.sm, #jsMediaQueryCheck .breakpoint.md, #jsMediaQueryCheck .breakpoint.xl, #jsMediaQueryCheck .breakpoint.xxl { display: none; }
  #jsMediaQueryCheck .breakpoint.lg { display: block; }
}

@include breakpoint(xl) {
  /* Create Column Sizing */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xl-#{$i} {
        float: left;
        width: percentage(($i / $grid-columns)) !important;
      }
    }
    @if $i == 0 {
      .col-xl-half {
        float: left;
        width: $half-column-size !important;
      }
    }
  }

  /* Create Push Columns */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xl-push-#{$i} {
        left: percentage(($i / $grid-columns));
      }
    }

    @if $i == 0 {
      .col-xl-push-0 {
        left: auto;
      }

      .col-xl-push-half {
        left: $half-column-size;
      }
    }
  }

  /* Create Pull Columns */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xl-pull-#{$i} {
        right: percentage(($i / $grid-columns));
      }
    }

    @if $i == 0 {
      .col-xl-pull-0 {
        right: auto;
      }

      .col-xl-pull-half {
        right: $half-column-size;
      }
    }
  }

  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xl-offset-#{$i} {
        margin-left: percentage(($i / $grid-columns));
      }
    }
    @if $i == 0 {
      .col-xl-offset-half {
        margin-left: $half-column-size;
      }
    }
  }

  #jsMediaQueryCheck .breakpoint.xs, #jsMediaQueryCheck .breakpoint.sm, #jsMediaQueryCheck .breakpoint.md, #jsMediaQueryCheck .breakpoint.lg, #jsMediaQueryCheck .breakpoint.xxl { display: none; }
  #jsMediaQueryCheck .breakpoint.xl { display: block; }
}

@include breakpoint(xxl) {
  /* Create Column Sizing */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xxl-#{$i} {
        float: left;
        width: percentage(($i / $grid-columns)) !important;
      }
    }
    @if $i == 0 {
      .col-xxl-7columns {
        width: $column-size7 !important;
        float: left;
      }
    }
  }

  /* Create Push Columns */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xxl-push-#{$i} {
        left: percentage(($i / $grid-columns));
      }
    }

    @if $i == 0 {
      .col-xxl-push-0 {
        left: auto;
      }

      .col-xxl-push-7columns {
        left: $column-size7;
      }
    }
  }

  /* Create Pull Columns */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xxl-pull-#{$i} {
        right: percentage(($i / $grid-columns));
      }
    }

    @if $i == 0 {
      .col-xxl-pull-0 {
        right: auto;
      }

      .col-xxl-pull-7columns {
        right: $column-size7;
      }
    }
  }

  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xxl-offset-#{$i} {
        margin-left: percentage(($i / $grid-columns));
      }
    }
    @if $i == 0 {
      .col-xxl-offset-7columns {
        margin-left: $column-size7;
      }
    }
  }

  #jsMediaQueryCheck .breakpoint.xs, #jsMediaQueryCheck .breakpoint.sm, #jsMediaQueryCheck .breakpoint.md, #jsMediaQueryCheck .breakpoint.lg, #jsMediaQueryCheck .breakpoint.xl { display: none; }
  #jsMediaQueryCheck .breakpoint.xxl { display: block; }
}

@include breakpoint(xxl) {
  /* Create Column Sizing */
  @for $i from 0 through $grid-columns {
    @if $i > 0 {
      .col-xxl-#{$i} {
        float: left;
        width: percentage(($i / $grid-columns)) !important;
      }
    }
    @if $i == 0 {
      .col-xxl-half {
        float: left;
        width: $half-column-size !important;
      }
    }
  }
}

@include breakpoint(xs) {
  .hidden-xs {
    display: none !important;
  }
}

@include breakpoint-minmax(sm) {
  .hidden-sm {
    display: none !important;
  }
}

@include breakpoint-minmax(md) {
  .hidden-md {
    display: none !important;
  }
}

@include breakpoint-minmax(lg) {
  .hidden-lg {
    display: none !important;
  }
}

@include breakpoint-minmax(xl) {
  .hidden-xl {
    display: none !important;
  }
}

@include breakpoint(xxl) {
  .hidden-xxl {
    display: none !important;
  }
}

.no_gutter {
  padding-left: 0;
  padding-right: 0;
}