:local {
  @import '../../styles/config';

  /*
    Based on the responsive grid and visibility classes from Zurb Foundation v5.
  */
  .row {
    margin: 0 auto;
    max-width: $container-width;
    width: 100%;
  }

  .row::before,
  .row::after {
    content: " ";
    display: table;
  }

  .row::after {
    clear: both;
  }

  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }

  .row.collapse .row {
    margin-left: 0;
    margin-right: 0;
  }

  .row .row {
    margin: 0 ($grid-gutter / -2);
    max-width: none;
    width: auto;
  }

  .row .row::before,
  .row .row::after {
    content: " ";
    display: table;
  }

  .row .row::after {
    clear: both;
  }

  .row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto;
  }

  .row .row.collapse::before,
  .row .row.collapse::after {
    content: " ";
    display: table;
  }

  .row .row.collapse::after {
    clear: both;
  }

  .column,
  .columns {
    padding-left: ($grid-gutter / 2);
    padding-right: ($grid-gutter / 2);
    width: 100%;
    float: left;
  }

  .column + .column:last-child,
  .columns + .column:last-child,
  .column + .columns:last-child,
  .columns + .columns:last-child {
    float: right;
  }

  .column + .column.end,
  .columns + .column.end,
  .column + .columns.end,
  .columns + .columns.end {
    float: left;
  }

  @media only screen {
    .small-push-0 {
      position: relative;
      left: 0;
      right: auto;
    }

    .small-pull-0 {
      position: relative;
      right: 0;
      left: auto;
    }

    .small-push-1 {
      position: relative;
      left: 8.33333%;
      right: auto;
    }

    .small-pull-1 {
      position: relative;
      right: 8.33333%;
      left: auto;
    }

    .small-push-2 {
      position: relative;
      left: 16.66667%;
      right: auto;
    }

    .small-pull-2 {
      position: relative;
      right: 16.66667%;
      left: auto;
    }

    .small-push-3 {
      position: relative;
      left: 25%;
      right: auto;
    }

    .small-pull-3 {
      position: relative;
      right: 25%;
      left: auto;
    }

    .small-push-4 {
      position: relative;
      left: 33.33333%;
      right: auto;
    }

    .small-pull-4 {
      position: relative;
      right: 33.33333%;
      left: auto;
    }
    .small-push-5 {
      position: relative;
      left: 41.66667%;
      right: auto;
    }
    .small-pull-5 {
      position: relative;
      right: 41.66667%;
      left: auto;
    }

    .small-push-6 {
      position: relative;
      left: 50%;
      right: auto;
    }

    .small-pull-6 {
      position: relative;
      right: 50%;
      left: auto;
    }

    .small-push-7 {
      position: relative;
      left: 58.33333%;
      right: auto;
    }

    .small-pull-7 {
      position: relative;
      right: 58.33333%;
      left: auto;
    }

    .small-push-8 {
      position: relative;
      left: 66.66667%;
      right: auto;
    }

    .small-pull-8 {
      position: relative;
      right: 66.66667%;
      left: auto;
    }

    .small-push-9 {
      position: relative;
      left: 75%;
      right: auto;
    }

    .small-pull-9 {
      position: relative;
      right: 75%;
      left: auto;
    }

    .small-push-10 {
      position: relative;
      left: 83.33333%;
      right: auto;
    }

    .small-pull-10 {
      position: relative;
      right: 83.33333%;
      left: auto;
    }

    .small-push-11 {
      position: relative;
      left: 91.66667%;
      right: auto;
    }

    .small-pull-11 {
      position: relative;
      right: 91.66667%;
      left: auto;
    }

    .column,
    .columns {
      position: relative;
      padding-left: ($grid-gutter / 2);
      padding-right: ($grid-gutter / 2);
      float: left;
    }

    .small-1 {
      width: 8.33333%;
    }

    .small-2 {
      width: 16.66667%;
    }

    .small-3 {
      width: 25%;
    }

    .small-4 {
      width: 33.33333%;
    }

    .small-5 {
      width: 41.66667%;
    }

    .small-6 {
      width: 50%;
    }

    .small-7 {
      width: 58.33333%;
    }

    .small-8 {
      width: 66.66667%;
    }

    .small-9 {
      width: 75%;
    }

    .small-10 {
      width: 83.33333%;
    }

    .small-11 {
      width: 91.66667%;
    }

    .small-12 {
      width: 100%;
    }

    .small-offset-0 {
      margin-left: 0 !important;
    }

    .small-offset-1 {
      margin-left: 8.33333% !important;
    }

    .small-offset-2 {
      margin-left: 16.66667% !important;
    }

    .small-offset-3 {
      margin-left: 25% !important;
    }

    .small-offset-4 {
      margin-left: 33.33333% !important;
    }

    .small-offset-5 {
      margin-left: 41.66667% !important;
    }

    .small-offset-6 {
      margin-left: 50% !important;
    }

    .small-offset-7 {
      margin-left: 58.33333% !important;
    }

    .small-offset-8 {
      margin-left: 66.66667% !important;
    }

    .small-offset-9 {
      margin-left: 75% !important;
    }

    .small-offset-10 {
      margin-left: 83.33333% !important;
    }

    .small-offset-11 {
      margin-left: 91.66667% !important;
    }

    .small-reset-order {
      float: left;
      left: auto;
      margin-left: 0;
      margin-right: 0;
      right: auto;
    }

    .row.small-collapse > .column,
    .row.small-collapse > .columns {
      padding-left: 0;
      padding-right: 0;
    }

    .row.small-collapse .row {
      margin-left: 0;
      margin-right: 0;
    }

    .row.small-uncollapse > .column,
    .row.small-uncollapse > .columns {
      padding-left: ($grid-gutter / 2);
      padding-right: ($grid-gutter / 2);
      float: left;
    }
  }

  @media only screen and (min-width: map-get($breakpoints, medium)) {
    .medium-push-0 {
      position: relative;
      left: 0;
      right: auto;
    }

    .medium-pull-0 {
      position: relative;
      right: 0;
      left: auto;
    }

    .medium-push-1 {
      position: relative;
      left: 8.33333%;
      right: auto;
    }

    .medium-pull-1 {
      position: relative;
      right: 8.33333%;
      left: auto;
    }

    .medium-push-2 {
      position: relative;
      left: 16.66667%;
      right: auto;
    }

    .medium-pull-2 {
      position: relative;
      right: 16.66667%;
      left: auto;
    }

    .medium-push-3 {
      position: relative;
      left: 25%;
      right: auto;
    }

    .medium-pull-3 {
      position: relative;
      right: 25%;
      left: auto;
    }

    .medium-push-4 {
      position: relative;
      left: 33.33333%;
      right: auto;
    }

    .medium-pull-4 {
      position: relative;
      right: 33.33333%;
      left: auto;
    }

    .medium-push-5 {
      position: relative;
      left: 41.66667%;
      right: auto;
    }

    .medium-pull-5 {
      position: relative;
      right: 41.66667%;
      left: auto;
    }

    .medium-push-6 {
      position: relative;
      left: 50%;
      right: auto;
    }

    .medium-pull-6 {
      position: relative;
      right: 50%;
      left: auto;
    }

    .medium-push-7 {
      position: relative;
      left: 58.33333%;
      right: auto;
    }

    .medium-pull-7 {
      position: relative;
      right: 58.33333%;
      left: auto;
    }

    .medium-push-8 {
      position: relative;
      left: 66.66667%;
      right: auto;
    }

    .medium-pull-8 {
      position: relative;
      right: 66.66667%;
      left: auto;
    }

    .medium-push-9 {
      position: relative;
      left: 75%;
      right: auto;
    }

    .medium-pull-9 {
      position: relative;
      right: 75%;
      left: auto;
    }

    .medium-push-10 {
      position: relative;
      left: 83.33333%;
      right: auto;
    }

    .medium-pull-10 {
      position: relative;
      right: 83.33333%;
      left: auto;
    }

    .medium-push-11 {
      position: relative;
      left: 91.66667%;
      right: auto;
    }

    .medium-pull-11 {
      position: relative;
      right: 91.66667%;
      left: auto;
    }

    .column,
    .columns {
      position: relative;
      padding-left: ($grid-gutter / 2);
      padding-right: ($grid-gutter / 2);
      float: left;
    }

    .medium-1 {
      width: 8.33333%;
    }

    .medium-2 {
      width: 16.66667%;
    }

    .medium-3 {
      width: 25%;
    }

    .medium-4 {
      width: 33.33333%;
    }

    .medium-5 {
      width: 41.66667%;
    }

    .medium-6 {
      width: 50%;
    }

    .medium-7 {
      width: 58.33333%;
    }

    .medium-8 {
      width: 66.66667%;
    }

    .medium-9 {
      width: 75%;
    }

    .medium-10 {
      width: 83.33333%;
    }

    .medium-11 {
      width: 91.66667%;
    }

    .medium-12 {
      width: 100%;
    }

    .medium-offset-0 {
      margin-left: 0 !important;
    }

    .medium-offset-1 {
      margin-left: 8.33333% !important;
    }

    .medium-offset-2 {
      margin-left: 16.66667% !important;
    }

    .medium-offset-3 {
      margin-left: 25% !important;
    }

    .medium-offset-4 {
      margin-left: 33.33333% !important;
    }

    .medium-offset-5 {
      margin-left: 41.66667% !important;
    }

    .medium-offset-6 {
      margin-left: 50% !important;
    }

    .medium-offset-7 {
      margin-left: 58.33333% !important;
    }

    .medium-offset-8 {
      margin-left: 66.66667% !important;
    }

    .medium-offset-9 {
      margin-left: 75% !important;
    }

    .medium-offset-10 {
      margin-left: 83.33333% !important;
    }

    .medium-offset-11 {
      margin-left: 91.66667% !important;
    }

    .medium-reset-order {
      float: left;
      left: auto;
      margin-left: 0;
      margin-right: 0;
      right: auto;
    }

    .row.medium-collapse > .column,
    .row.medium-collapse > .columns {
      padding-left: 0;
      padding-right: 0;
    }

    .row.medium-collapse .row {
      margin-left: 0;
      margin-right: 0;
    }

    .row.medium-uncollapse > .column,
    .row.medium-uncollapse > .columns {
      padding-left: ($grid-gutter / 2);
      padding-right: ($grid-gutter / 2);
      float: left;
    }
  }

  @media only screen and (min-width: map-get($breakpoints, large)) {
    .large-push-0 {
      position: relative;
      left: 0;
      right: auto;
    }

    .large-pull-0 {
      position: relative;
      right: 0;
      left: auto;
    }

    .large-push-1 {
      position: relative;
      left: 8.33333%;
      right: auto;
    }

    .large-pull-1 {
      position: relative;
      right: 8.33333%;
      left: auto;
    }

    .large-push-2 {
      position: relative;
      left: 16.66667%;
      right: auto;
    }

    .large-pull-2 {
      position: relative;
      right: 16.66667%;
      left: auto;
    }

    .large-push-3 {
      position: relative;
      left: 25%;
      right: auto;
    }

    .large-pull-3 {
      position: relative;
      right: 25%;
      left: auto;
    }

    .large-push-4 {
      position: relative;
      left: 33.33333%;
      right: auto;
    }

    .large-pull-4 {
      position: relative;
      right: 33.33333%;
      left: auto;
    }

    .large-push-5 {
      position: relative;
      left: 41.66667%;
      right: auto;
    }

    .large-pull-5 {
      position: relative;
      right: 41.66667%;
      left: auto;
    }

    .large-push-6 {
      position: relative;
      left: 50%;
      right: auto;
    }

    .large-pull-6 {
      position: relative;
      right: 50%;
      left: auto;
    }

    .large-push-7 {
      position: relative;
      left: 58.33333%;
      right: auto;
    }

    .large-pull-7 {
      position: relative;
      right: 58.33333%;
      left: auto;
    }

    .large-push-8 {
      position: relative;
      left: 66.66667%;
      right: auto;
    }

    .large-pull-8 {
      position: relative;
      right: 66.66667%;
      left: auto;
    }

    .large-push-9 {
      position: relative;
      left: 75%;
      right: auto;
    }

    .large-pull-9 {
      position: relative;
      right: 75%;
      left: auto;
    }

    .large-push-10 {
      position: relative;
      left: 83.33333%;
      right: auto;
    }

    .large-pull-10 {
      position: relative;
      right: 83.33333%;
      left: auto;
    }

    .large-push-11 {
      position: relative;
      left: 91.66667%;
      right: auto;
    }

    .large-pull-11 {
      position: relative;
      right: 91.66667%;
      left: auto;
    }

    .column,
    .columns {
      position: relative;
      padding-left: ($grid-gutter / 2);
      padding-right: ($grid-gutter / 2);
      float: left;
    }

    .large-1 {
      width: 8.33333%;
    }

    .large-2 {
      width: 16.66667%;
    }

    .large-3 {
      width: 25%;
    }

    .large-4 {
      width: 33.33333%;
    }

    .large-5 {
      width: 41.66667%;
    }

    .large-6 {
      width: 50%;
    }

    .large-7 {
      width: 58.33333%;
    }

    .large-8 {
      width: 66.66667%;
    }

    .large-9 {
      width: 75%;
    }

    .large-10 {
      width: 83.33333%;
    }

    .large-11 {
      width: 91.66667%;
    }

    .large-12 {
      width: 100%;
    }

    .large-offset-0 {
      margin-left: 0 !important;
    }

    .large-offset-1 {
      margin-left: 8.33333% !important;
    }

    .large-offset-2 {
      margin-left: 16.66667% !important;
    }

    .large-offset-3 {
      margin-left: 25% !important;
    }

    .large-offset-4 {
      margin-left: 33.33333% !important;
    }

    .large-offset-5 {
      margin-left: 41.66667% !important;
    }

    .large-offset-6 {
      margin-left: 50% !important;
    }

    .large-offset-7 {
      margin-left: 58.33333% !important;
    }

    .large-offset-8 {
      margin-left: 66.66667% !important;
    }

    .large-offset-9 {
      margin-left: 75% !important;
    }

    .large-offset-10 {
      margin-left: 83.33333% !important;
    }

    .large-offset-11 {
      margin-left: 91.66667% !important;
    }

    .large-reset-order {
      float: left;
      left: auto;
      margin-left: 0;
      margin-right: 0;
      right: auto;
    }

    .row.large-collapse > .column,
    .row.large-collapse > .columns {
      padding-left: 0;
      padding-right: 0;
    }

    .row.large-collapse .row {
      margin-left: 0;
      margin-right: 0;
    }

    .row.large-uncollapse > .column,
    .row.large-uncollapse > .columns {
      padding-left: ($grid-gutter / 2);
      padding-right: ($grid-gutter / 2);
      float: left;
    }
  }

  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 (-$grid-gutter / 2);
  }

  [class*="block-grid-"]::before,
  [class*="block-grid-"]::after {
    content: " ";
    display: table;
  }

  [class*="block-grid-"]::after {
    clear: both;
  }

  [class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 ($grid-gutter / 2) ($spacing-vert);
  }

  @media only screen {

    .small-block-grid-1 > li {
      list-style: none;
      width: 100%;
    }

    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none;
    }

    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both;
    }

    .small-block-grid-2 > li {
      list-style: none;
      width: 50%;
    }

    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none;
    }

    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both;
    }

    .small-block-grid-3 > li {
      list-style: none;
      width: 33.33333%;
    }

    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none;
    }

    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both;
    }

    .small-block-grid-4 > li {
      list-style: none;
      width: 25%;
    }

    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none;
    }

    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both;
    }

    .small-block-grid-5 > li {
      list-style: none;
      width: 20%;
    }

    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none;
    }

    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both;
    }

    .small-block-grid-6 > li {
      list-style: none;
      width: 16.66667%;
    }

    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none;
    }

    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both;
    }

    .small-block-grid-7 > li {
      list-style: none;
      width: 14.28571%;
    }

    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none;
    }

    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both;
    }

    .small-block-grid-8 > li {
      list-style: none;
      width: 12.5%;
    }

    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none;
    }

    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both;
    }

    .small-block-grid-9 > li {
      list-style: none;
      width: 11.11111%;
    }

    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none;
    }

    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both;
    }

    .small-block-grid-10 > li {
      list-style: none;
      width: 10%;
    }

    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none;
    }

    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both;
    }

    .small-block-grid-11 > li {
      list-style: none;
      width: 9.09091%;
    }

    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none;
    }

    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both;
    }

    .small-block-grid-12 > li {
      list-style: none;
      width: 8.33333%;
    }

    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none;
    }

    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both;
    }
  }

  @media only screen and (min-width: map-get($breakpoints, medium)) {
    .medium-block-grid-1 > li {
      list-style: none;
      width: 100%;
    }

    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none;
    }

    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both;
    }

    .medium-block-grid-2 > li {
      list-style: none;
      width: 50%;
    }

    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none;
    }

    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both;
    }

    .medium-block-grid-3 > li {
      list-style: none;
      width: 33.33333%;
    }

    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none;
    }

    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both;
    }

    .medium-block-grid-4 > li {
      list-style: none;
      width: 25%;
    }

    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none;
    }

    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both;
    }

    .medium-block-grid-5 > li {
      list-style: none;
      width: 20%;
    }

    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none;
    }

    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both;
    }

    .medium-block-grid-6 > li {
      list-style: none;
      width: 16.66667%;
    }

    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none;
    }

    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both;
    }

    .medium-block-grid-7 > li {
      list-style: none;
      width: 14.28571%;
    }

    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none;
    }

    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both;
    }

    .medium-block-grid-8 > li {
      list-style: none;
      width: 12.5%;
    }

    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none;
    }

    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both;
    }

    .medium-block-grid-9 > li {
      list-style: none;
      width: 11.11111%;
    }

    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none;
    }

    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both;
    }

    .medium-block-grid-10 > li {
      list-style: none;
      width: 10%;
    }

    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none;
    }

    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both;
    }

    .medium-block-grid-11 > li {
      list-style: none;
      width: 9.09091%;
    }

    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none;
    }

    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both;
    }

    .medium-block-grid-12 > li {
      list-style: none;
      width: 8.33333%;
    }

    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none;
    }

    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both;
    }
  }

  @media only screen and (min-width: map-get($breakpoints, large)) {
    .large-block-grid-1 > li {
      list-style: none;
      width: 100%;
    }

    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none;
    }

    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both;
    }

    .large-block-grid-2 > li {
      list-style: none;
      width: 50%;
    }

    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none;
    }

    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both;
    }

    .large-block-grid-3 > li {
      list-style: none;
      width: 33.33333%;
    }

    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none;
    }

    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both;
    }

    .large-block-grid-4 > li {
      list-style: none;
      width: 25%;
    }

    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none;
    }

    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both;
    }

    .large-block-grid-5 > li {
      list-style: none;
      width: 20%;
    }

    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none;
    }

    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both;
    }

    .large-block-grid-6 > li {
      list-style: none;
      width: 16.66667%;
    }

    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none;
    }

    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both;
    }

    .large-block-grid-7 > li {
      list-style: none;
      width: 14.28571%;
    }

    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none;
    }

    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both;
    }

    .large-block-grid-8 > li {
      list-style: none;
      width: 12.5%;
    }

    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none;
    }

    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both;
    }

    .large-block-grid-9 > li {
      list-style: none;
      width: 11.11111%;
    }

    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none;
    }

    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both;
    }

    .large-block-grid-10 > li {
      list-style: none;
      width: 10%;
    }

    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none;
    }

    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both;
    }

    .large-block-grid-11 > li {
      list-style: none;
      width: 9.09091%;
    }

    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none;
    }

    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both;
    }

    .large-block-grid-12 > li {
      list-style: none;
      width: 8.33333%;
    }

    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none;
    }

    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both;
    }
  }

  // Added on top of zurb foundation for print functionality

  @function gridColumnCalc($numCols, $totalCols) {
    @return percentage($numCols / $totalCols);
  }

  @media print {
    @for $i from 1 through 12 {
      .print-#{$i} {
        width: gridColumnCalc($i, 12);
      }
    }

    @for $j from 0 through 11 {
      .print-offset-#{$j} {
        margin-left: gridColumnCalc($j, 12) !important;
      }

      .print-push-#{$j} {
        position: relative;
        left: gridColumnCalc($j, 12);
        right: auto;
      }

      .print-pull-#{$j} {
        position: relative;
        right: gridColumnCalc($j, 12);
        left: auto;
      }
    }
  }
}