/* ============================================================
   DLC Department About Us - v1.1.1 | 2026-11-05
   1.1.1: Text Width list reordered (default first) - Page Builder saved the first option, Full, as blank.
   1.1.0: no Bootstrap .container - on the homepage / department pages the section lines up with the header
   (--container-max / --container-gutter, corsetmaking.css b70+). Text Width setting (content width scale,
   --content-* tokens); default Medium - Left. Tokens only: Montserrat body (--font-primary), heading 25,
   paragraphs 16 (17 was a retired size). Fixed phone widths (450 / 285px) removed - text fills the phone.
   ============================================================ */

.dlc-dept-about {
	width: 100%;
	background-color: var(--color-white);
	margin-top: 50px;
	box-sizing: border-box;
}

/* Homepage / department pages (body#SFNT - full-width column): content lines up with the header -
   capped at --container-max and padded by --container-gutter (same as .cms-container). Elsewhere it fills its column. */
body#SFNT .dlc-dept-about {
	width: 100%;
	max-width: var(--container-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--container-gutter);
	padding-right: var(--container-gutter);
	box-sizing: border-box;
}

.dlc-dept-about__content {
	margin-bottom: 90px;
	text-align: left;
}

/* Text Width presets - max-width only. Full = no max-width. */
.dlc-dept-about--width-wide .dlc-dept-about__content,
.dlc-dept-about--width-wide-left .dlc-dept-about__content {
	max-width: var(--content-wide);
}

.dlc-dept-about--width-medium .dlc-dept-about__content,
.dlc-dept-about--width-medium-left .dlc-dept-about__content {
	max-width: var(--content-medium);
}

.dlc-dept-about--width-narrow .dlc-dept-about__content,
.dlc-dept-about--width-narrow-left .dlc-dept-about__content {
	max-width: var(--content-narrow);
}

.dlc-dept-about--width-wide .dlc-dept-about__content,
.dlc-dept-about--width-medium .dlc-dept-about__content,
.dlc-dept-about--width-narrow .dlc-dept-about__content {
	margin-left: auto;
	margin-right: auto;
}

.dlc-dept-about__heading {
	font-family: var(--font-primary);
	font-size: var(--font-size-25);
	font-weight: 400;
	line-height: 1.3;
	color: var(--text-body);
	margin-top: 0;
	margin-bottom: 25px;
	text-align: left;
}

.dlc-dept-about__para {
	font-family: var(--font-primary);
	font-size: var(--font-size-16);
	line-height: 1.7;
	color: var(--text-body);
	margin-bottom: 30px;
	text-align: left;
}

/* -- Phones (767 and below) ----------------------------------- */
@media (max-width: 767px) {
	.dlc-dept-about {
		margin-top: 20px;
	}

	.dlc-dept-about__heading {
		font-size: var(--font-size-20);
	}

	.dlc-dept-about__content {
		margin-bottom: var(--space-2xl);
	}
}