/* Container definition */
[class*="container"] {
  margin: 0 auto;
}

.container--maxwidth {
  max-width: 1280px;
}

.container--padded {
  padding: 0 1rem;
}
/* Container definition END */

/* Gridable */
.gridable--row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  margin-left: -20px;
}

.gridable--col {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  padding-left: 20px;
}

@media only screen and (max-width: 1024px) {
  .gridable--col.is-empty {
    display: none;
  }
}

.gridable--col.col-1 {
  -ms-flex-preferred-size: 8.33333%;
  flex-basis: 8.33333%;
  width: 8.33333%;
  max-width: 8.33333%;
}

.gridable--col.col-2 {
  -ms-flex-preferred-size: 16.66667%;
  flex-basis: 16.66667%;
  width: 16.66667%;
  max-width: 16.66667%;
}

.gridable--col.col-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  width: 25%;
  max-width: 25%;
}

.gridable--col.col-4 {
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
}

.gridable--col.col-5 {
  -ms-flex-preferred-size: 41.66667%;
  flex-basis: 41.66667%;
  width: 41.66667%;
  max-width: 41.66667%;
}

.gridable--col.col-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%;
  max-width: 50%;
}

.gridable--col.col-7 {
  -ms-flex-preferred-size: 58.33333%;
  flex-basis: 58.33333%;
  width: 58.33333%;
  max-width: 58.33333%;
}

.gridable--col.col-8 {
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
  width: 66.66667%;
  max-width: 66.66667%;
}

.gridable--col.col-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  width: 75%;
  max-width: 75%;
}

.gridable--col.col-10 {
  -ms-flex-preferred-size: 83.33333%;
  flex-basis: 83.33333%;
  width: 83.33333%;
  max-width: 83.33333%;
}

.gridable--col.col-11 {
  -ms-flex-preferred-size: 91.66667%;
  flex-basis: 91.66667%;
  width: 91.66667%;
  max-width: 91.66667%;
}

.gridable--col.col-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

@media only screen and (max-width: 1024px) {
  .gridable--col[class*="col-"] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}

.gridable--col {
  overflow: hidden;
  box-sizing: border-box;
}
/* Gridable END */

/* Gridable Plugin overwrites */
.gridable--row {
  justify-content: flex-start;
}

.gridable--col.col-1-of-7 {
  -ms-flex-preferred-size: 14.285%;
  flex-basis: 14.285%;
  width: 14.285%;
  max-width: 14.285%;
}

@media screen and (max-width: 700px) {
  .gridable--col.col-1-of-5-small {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    width: 20%;
    max-width: 20%;
  }
}
/* Gridable Plugin overwrites END */