/*
 * SP Page Builder 6 → the look the pages had with SP Page Builder 3.8 (the pages were designed on 3.8).
 * Each rule restores a value that SPPB 6's stylesheet changed; "body " raises specificity because SPPB's CSS loads after the template's.
 */
body .sppb-btn.sppb-btn-custom { padding: 10px 22px; }
body .sppb-addon-title { display: block; }
body .sppb-addon-image-content.aligment-left .sppb-content-holder { padding: 0 0 0 50px; }
body .sppb-addon-image-content.aligment-right .sppb-content-holder { padding: 0 50px 0 0; }
body h4.sppb-addon-title { margin-bottom: 0; }
/* footer module: SPPB 3.8's .sppb-container-inner had no side padding */
body #copyright .sppb-section > .sppb-row-container,
body #content-top .sppb-section > .sppb-row-container { padding-left: 0; padding-right: 0; }
/* nested page builder content inside accordion/tabs: no extra section padding */
body .sppb-panel-body > .sppb-section { padding-top: 0; padding-bottom: 0; }
/* image + content addon: SPPB 3.8 stacked the image above the text at <= 768px (SPPB 6 only does so at <= 767px) */
@media (max-width: 768px) {
  body .sppb-addon-image-content .sppb-image-holder { position: inherit; width: 100% !important; height: 300px; }
}