.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.33333% - 26.66667px); 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.66667% - 23.33333px); 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.33333% - 26.66667px); 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.66667% - 23.33333px); 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.33333% - 26.66667px); 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.66667% - 23.33333px); 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%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-mobile-2 .lae-grid-item { width: calc(50%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-mobile-3 .lae-grid-item { width: calc(33.33333%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-mobile-4 .lae-grid-item { width: calc(25%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-mobile-5 .lae-grid-item { width: calc(20%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-mobile-6 .lae-grid-item { width: calc(16.66667%); 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%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-tablet-2 .lae-grid-item { width: calc(50%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-tablet-3 .lae-grid-item { width: calc(33.33333%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-tablet-4 .lae-grid-item { width: calc(25%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-tablet-5 .lae-grid-item { width: calc(20%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-tablet-6 .lae-grid-item { width: calc(16.66667%); 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%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-desktop-2 .lae-grid-item { width: calc(50%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-desktop-3 .lae-grid-item { width: calc(33.33333%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-desktop-4 .lae-grid-item { width: calc(25%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-desktop-5 .lae-grid-item { width: calc(20%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-grid-container.lae-grid-desktop-6 .lae-grid-item { width: calc(16.66667%); 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.33333%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-mobile-1 .lae-grid-item.lae-wide { width: calc(100%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-mobile-2 .lae-grid-item.lae-wide { width: calc(50%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-mobile-3 .lae-grid-item.lae-wide { width: calc(66.66667%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-mobile-4 .lae-grid-item.lae-wide { width: calc(50%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-mobile-5 .lae-grid-item.lae-wide { width: calc(40%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-mobile-6 .lae-grid-item.lae-wide { width: calc(33.33333%); 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%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-tablet-2 .lae-grid-item.lae-wide { width: calc(50%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-tablet-3 .lae-grid-item.lae-wide { width: calc(66.66667%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-tablet-4 .lae-grid-item.lae-wide { width: calc(50%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-tablet-5 .lae-grid-item.lae-wide { width: calc(40%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-tablet-6 .lae-grid-item.lae-wide { width: calc(33.33333%); 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%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-desktop-2 .lae-grid-item.lae-wide { width: calc(50%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-desktop-3 .lae-grid-item.lae-wide { width: calc(66.66667%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-desktop-4 .lae-grid-item.lae-wide { width: calc(50%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-desktop-5 .lae-grid-item.lae-wide { width: calc(40%); float: left; margin-left: 0px; } .lae-gapless-grid .lae-masonry.lae-grid-desktop-6 .lae-grid-item.lae-wide { width: calc(33.33333%); 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 */