{"id":13091,"date":"2014-02-25T12:48:33","date_gmt":"2014-02-25T12:48:33","guid":{"rendered":"https:\/\/the7.io\/main\/?page_id=13091"},"modified":"2014-02-25T12:48:33","modified_gmt":"2014-02-25T12:48:33","slug":"2-photos-masonry","status":"publish","type":"page","link":"https:\/\/steubenvillegrocerybox.com\/gallery\/photos\/2-photos-masonry\/","title":{"rendered":"2. Photos masonry"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f figure,\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f .rollover,\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f img,\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f .gallery-rollover {\n  border-radius: 0px;\n}\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.enable-bg-rollover .gallery-rollover {\n  background: rgba(0,0,0,0.25);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.enable-bg-rollover.hover-scale .rollover:after {\n  background: rgba(0,0,0,0.25);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f .gallery-zoom-ico {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n  border-radius: 100px;\n  margin: -16px 0 0 -16px;\n  border-width: 0px;\n}\n.dt-icon-bg-on.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f .gallery-zoom-ico {\n  background: rgba(255,255,255,0.3);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f .gallery-zoom-ico:before,\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f .gallery-zoom-ico span {\n  font-size: 32px;\n  line-height: 32px;\n  color: #ffffff;\n}\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 10px;\n  grid-column-gap: 10px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f:not(.resize-by-browser-width) .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -5px;\n}\n.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 5px;\n  box-sizing: border-box;\n}\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(4,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 10px;\n  grid-row-gap: 10px;\n}\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid {\n  margin: -5px;\n}\n.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 25%;\n  padding: 5px;\n}\n.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(25%) * 2;\n}\n.gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 10px - ;\n}\n@media screen and (max-width: 1199px) {\n  .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(4,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 25%;\n  }\n  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(25%)*2;\n  }\n}\n@media screen and (max-width: 991px) {\n  .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}\n<\/style><div class=\"gallery-shortcode album-gallery-shortcode dt-gallery-container gallery-photos-masonry-shortcode-id-dff8ac8b53441637558dc9d71a0bc40f mode-masonry jquery-filter lazy-loading-mode dt-icon-bg-off quick-scale-img enable-bg-rollover resize-by-browser-width  hover-fade loading-effect-none description-on-hover\" data-padding=\"5px\" data-cur-page=\"1\" data-post-limit=\"12\" data-pagination-mode=\"load-more\" data-desktop-columns-num=\"4\" data-v-tablet-columns-num=\"3\" data-h-tablet-columns-num=\"4\" data-phone-columns-num=\"2\" data-width=\"0px\" data-columns=\"0\"><div class=\"iso-container\" ><\/div><!-- iso-container|iso-grid --><div class=\"paginator paginator-more-button\">\n\t\t\t\t<a class=\"button-load-more \" href=\"javascript:void(0);\" data-dt-page=\"1\" ><span class=\"stick\"><\/span><span class=\"stick\"><\/span><span class=\"stick\"><\/span><span class=\"button-caption\">Load more<\/span><\/a>\n\t\t\t<\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":16254,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13091","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/steubenvillegrocerybox.com\/wp-json\/wp\/v2\/pages\/13091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/steubenvillegrocerybox.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/steubenvillegrocerybox.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/steubenvillegrocerybox.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/steubenvillegrocerybox.com\/wp-json\/wp\/v2\/comments?post=13091"}],"version-history":[{"count":0,"href":"https:\/\/steubenvillegrocerybox.com\/wp-json\/wp\/v2\/pages\/13091\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/steubenvillegrocerybox.com\/wp-json\/wp\/v2\/pages\/16254"}],"wp:attachment":[{"href":"https:\/\/steubenvillegrocerybox.com\/wp-json\/wp\/v2\/media?parent=13091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}