/* ------------------------------------------------------------------
   Digital House - custom template CSS
   ------------------------------------------------------------------ */

/* Social Media services page (/services/social-media, SPPB page 70)
   "Your Social Media Management Company" section.
   The teal panel is a ::before with a fixed height of 445px pinned to
   the bottom of the section, so when the heading wraps to three lines
   the text column (469px) is taller than the panel and the first line
   falls outside it onto the white background.
   Fix: let the panel run to the full height of the section, starting
   30px down so the photo still stands proud of the box, and give the
   text column a 50px top pad so it can never reach the panel edge.
   Mobile (max-width:1000px) already uses height:100% and is untouched.
   Added 16 September 2026. */
@media only screen and (min-width: 1001px) {
  #section-id-0164c85c-5710-42ee-aaff-5fb4ad7a7da1.sppb-section::before {
    top: 30px !important;
    bottom: 0 !important;
    height: auto !important;
  }
  #column-id-d872f9d2-7aa7-462e-83f3-64e4a602a109 .sppb-column-addons {
    padding-top: 50px !important;
  }
}