/* Reduce the white space between the hero image and the first image below
   it, on phone widths. v1.1.0 only centered the title within the existing
   (too-large) space using two widget IDs (46c8e51, 716c11d) - it missed 3
   other page-title widgets that use different IDs (eb870b1: BSD/Pork,
   3f37fca: Main Courses, c3e53ae: Desserts), so those pages' gaps were never
   touched at all. v1.2.0: covers all 5 title-widget IDs, and actually
   shrinks the total white space (not just recenters within it) by reducing
   the two real sources of the "below title" gap: f956f9c (the 3-column
   recipe grid container, shared by every hub page including Home) and
   8d0f221 (the title wrapper's own margin-bottom, shared by the Spices hub
   page and every individual recipe page). Selectors are doubled
   (.x.x) to force higher specificity than the older desktop-only gap
   snippet (6172) regardless of stylesheet load order, avoiding the overlap
   bug a negative-margin version of this fix caused. */
@media (max-width: 767px) {
.elementor-element-46c8e51.elementor-element-46c8e51,
.elementor-element-eb870b1.elementor-element-eb870b1,
.elementor-element-3f37fca.elementor-element-3f37fca,
.elementor-element-c3e53ae.elementor-element-c3e53ae,
.elementor-element-716c11d.elementor-element-716c11d {
	margin-top: 24px !important;
}
.elementor-element-f956f9c.elementor-element-f956f9c {
	--padding-top: 20px !important;
}
.elementor-element-8d0f221.elementor-element-8d0f221 {
	margin-bottom: 16px !important;
}
}