/*
 * CaryTamura Privacy Policy page (/terms-and-conditions/, Page 5641).
 *
 * SCOPE. Loaded on this page only (functions.php, is_page()), after
 * page-hero.css. It turns the page's CT Page Hero band into the live plain
 * black band (the page has no featured image, and live has no photograph or
 * scrim) and lays out the legal document (.ct-terms). No other section.
 *
 * VALUES. Measured from carytamura.com/terms-and-conditions at 1440, 1024,
 * 768 and 375 wide (FACT). Sections framed in the 12px body padding down to
 * 768, edge to edge from 767.
 *
 * MOTION. Live has none on this page.
 */

/* The page body's own padding is dropped: the document carries the live
 * spacing itself. */
.ct-page-body:has(.ct-terms) {
	padding-block: 0;
}

/* --------------------------------------------------------------- document --
 * White, framed 12px, 120px above and below, in a 1300px box (live: 1400px
 * with 50px sides). The title 32px above and below; the date and the
 * Introduction line each 32px above what follows. */
.ct-terms.e-con {
	--width: 100%;
	--padding-top: 120px;
	--padding-bottom: 120px;
	--padding-left: max(var(--ct-gutter), calc((100% - var(--ct-max)) / 2));
	--padding-right: max(var(--ct-gutter), calc((100% - var(--ct-max)) / 2));
	--gap: 0px;
	--row-gap: 0px;
	--kit-widget-spacing: 0px;
	color: #000;
}

.ct-terms__title .elementor-heading-title {
	margin: 32px 0;
	font-family: var(--ct-font-display);
	font-size: var(--ct-size-h3);
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: var(--ct-track-heading);
	text-transform: none;
	color: #000;
}

.ct-terms__meta,
.ct-terms__body {
	font-family: var(--ct-font-body);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.666;
	letter-spacing: normal;
	color: #000;
}

.ct-terms__meta p {
	margin: 0 0 32px;
}

.ct-terms__meta .ct-terms__sub-heading {
	font-weight: 700;
}

.ct-terms__body p {
	margin: 0 0 25px;
}

/* The numbered sections: bold numbers and headings, 12.5px between items and
 * between an item's own paragraphs; the nested list keeps live's decimal
 * markers. */
.ct-terms__body ol,
.ct-terms__body ul {
	margin: 0 0 25px 25px;
	padding: 0;
	font-weight: 700;
	list-style: decimal outside;
}

.ct-terms__body li ul,
.ct-terms__body li ol {
	margin: 12.5px 0 12.5px 25px;
}

.ct-terms__body li {
	margin: 0 0 12.5px;
}

.ct-terms__body li p {
	margin-bottom: 12.5px;
	font-weight: 400;
}

.ct-terms__body strong {
	font-weight: 900;
}

.ct-terms__body li p strong,
.ct-terms__body p strong {
	font-weight: 700;
}

.ct-terms__body a {
	color: #000;
	text-decoration: underline;
	overflow-wrap: anywhere;
}

@media (max-width: 767px) {
	.ct-terms.e-con {
		--width: 100%;
		--padding-left: 25px;
		--padding-right: 25px;
		margin-inline: 0;
	}

	.ct-terms__title .elementor-heading-title {
		font-size: 21px;
		line-height: 1.6;
		letter-spacing: 0.5px;
	}
}

/* 2026 redesign: the policy in a reading column on the site measure. */
.ct-terms.e-con > .elementor-widget {
	width: 100%;
	max-width: 820px;
}