/* Saved HTML from the former page builder, confined to singular content. */
.sigma-legacy-content {
	max-width: calc(var(--width-narrow) + 2 * var(--space-lg));
	margin-inline: auto;
	padding-inline: var(--space-lg);
	font-family: var(--font-serif);
	font-size: var(--text-body);
	line-height: var(--leading-body);
}

.sigma-legacy-content.entry-content > *:not([data-full-bleed]) {
	max-width: 100%;
	padding-inline: 0;
}

.sigma-legacy-content :is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--font-serif);
	font-weight: var(--weight-serif-bold);
	line-height: var(--leading-heading);
}

.sigma-legacy-content :is(p, ul, ol, li, a, blockquote, pre, code) {
	font-family: var(--font-serif);
	font-size: var(--text-body);
	line-height: var(--leading-body);
}

.sigma-legacy-content h1 {
	font-size: var(--text-h1);
}

.sigma-legacy-content h2 {
	font-size: var(--text-h2);
}

.sigma-legacy-content h3 {
	font-size: var(--text-h3);
}

.sigma-legacy-content :is(p, ul, ol, blockquote, pre) + :is(p, ul, ol, blockquote, pre),
.sigma-legacy-content :is(h1, h2, h3, h4, h5, h6) + :is(p, ul, ol, blockquote, pre) {
	margin-block-start: var(--space-sm);
}

.sigma-legacy-content :is(p, ul, ol, blockquote, pre) + :is(h1, h2, h3, h4, h5, h6) {
	margin-block-start: var(--space-lg);
}

.sigma-legacy-content :is(ul, ol) {
	padding-inline-start: var(--space-lg);
}

.sigma-legacy-content [style*="font-family" i]:not(i):not(.elementor-icon):not(.elementor-icon-list-icon):not([class*="fa-" i]) {
	font-family: var(--font-serif) !important;
}

.sigma-legacy-content .elementor-section + .elementor-section,
.sigma-legacy-content .elementor-widget + .elementor-widget {
	margin-block-start: var(--space-lg);
}

.sigma-legacy-content .elementor-container {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-lg);
}

.sigma-legacy-content .elementor-column {
	flex: 1 1 0;
	min-width: min(100%, calc(var(--space-2xl) * 3));
}

.sigma-legacy-content .elementor-widget-wrap {
	width: 100%;
}

.sigma-legacy-content svg:not([width]):not([height]):not([style*="width" i]):not([style*="height" i]) {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
}

.sigma-legacy-content :is(.elementor-icon, .elementor-icon-list-icon) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 1em;
	width: 1em;
	height: 1em;
	font-size: var(--text-body);
	line-height: 1;
	vertical-align: -0.125em;
}

.sigma-legacy-content .elementor-icon-list-items {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-xs) var(--space-md);
	margin: 0;
	padding: 0;
	list-style: none;
}

.sigma-legacy-content .elementor-icon-list-item,
.sigma-legacy-content .elementor-icon-list-item a {
	display: inline-flex;
	align-items: center;
	gap: var(--space-xs);
}

.sigma-legacy-content img {
	max-width: 100%;
	height: auto;
}

.sigma-legacy-content iframe {
	max-width: 100%;
	width: 100%;
}

@media (max-width: 767px) {
	.sigma-legacy-content :is(h1, h2) {
		font-size: var(--text-statement);
	}

	.sigma-legacy-content .elementor-column {
		flex-basis: 100%;
	}
}

/* Saved builder text sometimes sits in <pre>, which never wraps: measured
   580px of page width at 375 on /business-brokers-in-texas/. It is prose,
   not code, so it wraps like prose. */
.sigma-legacy-content pre {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

/* Our page title sits in the same column as the saved content under it,
   not at the page edge. */
article:has(> .sigma-legacy-content) > .entry-header {
	max-width: calc(var(--width-narrow) + 2 * var(--space-lg));
	margin-inline: auto;
	padding-inline: var(--space-lg);
}

/* The builder's icon lists (the "Home / Blog" row) read as one line of
   links, not a bulleted column with an icon on its own line. */
.sigma-legacy-content ul:has(> li svg) {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-xs) var(--space-md);
	padding-inline-start: 0;
	list-style: none;
}

.sigma-legacy-content ul:has(> li svg) > li {
	display: inline-flex;
	align-items: center;
	gap: var(--space-xs);
	margin: 0;
}

.sigma-legacy-content ul:has(> li svg) > li > a {
	display: inline-flex;
	align-items: center;
	gap: var(--space-xs);
}