{"id":30290,"date":"2014-07-21T08:08:56","date_gmt":"2014-07-21T08:08:56","guid":{"rendered":"http:\/\/the7.io\/main\/?page_id=19778"},"modified":"2019-08-12T19:11:25","modified_gmt":"2019-08-12T19:11:25","slug":"blog-posts","status":"publish","type":"page","link":"https:\/\/www.bitcodesoft.com\/index.php\/blog-posts\/","title":{"rendered":"Blog masonry &amp; grid"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row type=\u00bbvc_default\u00bb margin_top=\u00bb-5&#8243; margin_bottom=\u00bb10&#8243;][vc_column css=\u00bb.vc_custom_1482500776418{padding-bottom: 80px !important;}\u00bb][vc_column_text css=\u00bb.vc_custom_1482500631435{padding-bottom: 30px !important;}\u00bb]<\/p>\n<h3>Blog masonry &amp; grid &#8211; classic<\/h3>\n<p>[\/vc_column_text]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.dividers-on.classic-layout-list article {\n  padding-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.dividers-on.classic-layout-list article:first-of-type {\n  margin-top: 0;\n  padding-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.classic-layout-list.mode-list .post-entry-content {\n  width: calc(100% - );\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.classic-layout-list.mode-list .no-img .post-entry-content {\n  width: 100%;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.dividers-on:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.dividers-on:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n  padding-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .gallery-zoom-ico {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  border-radius: 100px;\n  margin: -22px 0 0 -22px;\n  border-width: 0px;\n  color: #ffffff;\n}\n.bottom-overlap-layout-list.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .gallery-zoom-ico {\n  margin-top: -72px;\n}\n.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .gallery-zoom-ico,\n.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .gallery-zoom-ico {\n  margin: 0 0 10px;\n}\n.content-align-center.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .gallery-zoom-ico,\n.content-align-center.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .gallery-zoom-ico {\n  margin: 0 auto 10px;\n}\n.dt-icon-bg-on.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .gallery-zoom-ico {\n  background: rgba(255,255,255,0.3);\n  box-shadow: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .gallery-zoom-ico:before {\n  font-size: 32px;\n  line-height: 44px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .gallery-zoom-ico:before {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .entry-title,\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .entry-meta {\n  margin-bottom: 15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .portfolio-categories {\n  margin-bottom: 15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .entry-excerpt {\n  margin-bottom: 5px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410:not(.centered-layout-list) .post-entry-content {\n  padding: 25px 0px 0px 0px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410:not(.centered-layout-list):not(.content-bg-on):not(.mode-list) .no-img .post-entry-content {\n  padding: 0;\n}\n@media screen and (max-width: ) {\n  .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 article {\n    -ms-flex-flow: column nowrap;\n    flex-flow: column nowrap;\n    margin-top: 20px;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.dividers-on article {\n    border: none;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.blog-shortcode.dividers-on article,\n  .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.dividers-on.classic-layout-list article {\n    margin-top: 20px;\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.blog-shortcode.dividers-on article:first-of-type,\n  .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.dividers-on.classic-layout-list article:first-of-type {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .post-entry-content:after {\n    display: none;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .project-even .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.centered-layout-list .post-thumbnail-wrap {\n    -ms-flex-order: 0;\n    order: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.centered-layout-list .post-entry-title-content {\n    -ms-flex-order: 1;\n    order: 1;\n    width: 100%;\n    padding: 20px 20px 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.centered-layout-list .post-entry-content {\n    -ms-flex-order: 2;\n    order: 2;\n    padding-top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .fancy-categories {\n    top: 10px;\n    left: 10px;\n    bottom: auto;\n    right: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .fancy-date a {\n    top: 10px;\n    right: 10px;\n    left: auto;\n    bottom: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .post-entry-content {\n    padding: 20px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 50px;\n  grid-column-gap: 50px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410:not(.resize-by-browser-width) .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -25px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 25px;\n  box-sizing: border-box;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 50px;\n  grid-row-gap: 50px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid {\n  margin: -25px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 33.333333333333%;\n  padding: 25px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(33.333333333333%) * 2;\n}\n.blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 50px;\n}\n@media screen and (max-width: 1199px) {\n  .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.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: 991px) {\n  .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(1,1fr);\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .double-width {\n    grid-column: span 1;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 100%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(100%)*2;\n  }\n}<\/style><div class=\"blog-shortcode blog-masonry-shortcode-id-0ad6251f762cd3fba5b49b290bbac410 mode-grid classic-layout-list jquery-filter scale-img dt-css-grid-wrap dt-icon-bg-off resize-by-browser-width loading-effect-none description-under-image \" data-padding=\"25px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"none\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"2\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"1\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><\/div><!-- iso-container|iso-grid --><\/div>[\/vc_column][vc_column css=\u00bb.vc_custom_1482501787806{padding-bottom: 80px !important;}\u00bb][vc_column_text css=\u00bb.vc_custom_1482501701230{padding-bottom: 30px !important;}\u00bb]<\/p>\n<h3>Blog masonry &amp; grid &#8211; classic with background<\/h3>\n<p>[\/vc_column_text]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.dividers-on.classic-layout-list article {\n  padding-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.dividers-on.classic-layout-list article:first-of-type {\n  margin-top: 0;\n  padding-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.classic-layout-list.mode-list .post-entry-content {\n  width: calc(100% - );\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.classic-layout-list.mode-list .no-img .post-entry-content {\n  width: 100%;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.dividers-on:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.dividers-on:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n  padding-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .gallery-zoom-ico {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  border-radius: 100px;\n  margin: -22px 0 0 -22px;\n  border-width: 0px;\n  color: #ffffff;\n}\n.bottom-overlap-layout-list.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .gallery-zoom-ico {\n  margin-top: -72px;\n}\n.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .gallery-zoom-ico,\n.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .gallery-zoom-ico {\n  margin: 0 0 10px;\n}\n.content-align-center.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .gallery-zoom-ico,\n.content-align-center.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .gallery-zoom-ico {\n  margin: 0 auto 10px;\n}\n.dt-icon-bg-on.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .gallery-zoom-ico {\n  background: rgba(255,255,255,0.3);\n  box-shadow: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .gallery-zoom-ico:before {\n  font-size: 32px;\n  line-height: 44px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .gallery-zoom-ico:before {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .entry-title,\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .entry-meta {\n  margin-bottom: 15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .portfolio-categories {\n  margin-bottom: 15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .entry-excerpt {\n  margin-bottom: 5px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c:not(.centered-layout-list) .post-entry-content {\n  padding: 25px 30px 30px 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c:not(.centered-layout-list):not(.content-bg-on):not(.mode-list) .no-img .post-entry-content {\n  padding: 0;\n}\n@media screen and (max-width: ) {\n  .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c article {\n    -ms-flex-flow: column nowrap;\n    flex-flow: column nowrap;\n    margin-top: 20px;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.dividers-on article {\n    border: none;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.blog-shortcode.dividers-on article,\n  .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.dividers-on.classic-layout-list article {\n    margin-top: 20px;\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.blog-shortcode.dividers-on article:first-of-type,\n  .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.dividers-on.classic-layout-list article:first-of-type {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .post-entry-content:after {\n    display: none;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .project-even .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.centered-layout-list .post-thumbnail-wrap {\n    -ms-flex-order: 0;\n    order: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.centered-layout-list .post-entry-title-content {\n    -ms-flex-order: 1;\n    order: 1;\n    width: 100%;\n    padding: 20px 20px 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.centered-layout-list .post-entry-content {\n    -ms-flex-order: 2;\n    order: 2;\n    padding-top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .fancy-categories {\n    top: 10px;\n    left: 10px;\n    bottom: auto;\n    right: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .fancy-date a {\n    top: 10px;\n    right: 10px;\n    left: auto;\n    bottom: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .post-entry-content {\n    padding: 20px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 30px;\n  grid-column-gap: 30px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c:not(.resize-by-browser-width) .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 15px;\n  box-sizing: border-box;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 30px;\n  grid-row-gap: 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid {\n  margin: -15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 33.333333333333%;\n  padding: 15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(33.333333333333%) * 2;\n}\n.blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 0px;\n}\n@media screen and (max-width: 1199px) {\n  .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.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: 991px) {\n  .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(1,1fr);\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .double-width {\n    grid-column: span 1;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 100%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(100%)*2;\n  }\n}<\/style><div class=\"blog-shortcode blog-masonry-shortcode-id-561539a0070b1c7436458bc250b8e26c mode-grid classic-layout-list content-bg-on jquery-filter scale-img dt-css-grid-wrap dt-icon-bg-off resize-by-browser-width loading-effect-none description-under-image \" data-padding=\"15px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"none\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"2\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"1\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><\/div><!-- iso-container|iso-grid --><\/div>[\/vc_column][vc_column css=\u00bb.vc_custom_1482502032730{padding-bottom: 50px !important;}\u00bb][vc_column_text css=\u00bb.vc_custom_1482501845106{padding-bottom: 30px !important;}\u00bb]<\/p>\n<h3>Blog masonry &amp; grid &#8211; bottom overlap (background)<\/h3>\n<p>[\/vc_column_text]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.bottom-overlap-layout-list .post-entry-content {\n  margin-top: -100px;\n  width: 80%;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.bottom-overlap-layout-list:not(.mode-list) .no-img .post-entry-content {\n  margin-top: 0;\n  width: 100%;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.bottom-overlap-layout-list.mode-list .no-img .post-entry-content {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.dividers-on:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.dividers-on:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n  padding-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .gallery-zoom-ico {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  border-radius: 100px;\n  margin: -22px 0 0 -22px;\n  border-width: 0px;\n  color: #ffffff;\n}\n.bottom-overlap-layout-list.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .gallery-zoom-ico {\n  margin-top: -72px;\n}\n.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .gallery-zoom-ico,\n.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .gallery-zoom-ico {\n  margin: 0 0 10px;\n}\n.content-align-center.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .gallery-zoom-ico,\n.content-align-center.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .gallery-zoom-ico {\n  margin: 0 auto 10px;\n}\n.dt-icon-bg-on.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .gallery-zoom-ico {\n  background: rgba(255,255,255,0.3);\n  box-shadow: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .gallery-zoom-ico:before {\n  font-size: 32px;\n  line-height: 44px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .gallery-zoom-ico:before {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .entry-title,\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .entry-meta {\n  margin-bottom: 15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .portfolio-categories {\n  margin-bottom: 15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .entry-excerpt {\n  margin-bottom: 5px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818:not(.centered-layout-list) .post-entry-content {\n  padding: 25px 30px 30px 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818:not(.centered-layout-list):not(.content-bg-on):not(.mode-list) .no-img .post-entry-content {\n  padding: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.content-bg-on:not(.classic-layout-list):not(.centered-layout-list) .post-entry-content {\n  background: #ffffff;\n  box-shadow: none;\n}\n@media screen and (max-width: ) {\n  .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 article {\n    -ms-flex-flow: column nowrap;\n    flex-flow: column nowrap;\n    margin-top: 20px;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.dividers-on article {\n    border: none;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.blog-shortcode.dividers-on article,\n  .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.dividers-on.classic-layout-list article {\n    margin-top: 20px;\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.blog-shortcode.dividers-on article:first-of-type,\n  .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.dividers-on.classic-layout-list article:first-of-type {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .post-entry-content:after {\n    display: none;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .project-even .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.centered-layout-list .post-thumbnail-wrap {\n    -ms-flex-order: 0;\n    order: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.centered-layout-list .post-entry-title-content {\n    -ms-flex-order: 1;\n    order: 1;\n    width: 100%;\n    padding: 20px 20px 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.centered-layout-list .post-entry-content {\n    -ms-flex-order: 2;\n    order: 2;\n    padding-top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .fancy-categories {\n    top: 10px;\n    left: 10px;\n    bottom: auto;\n    right: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .fancy-date a {\n    top: 10px;\n    right: 10px;\n    left: auto;\n    bottom: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .post-entry-content {\n    padding: 20px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 30px;\n  grid-column-gap: 30px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818:not(.resize-by-browser-width) .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 15px;\n  box-sizing: border-box;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 30px;\n  grid-row-gap: 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid {\n  margin: -15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 33.333333333333%;\n  padding: 15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(33.333333333333%) * 2;\n}\n.blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 0px;\n}\n@media screen and (max-width: 1199px) {\n  .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.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: 991px) {\n  .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(1,1fr);\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .double-width {\n    grid-column: span 1;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 100%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(100%)*2;\n  }\n}<\/style><div class=\"blog-shortcode blog-masonry-shortcode-id-9ddb7b7b0d93567a0dba991aa2276818 mode-grid bottom-overlap-layout-list content-bg-on jquery-filter circle-fancy-style scale-img dt-css-grid-wrap dt-icon-bg-off resize-by-browser-width loading-effect-none description-under-image \" data-padding=\"15px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"none\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"2\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"1\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><\/div><!-- iso-container|iso-grid --><\/div>[\/vc_column][vc_column css=\u00bb.vc_custom_1482502145141{padding-bottom: 80px !important;}\u00bb][vc_column_text css=\u00bb.vc_custom_1482501862049{padding-bottom: 30px !important;}\u00bb]<\/p>\n<h3>Blog masonry &amp; grid &#8211; bottom overlap (gradient)<\/h3>\n<p>[\/vc_column_text]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">#page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.content-bg-on.gradient-overlap-layout-list .post-entry-content {\n  background: linear-gradient(to bottom,#ffffff,#ffffff) no-repeat 0px 150px;\n}\n#page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.content-bg-on.gradient-overlap-layout-list .post-entry-content:before {\n  background: #ffffff;\n  background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 64%,#ffffff 83%,#ffffff 100%);\n  background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 64%,#ffffff 83%,#ffffff 100%);\n  background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 64%,#ffffff 83%,#ffffff 100%);\n}\n#page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.content-bg-on.gradient-overlap-layout-list .no-img .post-entry-content {\n  background: #ffffff;\n  padding: 30px 30px 30px 30px;\n}\n#page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.content-bg-on.gradient-overlap-layout-list .no-img .post-entry-content:before {\n  display: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.dividers-on:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.dividers-on:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n  padding-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .gallery-zoom-ico {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  border-radius: 100px;\n  margin: -22px 0 0 -22px;\n  border-width: 0px;\n  color: #ffffff;\n}\n.bottom-overlap-layout-list.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .gallery-zoom-ico {\n  margin-top: -72px;\n}\n.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .gallery-zoom-ico,\n.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .gallery-zoom-ico {\n  margin: 0 0 10px;\n}\n.content-align-center.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .gallery-zoom-ico,\n.content-align-center.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .gallery-zoom-ico {\n  margin: 0 auto 10px;\n}\n.dt-icon-bg-on.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .gallery-zoom-ico {\n  background: rgba(255,255,255,0.3);\n  box-shadow: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .gallery-zoom-ico:before {\n  font-size: 32px;\n  line-height: 44px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .gallery-zoom-ico:before {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .fancy-date a {\n  background: rgba(0,0,0,0.5);\n  box-shadow: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .fancy-date a * {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .entry-title,\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .entry-meta {\n  margin-bottom: 15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .portfolio-categories {\n  margin-bottom: 15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .entry-excerpt {\n  margin-bottom: 5px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793:not(.centered-layout-list) .post-entry-content {\n  padding: 80px 30px 30px 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793:not(.centered-layout-list):not(.content-bg-on):not(.mode-list) .no-img .post-entry-content {\n  padding: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.content-bg-on:not(.classic-layout-list):not(.centered-layout-list) .post-entry-content {\n  background: #ffffff;\n  box-shadow: none;\n}\n@media screen and (max-width: ) {\n  .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 article {\n    -ms-flex-flow: column nowrap;\n    flex-flow: column nowrap;\n    margin-top: 20px;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.dividers-on article {\n    border: none;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.blog-shortcode.dividers-on article,\n  .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.dividers-on.classic-layout-list article {\n    margin-top: 20px;\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.blog-shortcode.dividers-on article:first-of-type,\n  .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.dividers-on.classic-layout-list article:first-of-type {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .post-entry-content:after {\n    display: none;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .project-even .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.centered-layout-list .post-thumbnail-wrap {\n    -ms-flex-order: 0;\n    order: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.centered-layout-list .post-entry-title-content {\n    -ms-flex-order: 1;\n    order: 1;\n    width: 100%;\n    padding: 20px 20px 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.centered-layout-list .post-entry-content {\n    -ms-flex-order: 2;\n    order: 2;\n    padding-top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .fancy-categories {\n    top: 10px;\n    left: 10px;\n    bottom: auto;\n    right: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .fancy-date a {\n    top: 10px;\n    right: 10px;\n    left: auto;\n    bottom: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .post-entry-content {\n    padding: 20px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 30px;\n  grid-column-gap: 30px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793:not(.resize-by-browser-width) .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 15px;\n  box-sizing: border-box;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 30px;\n  grid-row-gap: 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid {\n  margin: -15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 33.333333333333%;\n  padding: 15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(33.333333333333%) * 2;\n}\n.blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 0px;\n}\n@media screen and (max-width: 1199px) {\n  .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.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: 991px) {\n  .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(1,1fr);\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .double-width {\n    grid-column: span 1;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 100%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(100%)*2;\n  }\n}<\/style><div class=\"blog-shortcode blog-masonry-shortcode-id-a92eae445937f083de8d09bdb3f17793 mode-grid gradient-overlap-layout-list content-bg-on jquery-filter circle-fancy-style scale-img dt-css-grid-wrap dt-icon-bg-off resize-by-browser-width loading-effect-none description-under-image \" data-padding=\"15px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"none\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"2\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"1\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><\/div><!-- iso-container|iso-grid --><\/div>[\/vc_column][vc_column css=\u00bb.vc_custom_1482502126861{padding-bottom: 80px !important;}\u00bb][vc_column_text css=\u00bb.vc_custom_1482502080492{padding-bottom: 30px !important;}\u00bb]<\/p>\n<h3>Blog masonry &amp; grid &#8211; overlay\u00a0(background)<\/h3>\n<p>[\/vc_column_text]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.gradient-overlay-layout-list .post-head-wrapper,\n.gradient-overlay-layout-list .post-entry-wrapper {\n  position: absolute;\n  top: 50%;\n  left: 20px;\n  right: 20px;\n  transition: opacity 0.4s, transform 0.4s;\n  transform: translate3d(0,-50%,0);\n  transform-origin: 50%;\n}\n.gradient-overlay-layout-list .post-entry-content {\n  -webkit-backface-visibility: hidden;\n  transform: translatez(0);\n}\n.gradient-overlay-layout-list .post-entry-wrapper {\n  opacity: 0;\n  transition: opacity 0.35s, transform 0.35s;\n  transform: translate3d(0,-50%,0) scale3d(0.8,0.8,1);\n}\n.gradient-overlay-layout-list:not(.disable-layout-hover) article:hover .post-head-wrapper {\n  opacity: 0;\n  transform: translate3d(0,-50%,0) scale3d(0.8,0.8,1);\n}\n.gradient-overlay-layout-list:not(.disable-layout-hover) article:hover .post-entry-wrapper {\n  transform: translate3d(0,-50%,0) scale3d(1,1,1);\n  opacity: 1;\n  transition-delay: 0.1s;\n}\n#page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.gradient-overlay-layout-list.enable-bg-rollover .post-entry-content {\n  background: rgba(0,0,0,0.5);\n  box-shadow: none;\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content {\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.gradient-overlay-layout-list .post-head-wrapper,\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.gradient-overlay-layout-list .post-entry-wrapper {\n  right: 30px;\n  left: 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.dividers-on:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.dividers-on:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n  padding-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: rgba(0,0,0,0.5);\n  box-shadow: none;\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .gallery-zoom-ico {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  border-radius: 100px;\n  margin: -22px 0 0 -22px;\n  border-width: 0px;\n  color: #ffffff;\n}\n.bottom-overlap-layout-list.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .gallery-zoom-ico {\n  margin-top: -72px;\n}\n.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .gallery-zoom-ico,\n.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .gallery-zoom-ico {\n  margin: 0 0 10px;\n}\n.content-align-center.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .gallery-zoom-ico,\n.content-align-center.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .gallery-zoom-ico {\n  margin: 0 auto 10px;\n}\n.dt-icon-bg-on.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .gallery-zoom-ico {\n  background: rgba(255,255,255,0.3);\n  box-shadow: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .gallery-zoom-ico:before {\n  font-size: 32px;\n  line-height: 44px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .gallery-zoom-ico:before {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .entry-title,\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .entry-title a,\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.owl-carousel .entry-title a {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .entry-meta {\n  margin-bottom: 15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .entry-meta * {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .portfolio-categories {\n  margin-bottom: 15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .entry-meta > a:after,\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .entry-meta > span:after {\n  background: #ffffff;\n  box-shadow: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .entry-excerpt {\n  margin-bottom: 5px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .entry-excerpt * {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1:not(.centered-layout-list) .post-entry-content {\n  padding: 80px 30px 30px 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1:not(.centered-layout-list):not(.content-bg-on):not(.mode-list) .no-img .post-entry-content {\n  padding: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.content-bg-on:not(.classic-layout-list):not(.centered-layout-list) .post-entry-content {\n  background: rgba(0,0,0,0.5);\n  box-shadow: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .post-details.details-type-link,\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .post-details.details-type-link * {\n  color: #ffffff;\n}\n@media screen and (max-width: ) {\n  .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 article {\n    -ms-flex-flow: column nowrap;\n    flex-flow: column nowrap;\n    margin-top: 20px;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.dividers-on article {\n    border: none;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.blog-shortcode.dividers-on article,\n  .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.dividers-on.classic-layout-list article {\n    margin-top: 20px;\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.blog-shortcode.dividers-on article:first-of-type,\n  .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.dividers-on.classic-layout-list article:first-of-type {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .post-entry-content:after {\n    display: none;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .project-even .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.centered-layout-list .post-thumbnail-wrap {\n    -ms-flex-order: 0;\n    order: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.centered-layout-list .post-entry-title-content {\n    -ms-flex-order: 1;\n    order: 1;\n    width: 100%;\n    padding: 20px 20px 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.centered-layout-list .post-entry-content {\n    -ms-flex-order: 2;\n    order: 2;\n    padding-top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .fancy-categories {\n    top: 10px;\n    left: 10px;\n    bottom: auto;\n    right: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .fancy-date a {\n    top: 10px;\n    right: 10px;\n    left: auto;\n    bottom: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .post-entry-content {\n    padding: 20px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 30px;\n  grid-column-gap: 30px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1:not(.resize-by-browser-width) .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 15px;\n  box-sizing: border-box;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 30px;\n  grid-row-gap: 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid {\n  margin: -15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 33.333333333333%;\n  padding: 15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(33.333333333333%) * 2;\n}\n.blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 0px;\n}\n@media screen and (max-width: 1199px) {\n  .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.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: 991px) {\n  .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(1,1fr);\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .double-width {\n    grid-column: span 1;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 100%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(100%)*2;\n  }\n}<\/style><div class=\"blog-shortcode blog-masonry-shortcode-id-4db39fe28b351afcd490e5a125ff75d1 mode-grid gradient-overlay-layout-list content-bg-on jquery-filter content-align-center scale-img dt-css-grid-wrap enable-bg-rollover dt-icon-bg-off resize-by-browser-width loading-effect-none description-on-hover\" data-padding=\"15px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"none\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"2\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"1\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><\/div><!-- iso-container|iso-grid --><\/div>[\/vc_column][vc_column css=\u00bb.vc_custom_1482502338087{padding-bottom: 30px !important;}\u00bb][vc_column_text css=\u00bb.vc_custom_1482502058228{padding-bottom: 30px !important;}\u00bb]<\/p>\n<h3>Blog masonry &amp; grid &#8211; overlay\u00a0(gradient)<\/h3>\n<p>[\/vc_column_text]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.content-rollover-layout-list .post-entry-content {\n  top: 0;\n  height: 100%;\n  overflow-y: hidden;\n  display: -ms-flexbox;\n  display: -ms-flex;\n  display: flex;\n  -ms-flex-pack: flex-end;\n  -ms-justify-content: flex-end;\n  justify-content: flex-end;\n  -ms-flex-flow: column nowrap;\n  flex-flow: column nowrap;\n}\n.content-rollover-layout-list .post-entry-content:before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 1;\n  content: '';\n  transform: translate3d(0,35%,0);\n}\n.content-rollover-layout-list .entry-excerpt,\n.content-rollover-layout-list .post-details {\n  opacity: 0;\n  transition: opacity 0.45s;\n}\n.content-rollover-layout-list:not(.disable-layout-hover) article:hover .entry-excerpt,\n.content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-details {\n  opacity: 1;\n}\n.content-rollover-layout-list .post-entry-content:before,\n.content-rollover-layout-list .post-entry-content .post-entry-wrapper {\n  transition: opacity 0.35s, bottom 0.35s, transform 0.4s;\n}\n.content-rollover-layout-list .post-entry-content .post-entry-wrapper {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n.content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-entry-content:before {\n  opacity: 1;\n  transform: translate3d(0,0,0);\n}\n.mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-entry-wrapper {\n  opacity: 1;\n  bottom: 0;\n}\n.mobile-true .content-rollover-layout-list:not(.disable-layout-hover) .post-entry-wrapper {\n  opacity: 1;\n  bottom: 0 !important;\n  transform: translateY(0) !important;\n}\n#page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.content-rollover-layout-list .post-entry-content {\n  background: none;\n  padding: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.content-rollover-layout-list .post-entry-content:before {\n  background: rgba(0,0,0,0.5);\n  background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.5) 100%);\n  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.5) 100%);\n  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.5) 100%);\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.content-rollover-layout-list .post-entry-wrapper {\n  padding: 80px 30px 30px 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.content-rollover-layout-list .post-entry-wrapper {\n  bottom: -15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.content-rollover-layout-list.meta-info-off .post-entry-wrapper {\n  bottom: -5px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.content-rollover-layout-list article:not(.description-off) .post-entry-wrapper {\n  bottom: -20px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-entry-wrapper {\n  bottom: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.dividers-on:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.dividers-on:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n  padding-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .gallery-zoom-ico {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  border-radius: 100px;\n  margin: -22px 0 0 -22px;\n  border-width: 0px;\n  color: #ffffff;\n}\n.bottom-overlap-layout-list.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .gallery-zoom-ico {\n  margin-top: -72px;\n}\n.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .gallery-zoom-ico,\n.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .gallery-zoom-ico {\n  margin: 0 0 10px;\n}\n.content-align-center.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .gallery-zoom-ico,\n.content-align-center.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .gallery-zoom-ico {\n  margin: 0 auto 10px;\n}\n.dt-icon-bg-on.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .gallery-zoom-ico {\n  background: rgba(255,255,255,0.3);\n  box-shadow: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .gallery-zoom-ico:before {\n  font-size: 32px;\n  line-height: 44px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .gallery-zoom-ico:before {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .entry-title,\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .entry-title a,\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.owl-carousel .entry-title a {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .entry-meta {\n  margin-bottom: 15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .entry-meta * {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .portfolio-categories {\n  margin-bottom: 15px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .entry-meta > a:after,\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .entry-meta > span:after {\n  background: #ffffff;\n  box-shadow: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .entry-excerpt {\n  margin-bottom: 5px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .entry-excerpt * {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b:not(.centered-layout-list) .post-entry-content {\n  padding: 80px 30px 30px 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b:not(.centered-layout-list):not(.content-bg-on):not(.mode-list) .no-img .post-entry-content {\n  padding: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.content-bg-on:not(.classic-layout-list):not(.centered-layout-list) .post-entry-content {\n  background: rgba(0,0,0,0.5);\n  box-shadow: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .post-details.details-type-link,\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .post-details.details-type-link * {\n  color: #ffffff;\n}\n@media screen and (max-width: ) {\n  .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b article {\n    -ms-flex-flow: column nowrap;\n    flex-flow: column nowrap;\n    margin-top: 20px;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.dividers-on article {\n    border: none;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.blog-shortcode.dividers-on article,\n  .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.dividers-on.classic-layout-list article {\n    margin-top: 20px;\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.blog-shortcode.dividers-on article:first-of-type,\n  .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.dividers-on.classic-layout-list article:first-of-type {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .post-entry-content:after {\n    display: none;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .project-even .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.centered-layout-list .post-thumbnail-wrap {\n    -ms-flex-order: 0;\n    order: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.centered-layout-list .post-entry-title-content {\n    -ms-flex-order: 1;\n    order: 1;\n    width: 100%;\n    padding: 20px 20px 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.centered-layout-list .post-entry-content {\n    -ms-flex-order: 2;\n    order: 2;\n    padding-top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .fancy-categories {\n    top: 10px;\n    left: 10px;\n    bottom: auto;\n    right: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .fancy-date a {\n    top: 10px;\n    right: 10px;\n    left: auto;\n    bottom: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .post-entry-content {\n    padding: 20px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 30px;\n  grid-column-gap: 30px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b:not(.resize-by-browser-width) .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 15px;\n  box-sizing: border-box;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 30px;\n  grid-row-gap: 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid {\n  margin: -15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 33.333333333333%;\n  padding: 15px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(33.333333333333%) * 2;\n}\n.blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 0px;\n}\n@media screen and (max-width: 1199px) {\n  .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.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: 991px) {\n  .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(1,1fr);\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .double-width {\n    grid-column: span 1;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 100%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(100%)*2;\n  }\n}<\/style><div class=\"blog-shortcode blog-masonry-shortcode-id-abb922b73c557d40d5bf772b13a6cf8b mode-grid content-rollover-layout-list content-bg-on jquery-filter content-align-center scale-img dt-css-grid-wrap dt-icon-bg-off resize-by-browser-width loading-effect-none description-on-hover\" data-padding=\"15px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"none\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"2\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"1\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><\/div><!-- iso-container|iso-grid --><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row type=\u00bbvc_default\u00bb margin_top=\u00bb-5&#8243; margin_bottom=\u00bb10&#8243;][vc_column css=\u00bb.vc_custom_1482500776418{padding-bottom: 80px !important;}\u00bb][vc_column_text css=\u00bb.vc_custom_1482500631435{padding-bottom: 30px !important;}\u00bb] Blog masonry &amp; grid &#8211; classic [\/vc_column_text][\/vc_column][vc_column css=\u00bb.vc_custom_1482501787806{padding-bottom: 80px !important;}\u00bb][vc_column_text css=\u00bb.vc_custom_1482501701230{padding-bottom: 30px !important;}\u00bb] Blog masonry &amp; grid &#8211; classic with background [\/vc_column_text][\/vc_column][vc_column css=\u00bb.vc_custom_1482502032730{padding-bottom: 50px !important;}\u00bb][vc_column_text css=\u00bb.vc_custom_1482501845106{padding-bottom: 30px !important;}\u00bb] Blog masonry &amp; grid &#8211; bottom overlap (background) [\/vc_column_text][\/vc_column][vc_column css=\u00bb.vc_custom_1482502145141{padding-bottom: 80px !important;}\u00bb][vc_column_text css=\u00bb.vc_custom_1482501862049{padding-bottom: 30px !important;}\u00bb] Blog masonry&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":140,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30290","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/pages\/30290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/comments?post=30290"}],"version-history":[{"count":1,"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/pages\/30290\/revisions"}],"predecessor-version":[{"id":51404,"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/pages\/30290\/revisions\/51404"}],"wp:attachment":[{"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/media?parent=30290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}