/* columns varied */

.content-columns-varied .grid-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, [col-start] 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  width: 100%;
}

.content-columns-varied .grid-wrapper.grid-wrapper-no-gap {
  margin: 0px;
}

.content-columns-varied .grid-wrapper .col-flex {
  margin: .75em;
  padding: 0;
  height: auto;
}

.content-columns-varied .grid-wrapper .col-flex.col-flex-no-margin {
  margin: 0;
}

/* four-column-build */

.content-columns-varied.four-column-build .grid-wrapper .col-flex {
  grid-column: span 3;
  -ms-grid-column-span: 3;
}
/* four-column-build - ms support */
.content-columns-varied.four-column-build .grid-wrapper .col-flex:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.content-columns-varied.four-column-build .grid-wrapper .col-flex:nth-child(2) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
}
.content-columns-varied.four-column-build .grid-wrapper .col-flex:nth-child(3) {
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
}
.content-columns-varied.four-column-build .grid-wrapper .col-flex:nth-child(4) {
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
}

/* three-column-build */

.content-columns-varied.three-column-build .grid-wrapper .col-flex {
  grid-column: span 4;
  -ms-grid-column-span: 4;
}
/* three-column-build - ms support */
.content-columns-varied.three-column-build .grid-wrapper .col-flex:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
}
.content-columns-varied.three-column-build .grid-wrapper .col-flex:nth-child(2) {
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
}
.content-columns-varied.three-column-build .grid-wrapper .col-flex:nth-child(3) {
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
}
.content-columns-varied.three-column-build .col-flex:nth-child(4) {
  display: none;
}

/* two-column-build */

.content-columns-varied.two-column-build .grid-wrapper .col-flex {
  grid-column: span 6;
  -ms-grid-column-span: 6;
}
/* two-column-build - ms support */
.content-columns-varied.two-column-build .grid-wrapper .col-flex:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
}
.content-columns-varied.two-column-build .grid-wrapper .col-flex:nth-child(2) {
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
}
.content-columns-varied.two-column-build .col-flex:nth-child(3),
.content-columns-varied.two-column-build .col-flex:nth-child(4) {
  display: none;
}

/* one-column-build */

.content-columns-varied.one-column-build .grid-wrapper .col-flex {
  grid-column: span 12;
  -ms-grid-column-span: 12;
}
/* one-column-build - ms support */
.content-columns-varied.one-column-build .grid-wrapper .col-flex:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
}
.content-columns-varied.one-column-build .grid-wrapper .col-flex:nth-child(2),
.content-columns-varied.one-column-build .grid-wrapper .col-flex:nth-child(3),
.content-columns-varied.one-column-build .grid-wrapper .col-flex:nth-child(4) {
  display: none;
}

.content-columns-varied .col-flex img {
  margin: 0;
  width: 100%;
  height: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* columns varied - three-nine-column-build */

.content-columns-varied.three-column-nine-column-build .grid-wrapper .col-flex:nth-child(1) {
  grid-column: span 3;
  -ms-grid-column-span: 3;
}
.content-columns-varied.three-column-nine-column-build .grid-wrapper .col-flex:nth-child(2) {
  grid-column: span 9;
  -ms-grid-column-span: 9;
  padding: 1em;
}

/* nine-three-column - ms support */

.content-columns-varied.three-column-nine-column-build .grid-wrapper .col-flex:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.content-columns-varied.three-column-nine-column-build .grid-wrapper .col-flex:nth-child(2) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 12;
}


/* CSS END */