/* House rule, every project except a duplicate: under 768px wide, all text and all buttons are centred.
   Loaded last, so a page's own stylesheet cannot drop it. !important beats an alignment set on a single widget.
   The menu (.wmm-nav) keeps its own layout. */
@media (max-width: 767px) {
	.elementor :is(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, summary, dt, dd, cite,
		.elementor-heading-title, .elementor-widget-text-editor, .elementor-icon-box-wrapper, .elementor-image-box-wrapper):not(.wmm-nav *) {
		text-align: center !important;
	}
	.elementor .elementor-button-wrapper,
	.elementor .elementor-widget-button,
	.elementor .elementor-widget-social-icons .elementor-social-icons-wrapper {
		text-align: center !important;
		justify-content: center !important;
	}
	.elementor .wp-block-buttons,
	.elementor .wmm-social {
		justify-content: center !important;
	}
	.elementor .elementor-widget-container ul:not(.wmm-nav ul),
	.elementor .elementor-widget-container ol:not(.wmm-nav ol) {
		padding-left: 0;
		list-style-position: inside;
	}
	/* the hero's breadcrumb (a nav) and its trust lines (each a flex row with its check mark) */
	.elementor .wmm-breadcrumbs {
		text-align: center !important;
	}
	.elementor .wmm-trust-list {
		align-items: center !important;
	}
	.elementor .wmm-trust-list li {
		justify-content: center !important;
		text-align: center !important;
	}
	.elementor .elementor-widget-image img {
		margin-left: auto;
		margin-right: auto;
	}
}
