/*
 * Business - Intro.
 *
 * Read from cp-all-designer css/business-detail.css:30-34 (the band),
 * css/app.css:230-252 (.h-sec and its highlighted part), 291-294 (.lead),
 * 404-408 (.sec__head) and 3015-3017 (the phone sizes).
 *
 * The band has no ground of its own: the design paints the whole page pale
 * blue (business.css:39) and lets every section show it.
 *
 * What the Style tab sets is not repeated here: padding, widths, alignment,
 * colours and sizes arrive through the widget's own selectors.
 *
 * Tiers: mobile up to 767px, tablet 768-1024px, desktop 1025px and up.
 */

.custom-business-intro {
	position: relative;
	display: block;
	box-sizing: border-box;
}

.custom-business-intro__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1920px;                     /* the content cap, every band */
	margin: 0 auto;
}

.custom-business-intro__head {
	margin-right: auto;
}

/* app.css:230-237 — Thai sets two storeys tall, so the line box is 1.3. */
.custom-business-intro__title {
	margin: 0;
	padding: 0;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0;
}

.custom-business-intro__title strong {
	font-weight: 700;
}

/* app.css:246-252 — the highlighted part, with the soft bar under it. */
.custom-business-intro__title em {
	position: relative;
	display: inline-block;
	font-style: italic;
	font-weight: 700;
}

.custom-business-intro__title em::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.06em;
	height: 0.16em;
	border-radius: 3px;
	background: currentColor;
	opacity: 0.18;
}

/* app.css:275 — the bar is fainter on the copy that is read away. */
.custom-business-intro [data-custom-sweep-ghost] em::after {
	opacity: 0.12;
}

/* app.css:291-294 */
.custom-business-intro__text {
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.7;
}

/* ------------------------------------------------------------------ */
/* Mobile — up to 767px                                                */
/* ------------------------------------------------------------------ */

@media (max-width: 767px) {
	.custom-business-intro__text {
		line-height: 1.5;                  /* app.css:3016 */
	}
}