.fusion-columns-1,
.fusion-columns-2,
.fusion-columns-3,
.fusion-columns-4,
.fusion-columns-5 {
  .fusion-column {
    &:first-child {
      margin-left: 0;
    }
  }
}

.fusion-column,
.fusion-column:nth-child(2n),
.fusion-column:nth-child(3n),
.fusion-column:nth-child(4n),
.fusion-column:nth-child(5n) {
  margin-right: 0;
}

.columns {
  .col {
    float: none;
    width: 100% !important;
    margin: 0 0 20px;
    box-sizing: border-box;
  }
}

.fusion-columns-2,
.fusion-columns-4 {
  .fusion-column,
  .fusion-flip-box-wrapper {
    width: 50% !important;
    float: left !important;
  }
}

.fusion-columns-2 .fusion-column,
.fusion-columns-4 .fusion-column,
.fusion-columns-2 .fusion-flip-box-wrapper {
  &:nth-of-type(2n+1) {
    clear: both;
  }
}

.fusion-columns-3 .fusion-column,
.fusion-columns-3 .fusion-flip-box-wrapper,
.fusion-columns-5 .fusion-column,
.fusion-columns-5 .fusion-flip-box-wrapper,
.fusion-columns-6 .fusion-column,
.fusion-columns-6 .fusion-flip-box-wrapper,
.fusion-columns-5 .col-lg-2,
.fusion-columns-5 .col-md-2,
.fusion-columns-5 .col-sm-2 {
  width: 33.33% !important;
  float: left !important;
}

.fusion-columns-3,
.fusion-columns-5,
.fusion-columns-6 {
  .fusion-column,
  .fusion-flip-box-wrapper {
    &:nth-of-type(3n+1) {
      clear: both;
    }
  }
}

.fusion-columns-5 {
  .fusion-column,
  .fusion-flip-box-wrapper {
    &:nth-of-type(5n+1) {
      clear: none;
    }
  }
}

.fusion-layout-column {
  &.fusion-one-sixth,
  &.fusion-five-sixth,
  &.fusion-one-fifth,
  &.fusion-two-fifth,
  &.fusion-three-fifth,
  &.fusion-four-fifth,
  &.fusion-one-fourth,
  &.fusion-three-fourth,
  &.fusion-one-third,
  &.fusion-two-third,
  &.fusion-one-half {
    position: relative;
    float: left;
    margin-right: 4%;
    margin-bottom: 20px;

    .rtl & {
      position: relative;
      float: right;
      margin-left: 4%;
      margin-right: 0;
      margin-bottom: 20px;
    }
  }

  &.fusion-one-sixth {
    width: 13.3333%;

    &.fusion-spacing-no {
      width: 16.6666666667%;
    }
  }
  &.fusion-one-fifth {
    width: 16.8%;

    &fusion-spacing-no {
      width: 20%;
    }
  }
  &.fusion-one-fourth {
    width: 22%;

    &.fusion-spacing-no {
      width: 25%;
    }
  }
  &.fusion-one-third {
    width: 30.6666%;

    &.fusion-spacing-no {
      width: 33.33333333%;
    }
  }
  &.fusion-two-fifth {
    width: 37.6%;

    &.fusion-spacing-no {
      width: 40%;
    }
  }
  &.fusion-one-half {
    width: 48%;

    &.fusion-spacing-no {
      width: 50%;
    }
  }
  &.fusion-three-fifth {
    width: 58.4%;

    &.fusion-spacing-no {
      width: 60%;
    }
  }
  &.fusion-two-third {
    width: 65.3333%;

    &.fusion-spacing-no {
      width: 66.66666667%;
    }
  }
  &.fusion-three-fourth {
    width: 74%;

    &.fusion-spacing-no {
      width: 75%;
    }
  }
  &.fusion-four-fifth {
    width: 79.2%;

    &.fusion-spacing-no {
      width: 80%;
    }
  }
  &.fusion-five-sixth {
    width: 82.6666%;

    &.fusion-spacing-no {
      width: 83.333333333%;
    }
  }

  // No spacing Columns.
  &.fusion-spacing-no {
    margin-left: 0;
    margin-right: 0;
  }

  &.fusion-column-last {
    zoom: 1;
    margin-left: 0;
    margin-right: 0;
    clear: right;

    .rtl & {
      clear: left;
    }
  }

  &.fusion-one-full {
    clear: both;
  }
}

.fusion-column {
  &.fusion-spacing-no {
    margin-bottom: 0;
    width: 100% !important;
  }
}

// Blog.
.fusion-blog-layout-grid-6 {
  .fusion-post-grid {
    width: 33.3333333333% !important;
  }

  .fusion-element-landscape {
    width: 66.6666666666% !important;
  }
}

.fusion-blog-layout-grid-3,
.fusion-blog-layout-grid-4,
.fusion-blog-layout-grid-5 {
  .fusion-post-grid {
    width: 50% !important;

    &.fusion-element-landscape {
      width: 100% !important;
    }
  }
}

.fusion-blog-layout-medium-alternate {
  .fusion-post-content {
    flex: 1 0 100%;
    width: 100%;
    margin-top: 20px;
  }
}