/* Elson 1.9.6: phone/tablet text fixes (below 992px; desktop unchanged).
   1) Home page (page-id 3600) header description: the mobile copy of "We design, build, and maintain..." has an inline
      font-size: 21pt (28px). Every other page's mobile header description (.bodyBanner, e.g. Services 4012, ESOP) is 12pt
      (16px, line-height 1.2em, same shadow/colour/alignment). Scoped to the home page's mobile header text block. */
@media (max-width: 991px) {
	body.home.page-id-3600 .vc_custom_1783012739648 p.bodyBanner,
	body.home.page-id-3600 .vc_custom_1783012739648 p.bodyBanner span {
		font-size: 12pt !important;
	}
}
/* 2) Bold text inside paragraphs: the theme's unit-test.css line 1 sets "* { font-size: 16px; line-height: 32px; }", so a
      <strong>/<b>/<span> inside a paragraph gets its own 32px line-height instead of the paragraph's (22px for 11pt mobile
      body text, 1.5em). That makes every line with bold words taller (Services mobile: "designing robust electrical systems...").
      Bold keeps its weight; it only takes the paragraph's line-height. Mobile only, so desktop rendering stays identical. */
@media (max-width: 991px) {
	p strong, p b, p span.bodyBold, p span[style*="font-weight"],
	p strong span, p b span, p strong a, p b a,
	li strong, li b, li span.bodyBold, li span[style*="font-weight"] {
		line-height: inherit !important;
	}
}