/*
 * Mobile horizontal rhythm.
 * Keep pages, posts and the front-page sections aligned with the 20px inset
 * used by both the regular and sticky mobile header.
 */
@media (max-width: 767px) {
	:is(body.home, body.page, body.single-post) .site-content > .ast-container {
		width: calc(100% - 40px) !important;
		max-width: none !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.single-post .ast-article-single {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.home .hp-tiles-container.alignfull {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.home .hp-tiles-container > .uagb-container-inner-blocks-wrap {
		width: 100% !important;
		max-width: 100% !important;
	}
}