/*
 * Default vertical rhythm for the Resinàmi "material" collection pages
 * (stone, matter, skin, deep, timeless, micro, cityrock, stardust, outdoor).
 * Keeps a consistent gap between stacked WPBakery columns on tablet/phone
 * so text never lands flush against an image or another block regardless
 * of what padding was (or wasn't) set on that row in WPBakery.
 */
@media only screen and (max-width: 999px) {
  body.material .wpb_row .row_col_wrap_12 > .wpb_column {
    margin-bottom: 24px;
  }

  body.material .wpb_row .row_col_wrap_12 > .wpb_column:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 690px) {
  body.material .wpb_row .row_col_wrap_12 > .wpb_column {
    margin-bottom: 20px;
  }
}

/*
 * "stone" features grid (Versatile/Duraturo/Resistente/Antiscivolo):
 * the outer column uses the "padding-6-percent" preset and its nested
 * columns use "padding-2-percent" as a desktop side-by-side gutter.
 * Once everything stacks into a single column on tablet/phone those two
 * paddings add up on top of each other, pushing the block further in
 * than the rest of the page. Drop both once stacked so the left/right
 * edges line up with the surrounding text.
 * ("padding-6-percent" is only used on this one row site-wide, so scoping
 * off it is enough to avoid touching "padding-2-percent" elsewhere.)
 */
@media only screen and (max-width: 999px) {
  body.material .wpb_column.padding-6-percent > .vc_column-inner,
  body.material .wpb_column.padding-6-percent .vc_column_inner.padding-2-percent > .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}