FileMaster

Edit File: lae-grid.css

.lae-grid-container {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
}
.lae-grid-container::after {
  clear: both;
  content: "";
  display: block;
}
.lae-grid-container .lae-grid-item {
  min-height: 1px; /* Prevents columns from collapsing when housing absolute elements or when lazy loading content */
}
@media (max-width: 479px) {
  .lae-grid-container.lae-grid-mobile-2 .lae-grid-item:nth-child(2n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-mobile-2 .lae-grid-item:nth-child(2n+1) {
    clear: right;
  }
  .lae-grid-container.lae-grid-mobile-3 .lae-grid-item:nth-child(3n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-mobile-3 .lae-grid-item:nth-child(3n+1) {
    clear: right;
  }
  .lae-grid-container.lae-grid-mobile-4 .lae-grid-item:nth-child(4n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-mobile-4 .lae-grid-item:nth-child(4n+1) {
    clear: right;
  }
  .lae-grid-container.lae-grid-mobile-5 .lae-grid-item:nth-child(5n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-mobile-5 .lae-grid-item:nth-child(5n+1) {
    clear: right;
  }
  .lae-grid-container.lae-grid-mobile-6 .lae-grid-item:nth-child(6n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-mobile-6 .lae-grid-item:nth-child(6n+1) {
    clear: right;
  }
}
@media (min-width:480px) and (max-width: 800px) {
  .lae-grid-container.lae-grid-tablet-2 .lae-grid-item:nth-child(2n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-tablet-2 .lae-grid-item:nth-child(2n+1) {
    clear: right;
  }
  .lae-grid-container.lae-grid-tablet-3 .lae-grid-item:nth-child(3n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-tablet-3 .lae-grid-item:nth-child(3n+1) {
    clear: right;
  }
  .lae-grid-container.lae-grid-tablet-4 .lae-grid-item:nth-child(4n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-tablet-4 .lae-grid-item:nth-child(4n+1) {
    clear: right;
  }
  .lae-grid-container.lae-grid-tablet-5 .lae-grid-item:nth-child(5n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-tablet-5 .lae-grid-item:nth-child(5n+1) {
    clear: right;
  }
  .lae-grid-container.lae-grid-tablet-6 .lae-grid-item:nth-child(6n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-tablet-6 .lae-grid-item:nth-child(6n+1) {
    clear: right;
  }
}
@media only screen and (min-width: 801px) {
  .lae-grid-container.lae-grid-desktop-2 .lae-grid-item:nth-child(2n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-desktop-2 .lae-grid-item:nth-child(2n+1) {
    clear: right;
  }
  .lae-grid-container.lae-grid-desktop-3 .lae-grid-item:nth-child(3n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-desktop-3 .lae-grid-item:nth-child(3n+1) {
    clear: right;
  }
  .lae-grid-container.lae-grid-desktop-4 .lae-grid-item:nth-child(4n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-desktop-4 .lae-grid-item:nth-child(4n+1) {
    clear: right;
  }
  .lae-grid-container.lae-grid-desktop-5 .lae-grid-item:nth-child(5n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-desktop-5 .lae-grid-item:nth-child(5n+1) {
    clear: right;
  }
  .lae-grid-container.lae-grid-desktop-6 .lae-grid-item:nth-child(6n+1) {
    clear: left;
  }
  .rtl .lae-grid-container.lae-grid-desktop-6 .lae-grid-item:nth-child(6n+1) {
    clear: right;
  }
}
.lae-grid-container.lae-grid-mobile-1 .lae-grid-item {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
.lae-grid-container.lae-grid-mobile-2 .lae-grid-item {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}
.lae-grid-container.lae-grid-mobile-3 .lae-grid-item {
  width: calc(33.3333333333% - 26.6666666667px);
  float: left;
  margin-left: 20px;
}
.lae-grid-container.lae-grid-mobile-4 .lae-grid-item {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px;
}
.lae-grid-container.lae-grid-mobile-5 .lae-grid-item {
  width: calc(20% - 24px);
  float: left;
  margin-left: 20px;
}
.lae-grid-container.lae-grid-mobile-6 .lae-grid-item {
  width: calc(16.6666666667% - 23.3333333333px);
  float: left;
  margin-left: 20px;
}
@media only screen and (min-width: 480px) {
  .lae-grid-container.lae-grid-tablet-1 .lae-grid-item {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
  .lae-grid-container.lae-grid-tablet-2 .lae-grid-item {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
  .lae-grid-container.lae-grid-tablet-3 .lae-grid-item {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px;
  }
  .lae-grid-container.lae-grid-tablet-4 .lae-grid-item {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
  .lae-grid-container.lae-grid-tablet-5 .lae-grid-item {
    width: calc(20% - 24px);
    float: left;
    margin-left: 20px;
  }
  .lae-grid-container.lae-grid-tablet-6 .lae-grid-item {
    width: calc(16.6666666667% - 23.3333333333px);
    float: left;
    margin-left: 20px;
  }
}
@media only screen and (min-width: 801px) {
  .lae-grid-container.lae-grid-desktop-1 .lae-grid-item {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
  .lae-grid-container.lae-grid-desktop-2 .lae-grid-item {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
  .lae-grid-container.lae-grid-desktop-3 .lae-grid-item {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px;
  }
  .lae-grid-container.lae-grid-desktop-4 .lae-grid-item {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
  .lae-grid-container.lae-grid-desktop-5 .lae-grid-item {
    width: calc(20% - 24px);
    float: left;
    margin-left: 20px;
  }
  .lae-grid-container.lae-grid-desktop-6 .lae-grid-item {
    width: calc(16.6666666667% - 23.3333333333px);
    float: left;
    margin-left: 20px;
  }
}

/*--------- Gapless grid columns ----*/
.lae-gapless-grid .lae-grid-container {
  margin-left: 0;
  margin-right: 0;
  width: auto;
}
.lae-gapless-grid .lae-grid-container.lae-grid-mobile-1 .lae-grid-item {
  width: calc(100% - 0px);
  float: left;
  margin-left: 0px;
}
.lae-gapless-grid .lae-grid-container.lae-grid-mobile-2 .lae-grid-item {
  width: calc(50% - 0px);
  float: left;
  margin-left: 0px;
}
.lae-gapless-grid .lae-grid-container.lae-grid-mobile-3 .lae-grid-item {
  width: calc(33.3333333333% - 0px);
  float: left;
  margin-left: 0px;
}
.lae-gapless-grid .lae-grid-container.lae-grid-mobile-4 .lae-grid-item {
  width: calc(25% - 0px);
  float: left;
  margin-left: 0px;
}
.lae-gapless-grid .lae-grid-container.lae-grid-mobile-5 .lae-grid-item {
  width: calc(20% - 0px);
  float: left;
  margin-left: 0px;
}
.lae-gapless-grid .lae-grid-container.lae-grid-mobile-6 .lae-grid-item {
  width: calc(16.6666666667% - 0px);
  float: left;
  margin-left: 0px;
}
@media only screen and (min-width: 480px) {
  .lae-gapless-grid .lae-grid-container.lae-grid-tablet-1 .lae-grid-item {
    width: calc(100% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-grid-container.lae-grid-tablet-2 .lae-grid-item {
    width: calc(50% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-grid-container.lae-grid-tablet-3 .lae-grid-item {
    width: calc(33.3333333333% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-grid-container.lae-grid-tablet-4 .lae-grid-item {
    width: calc(25% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-grid-container.lae-grid-tablet-5 .lae-grid-item {
    width: calc(20% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-grid-container.lae-grid-tablet-6 .lae-grid-item {
    width: calc(16.6666666667% - 0px);
    float: left;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 801px) {
  .lae-gapless-grid .lae-grid-container.lae-grid-desktop-1 .lae-grid-item {
    width: calc(100% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-grid-container.lae-grid-desktop-2 .lae-grid-item {
    width: calc(50% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-grid-container.lae-grid-desktop-3 .lae-grid-item {
    width: calc(33.3333333333% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-grid-container.lae-grid-desktop-4 .lae-grid-item {
    width: calc(25% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-grid-container.lae-grid-desktop-5 .lae-grid-item {
    width: calc(20% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-grid-container.lae-grid-desktop-6 .lae-grid-item {
    width: calc(16.6666666667% - 0px);
    float: left;
    margin-left: 0px;
  }
}

/* ---------- Masonry Layout Grid columns -------------*/
.lae-gapless-grid .lae-masonry {
  /* Clear the omega for masonry layout */
}
.lae-gapless-grid .lae-masonry .lae-grid-item {
  clear: none !important;
}
.lae-gapless-grid .lae-masonry .lae-grid-sizer {
  width: calc(8.3333333333% - 0px);
  float: left;
  margin-left: 0px;
}
.lae-gapless-grid .lae-masonry.lae-grid-mobile-1 .lae-grid-item.lae-wide {
  width: calc(100% - 0px);
  float: left;
  margin-left: 0px;
}
.lae-gapless-grid .lae-masonry.lae-grid-mobile-2 .lae-grid-item.lae-wide {
  width: calc(50% - 0px);
  float: left;
  margin-left: 0px;
}
.lae-gapless-grid .lae-masonry.lae-grid-mobile-3 .lae-grid-item.lae-wide {
  width: calc(66.6666666667% - 0px);
  float: left;
  margin-left: 0px;
}
.lae-gapless-grid .lae-masonry.lae-grid-mobile-4 .lae-grid-item.lae-wide {
  width: calc(50% - 0px);
  float: left;
  margin-left: 0px;
}
.lae-gapless-grid .lae-masonry.lae-grid-mobile-5 .lae-grid-item.lae-wide {
  width: calc(40% - 0px);
  float: left;
  margin-left: 0px;
}
.lae-gapless-grid .lae-masonry.lae-grid-mobile-6 .lae-grid-item.lae-wide {
  width: calc(33.3333333333% - 0px);
  float: left;
  margin-left: 0px;
}
@media only screen and (min-width: 480px) {
  .lae-gapless-grid .lae-masonry.lae-grid-tablet-1 .lae-grid-item.lae-wide {
    width: calc(100% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-masonry.lae-grid-tablet-2 .lae-grid-item.lae-wide {
    width: calc(50% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-masonry.lae-grid-tablet-3 .lae-grid-item.lae-wide {
    width: calc(66.6666666667% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-masonry.lae-grid-tablet-4 .lae-grid-item.lae-wide {
    width: calc(50% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-masonry.lae-grid-tablet-5 .lae-grid-item.lae-wide {
    width: calc(40% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-masonry.lae-grid-tablet-6 .lae-grid-item.lae-wide {
    width: calc(33.3333333333% - 0px);
    float: left;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 801px) {
  .lae-gapless-grid .lae-masonry.lae-grid-desktop-1 .lae-grid-item.lae-wide {
    width: calc(100% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-masonry.lae-grid-desktop-2 .lae-grid-item.lae-wide {
    width: calc(50% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-masonry.lae-grid-desktop-3 .lae-grid-item.lae-wide {
    width: calc(66.6666666667% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-masonry.lae-grid-desktop-4 .lae-grid-item.lae-wide {
    width: calc(50% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-masonry.lae-grid-desktop-5 .lae-grid-item.lae-wide {
    width: calc(40% - 0px);
    float: left;
    margin-left: 0px;
  }
  .lae-gapless-grid .lae-masonry.lae-grid-desktop-6 .lae-grid-item.lae-wide {
    width: calc(33.3333333333% - 0px);
    float: left;
    margin-left: 0px;
  }
}

/* ------- RTL Grid Styles ------ */
.rtl .lae-grid-container.lae-grid-mobile-1 .lae-grid-item, .rtl .lae-grid-container.lae-grid-mobile-2 .lae-grid-item, .rtl .lae-grid-container.lae-grid-mobile-3 .lae-grid-item, .rtl .lae-grid-container.lae-grid-mobile-4 .lae-grid-item, .rtl .lae-grid-container.lae-grid-mobile-5 .lae-grid-item, .rtl .lae-grid-container.lae-grid-mobile-6 .lae-grid-item {
  float: right;
  margin-left: 0;
  margin-right: 20px;
}
@media only screen and (min-width: 480px) {
  .rtl .lae-grid-container.lae-grid-tablet-1 .lae-grid-item, .rtl .lae-grid-container.lae-grid-tablet-2 .lae-grid-item, .rtl .lae-grid-container.lae-grid-tablet-3 .lae-grid-item, .rtl .lae-grid-container.lae-grid-tablet-4 .lae-grid-item, .rtl .lae-grid-container.lae-grid-tablet-5 .lae-grid-item, .rtl .lae-grid-container.lae-grid-tablet-6 .lae-grid-item {
    float: right;
    margin-left: 0;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 801px) {
  .rtl .lae-grid-container.lae-grid-desktop-1 .lae-grid-item, .rtl .lae-grid-container.lae-grid-desktop-2 .lae-grid-item, .rtl .lae-grid-container.lae-grid-desktop-3 .lae-grid-item, .rtl .lae-grid-container.lae-grid-desktop-4 .lae-grid-item, .rtl .lae-grid-container.lae-grid-desktop-5 .lae-grid-item, .rtl .lae-grid-container.lae-grid-desktop-6 .lae-grid-item {
    float: right;
    margin-left: 0;
    margin-right: 20px;
  }
}
.rtl .lae-gapless-grid .lae-grid-container.lae-grid-mobile-1 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-mobile-2 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-mobile-3 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-mobile-4 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-mobile-5 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-mobile-6 .lae-grid-item {
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 480px) {
  .rtl .lae-gapless-grid .lae-grid-container.lae-grid-tablet-1 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-tablet-2 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-tablet-3 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-tablet-4 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-tablet-5 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-tablet-6 .lae-grid-item {
    float: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 801px) {
  .rtl .lae-gapless-grid .lae-grid-container.lae-grid-desktop-1 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-desktop-2 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-desktop-3 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-desktop-4 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-desktop-5 .lae-grid-item, .rtl .lae-gapless-grid .lae-grid-container.lae-grid-desktop-6 .lae-grid-item {
    float: right;
    margin-right: 0;
  }
}
.rtl .lae-gapless-grid .lae-masonry .lae-grid-sizer {
  float: right;
  margin-right: 0;
}
.rtl .lae-gapless-grid .lae-masonry.lae-grid-mobile-1 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-mobile-2 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-mobile-3 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-mobile-4 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-mobile-5 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-mobile-6 .lae-grid-item.lae-wide {
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 480px) {
  .rtl .lae-gapless-grid .lae-masonry.lae-grid-tablet-1 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-tablet-2 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-tablet-3 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-tablet-4 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-tablet-5 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-tablet-6 .lae-grid-item.lae-wide {
    float: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 801px) {
  .rtl .lae-gapless-grid .lae-masonry.lae-grid-desktop-1 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-desktop-2 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-desktop-3 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-desktop-4 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-desktop-5 .lae-grid-item.lae-wide, .rtl .lae-gapless-grid .lae-masonry.lae-grid-desktop-6 .lae-grid-item.lae-wide {
    float: right;
    margin-right: 0;
  }
}

/*# sourceMappingURL=lae-grid.css.map */

Back