/*
 * Salient's modern flexbox grid stylesheet (grid-system.css, loaded whenever
 * nectar_use_flexbox_grid() is true) never ported over the base "Column Padding"
 * rules from the legacy grid stylesheet (grid-system-legacy.css) - only the
 * [data-border-width*="px"] compensation variants made it across. Any column using
 * a percent padding preset (WPBakery "Column Padding" control) or a data-padding-pos
 * value therefore renders with no padding at all once the modern grid is active.
 *
 * This restores those rules on both top-level columns and inner columns. Salient
 * renders inner-column padding classes and data-padding-pos on the outer
 * .wpb_column.child_column element, but the visual padding still belongs on its
 * direct .vc_column-inner child.
 */

.col.padding-1-percent, .wpb_column.child_column.padding-1-percent > .vc_column-inner, .column-inner.padding-1-percent { padding: 1%; }
.col.padding-2-percent, .wpb_column.child_column.padding-2-percent > .vc_column-inner, .column-inner.padding-2-percent { padding: 2%; }
.col.padding-3-percent, .wpb_column.child_column.padding-3-percent > .vc_column-inner, .column-inner.padding-3-percent { padding: 3%; }
.col.padding-4-percent, .wpb_column.child_column.padding-4-percent > .vc_column-inner, .column-inner.padding-4-percent { padding: 4%; }
.col.padding-5-percent, .wpb_column.child_column.padding-5-percent > .vc_column-inner, .column-inner.padding-5-percent { padding: 5%; }
.col.padding-6-percent, .wpb_column.child_column.padding-6-percent > .vc_column-inner, .column-inner.padding-6-percent { padding: 6%; }
.col.padding-7-percent, .wpb_column.child_column.padding-7-percent > .vc_column-inner, .column-inner.padding-7-percent { padding: 7%; }
.col.padding-8-percent, .wpb_column.child_column.padding-8-percent > .vc_column-inner, .column-inner.padding-8-percent { padding: 8%; }
.col.padding-9-percent, .wpb_column.child_column.padding-9-percent > .vc_column-inner, .column-inner.padding-9-percent { padding: 9%; }
.col.padding-10-percent, .wpb_column.child_column.padding-10-percent > .vc_column-inner, .column-inner.padding-10-percent { padding: 10%; }
.col.padding-11-percent, .wpb_column.child_column.padding-11-percent > .vc_column-inner, .column-inner.padding-11-percent { padding: 11%; }
.col.padding-12-percent, .wpb_column.child_column.padding-12-percent > .vc_column-inner, .column-inner.padding-12-percent { padding: 12%; }
.col.padding-13-percent, .wpb_column.child_column.padding-13-percent > .vc_column-inner, .column-inner.padding-13-percent { padding: 13%; }
.col.padding-14-percent, .wpb_column.child_column.padding-14-percent > .vc_column-inner, .column-inner.padding-14-percent { padding: 14%; }
.col.padding-15-percent, .wpb_column.child_column.padding-15-percent > .vc_column-inner, .column-inner.padding-15-percent { padding: 15%; }
.col.padding-16-percent, .wpb_column.child_column.padding-16-percent > .vc_column-inner, .column-inner.padding-16-percent { padding: 16%; }
.col.padding-17-percent, .wpb_column.child_column.padding-17-percent > .vc_column-inner, .column-inner.padding-17-percent { padding: 17%; }

body #ajax-content-wrap .col[data-padding-pos="right"],
body #ajax-content-wrap .wpb_column.child_column[data-padding-pos="right"] > .vc_column-inner,
body #ajax-content-wrap .column-inner[data-padding-pos="right"] {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
body #ajax-content-wrap .col[data-padding-pos="left"],
body #ajax-content-wrap .wpb_column.child_column[data-padding-pos="left"] > .vc_column-inner,
body #ajax-content-wrap .column-inner[data-padding-pos="left"] {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
body #ajax-content-wrap .col[data-padding-pos="bottom"],
body #ajax-content-wrap .wpb_column.child_column[data-padding-pos="bottom"] > .vc_column-inner,
body #ajax-content-wrap .column-inner[data-padding-pos="bottom"] {
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
}
#ajax-content-wrap .col[data-padding-pos="top"],
#ajax-content-wrap .wpb_column.child_column[data-padding-pos="top"] > .vc_column-inner,
#ajax-content-wrap .column-inner[data-padding-pos="top"] {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
#ajax-content-wrap .col[data-padding-pos="top-right"],
#ajax-content-wrap .wpb_column.child_column[data-padding-pos="top-right"] > .vc_column-inner,
#ajax-content-wrap .column-inner[data-padding-pos="top-right"] {
  padding-bottom: 0;
  padding-left: 0;
}
#ajax-content-wrap .col[data-padding-pos="top-left"],
#ajax-content-wrap .wpb_column.child_column[data-padding-pos="top-left"] > .vc_column-inner,
#ajax-content-wrap .column-inner[data-padding-pos="top-left"] {
  padding-bottom: 0;
  padding-right: 0;
}
#ajax-content-wrap .col[data-padding-pos="top-bottom"],
#ajax-content-wrap .wpb_column.child_column[data-padding-pos="top-bottom"] > .vc_column-inner,
#ajax-content-wrap .column-inner[data-padding-pos="top-bottom"] {
  padding-left: 0;
  padding-right: 0;
}
#ajax-content-wrap .col[data-padding-pos="bottom-right"],
#ajax-content-wrap .wpb_column.child_column[data-padding-pos="bottom-right"] > .vc_column-inner,
#ajax-content-wrap .column-inner[data-padding-pos="bottom-right"] {
  padding-left: 0;
  padding-top: 0;
}
#ajax-content-wrap .col[data-padding-pos="bottom-left"],
#ajax-content-wrap .wpb_column.child_column[data-padding-pos="bottom-left"] > .vc_column-inner,
#ajax-content-wrap .column-inner[data-padding-pos="bottom-left"] {
  padding-right: 0;
  padding-top: 0;
}
.col[data-padding-pos="left-right"],
#ajax-content-wrap .wpb_column.child_column[data-padding-pos="left-right"] > .vc_column-inner,
#ajax-content-wrap .column-inner[data-padding-pos="left-right"] {
  padding-top: 0;
  padding-bottom: 0;
}

/*
 * Full-width-content rows: grid-system.css also carries
 * "html body .full-width-content.vc_row-fluid .wpb_column { padding: 0; }" to strip
 * its own 1% gutter from full-width rows. That selector's specificity (2 tags + 3
 * classes) beats the plain .col.padding-N-percent rules above, so it silently wins
 * and wipes out any percent-padding preset on a column inside a full-width row too
 * (this is the actual case for the form column above - its row is full-width-content).
 * Legacy's equivalent rule only zeroed margin-left, never touched padding, so this is
 * a modern-grid-only regression. Re-declared here at matching/higher specificity,
 * scoped to columns that explicitly opt into a percent padding preset, so the
 * intentional 0-gutter default for ordinary full-width columns is untouched.
 */
html body .full-width-content.vc_row-fluid .wpb_column.padding-1-percent { padding: 1%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-2-percent { padding: 2%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-3-percent { padding: 3%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-4-percent { padding: 4%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-5-percent { padding: 5%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-6-percent { padding: 6%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-7-percent { padding: 7%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-8-percent { padding: 8%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-9-percent { padding: 9%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-10-percent { padding: 10%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-11-percent { padding: 11%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-12-percent { padding: 12%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-13-percent { padding: 13%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-14-percent { padding: 14%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-15-percent { padding: 15%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-16-percent { padding: 16%; }
html body .full-width-content.vc_row-fluid .wpb_column.padding-17-percent { padding: 17%; }

html body .full-width-content.vc_row-fluid .wpb_column[data-padding-pos="right"] {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
html body .full-width-content.vc_row-fluid .wpb_column[data-padding-pos="left"] {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
html body .full-width-content.vc_row-fluid .wpb_column[data-padding-pos="bottom"] {
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
}
html body .full-width-content.vc_row-fluid .wpb_column[data-padding-pos="top"] {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
html body .full-width-content.vc_row-fluid .wpb_column[data-padding-pos="top-right"] {
  padding-bottom: 0;
  padding-left: 0;
}
html body .full-width-content.vc_row-fluid .wpb_column[data-padding-pos="top-left"] {
  padding-bottom: 0;
  padding-right: 0;
}
html body .full-width-content.vc_row-fluid .wpb_column[data-padding-pos="top-bottom"] {
  padding-left: 0;
  padding-right: 0;
}
html body .full-width-content.vc_row-fluid .wpb_column[data-padding-pos="bottom-right"] {
  padding-left: 0;
  padding-top: 0;
}
html body .full-width-content.vc_row-fluid .wpb_column[data-padding-pos="bottom-left"] {
  padding-right: 0;
  padding-top: 0;
}
html body .full-width-content.vc_row-fluid .wpb_column[data-padding-pos="left-right"] {
  padding-top: 0;
  padding-bottom: 0;
}

/* Tablet: scale percent padding down, matching the legacy grid's values */
@media only screen and (min-width: 691px) and (max-width: 999px) {

  .col.padding-6-percent[data-t-w-inherits="small_desktop"][data-padding-pos="all"] {
    padding: 5%;
  }
  .col.padding-7-percent[data-t-w-inherits="small_desktop"][data-padding-pos="all"] {
    padding: 6%;
  }
  .col.padding-8-percent[data-t-w-inherits="small_desktop"][data-padding-pos="all"] {
    padding: 7%;
  }
  .col.padding-9-percent[data-t-w-inherits="small_desktop"][data-padding-pos="all"] {
    padding: 8%;
  }
  .col.padding-10-percent[data-t-w-inherits="small_desktop"][data-padding-pos="all"] {
    padding: 9%;
  }

  .col.padding-2-percent[data-padding-pos="all"],
  .wpb_column.child_column.padding-1-percent > .vc_column-inner,
  .wpb_column.child_column.padding-2-percent[data-padding-pos="all"] > .vc_column-inner,
  .column-inner.padding-1-percent,
  .column-inner.padding-2-percent[data-padding-pos="all"] {
    padding: 3%;
  }

  .col[data-padding-pos="right"] { padding-right: 0 !important; }
  .col[data-padding-pos="left"] { padding-left: 0 !important; }

  .col.padding-3-percent[data-padding-pos="all"],
  .col.padding-4-percent[data-padding-pos="all"],
  .col.padding-5-percent[data-padding-pos="all"],
  .wpb_column.child_column.padding-3-percent[data-padding-pos="all"] > .vc_column-inner,
  .wpb_column.child_column.padding-4-percent[data-padding-pos="all"] > .vc_column-inner,
  .wpb_column.child_column.padding-5-percent[data-padding-pos="all"] > .vc_column-inner,
  .column-inner.padding-3-percent[data-padding-pos="all"],
  .column-inner.padding-4-percent[data-padding-pos="all"],
  .column-inner.padding-5-percent[data-padding-pos="all"] {
    padding: 6%;
  }

  .col.padding-6-percent[data-padding-pos="all"],
  .wpb_column.child_column.padding-6-percent[data-padding-pos="all"] > .vc_column-inner,
  .column-inner.padding-6-percent[data-padding-pos="all"] {
    padding: 10%;
  }

  .col.padding-7-percent[data-padding-pos="all"],
  .wpb_column.child_column.padding-7-percent[data-padding-pos="all"] > .vc_column-inner,
  .column-inner.padding-7-percent[data-padding-pos="all"] {
    padding: 14%;
  }

  .col.padding-8-percent[data-padding-pos="all"],
  .wpb_column.child_column.padding-8-percent[data-padding-pos="all"] > .vc_column-inner,
  .column-inner.padding-8-percent[data-padding-pos="all"],
  .col.padding-9-percent[data-padding-pos="all"],
  .wpb_column.child_column.padding-9-percent[data-padding-pos="all"] > .vc_column-inner,
  .column-inner.padding-9-percent[data-padding-pos="all"],
  .col.padding-10-percent[data-padding-pos="all"],
  .wpb_column.child_column.padding-10-percent[data-padding-pos="all"] > .vc_column-inner,
  .column-inner.padding-10-percent[data-padding-pos="all"] {
    padding: 16%;
  }
}