/**
 * LT Medical: the lobby directory.
 * One bold element: the home hero, the directory board from the main entrance. Levels 4 to G as rows, each with its
 * departments and its named wayfinding line; the emergency entrance listed apart in red; a yellow You-are-here dot.
 * The level chip and the named line return in department rows and entrance rows. Everything else is quiet: corridor
 * white and partition grey, hairline rows, 4px corners, no shadows, no gradient washes. Signika (a signage face) only.
 */

h1, h2, h3, h4,
.elementor-heading-title {
	letter-spacing: -0.01em;
}

.lt-num,
.lt-num p {
	font-variant-numeric: tabular-nums lining-nums;
}

body .elementor-button {
	font-weight: 600;
	letter-spacing: 0.005em;
}

.lt-h3 .elementor-heading-title {
	font-size: var(--lt-fs-xl);
}

.lt-h4 .elementor-heading-title {
	font-size: var(--lt-fs-md);
}

/* ---------- Wayfinding marks ---------- */

.lt-line {
	display: inline-block;
	width: 1.9rem;
	height: 0.4rem;
	margin-right: 0.55rem;
	border-radius: 0.2rem;
	background: var(--lt-primary);
	vertical-align: 0.14em;
	transform-origin: left center;
}

.lt-line--red { background: var(--lt-way-red); }
.lt-line--green { background: var(--lt-way-green); }
.lt-line--blue { background: var(--lt-way-blue); }
.lt-line--violet { background: var(--lt-way-violet); }

.lt-here,
.lt-dot {
	display: inline-block;
	width: 0.7rem;
	height: 0.7rem;
	margin-right: 0.55rem;
	border-radius: 50%;
	background: var(--lt-accent);
	vertical-align: 0.02em;
}

.lt-dot {
	width: 0.5rem;
	height: 0.5rem;
	background: var(--lt-way-red);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--lt-on-dark) 85%, transparent);
	vertical-align: 0.08em;
}

/* The level chip: a small square sign with the level. */
.lt-chip .elementor-heading-title {
	display: grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 4px;
	background: var(--lt-primary);
	color: var(--lt-base);
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	font-variant-numeric: tabular-nums lining-nums;
}

/* ---------- Top bar and header ---------- */

.e-con.lt-sec.lt-topbar-bar {
	--padding-top: 0.5rem;
	--padding-bottom: 0.5rem;
	font-size: var(--lt-fs-sm);
}

.lt-topbar-bar .elementor-widget-text-editor {
	color: var(--lt-on-dark);
	white-space: nowrap;
}

.lt-topbar-bar .lt-topbar__main {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lt-header {
	border-bottom-color: var(--lt-line);
}

.lt-brand__mark {
	width: 2.3rem;
	height: 2.3rem;
}

.lt-brand__name {
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -0.005em;
}

body .lt-menu a {
	font-weight: 500;
}

/* ---------- Home hero: the directory board ---------- */

.e-con.lt-hero {
	--padding-top: clamp(3rem, 2rem + 4vw, 5.5rem);
	--padding-bottom: clamp(3rem, 2rem + 4vw, 5.5rem);
	background: color-mix(in srgb, var(--lt-dark) 88%, var(--lt-primary));
}

.lt-hero__title .elementor-heading-title {
	font-size: var(--lt-fs-hero);
	line-height: 1.04;
	letter-spacing: -0.02em;
	color: var(--lt-on-dark);
}

.lt-hero__phones a {
	color: var(--lt-on-dark);
	text-decoration: none;
}

.lt-hero__phones a:hover {
	text-decoration: underline;
}

.e-con.lt-board {
	--padding-top: 0;
	--padding-bottom: clamp(1rem, 0.8rem + 1vw, 1.5rem);
	--padding-left: clamp(1rem, 0.5rem + 2vw, 2rem);
	--padding-right: clamp(1rem, 0.5rem + 2vw, 2rem);
	background: var(--lt-dark);
	border: 1px solid color-mix(in srgb, var(--lt-on-dark) 22%, transparent);
	border-radius: 4px;
}

.e-con.lt-board__head {
	--padding-top: 1.1rem;
	--padding-bottom: 0.9rem;
	border-bottom: 2px solid var(--lt-on-dark);
}

.lt-board__title.elementor-widget-text-editor {
	color: var(--lt-on-dark);
	font-size: var(--lt-fs-md);
	font-weight: 600;
}

.lt-board__place.elementor-widget-text-editor {
	color: var(--lt-on-dark-soft);
	font-size: var(--lt-fs-sm);
}

.e-con.lt-level {
	--padding-top: 0.85rem !important;
	--padding-bottom: 0.85rem !important;
	border-bottom: 1px solid color-mix(in srgb, var(--lt-on-dark) 18%, transparent);
}

.lt-level__n .elementor-heading-title {
	color: var(--lt-on-dark);
	font-size: clamp(2rem, 1.5rem + 1.6vw, 2.75rem);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.02em;
	font-variant-numeric: tabular-nums lining-nums;
}

.lt-level__name .elementor-heading-title {
	color: var(--lt-on-dark);
	font-size: var(--lt-fs-md);
	font-weight: 600;
	line-height: 1.2;
}

.lt-dark .lt-level__what.elementor-widget-text-editor {
	color: var(--lt-on-dark-soft);
	font-size: var(--lt-fs-sm);
	line-height: 1.45;
}

.lt-dark .lt-level__line.elementor-widget-text-editor {
	color: var(--lt-on-dark);
	font-size: var(--lt-fs-sm);
	font-weight: 500;
	white-space: nowrap;
}

/* The emergency entrance: listed apart, under a double rule, in red. */
.e-con.lt-level--emergency {
	margin-top: 0.6rem;
	border-top: 1px solid color-mix(in srgb, var(--lt-on-dark) 18%, transparent);
	box-shadow: inset 4px 0 0 var(--lt-way-red);
	--padding-left: 0.9rem;
}

.lt-level--emergency .lt-level__n .elementor-heading-title {
	color: var(--lt-way-red);
}

.lt-dark .lt-board__caption.elementor-widget-text-editor {
	max-width: none;
	padding-top: 0.9rem;
	color: var(--lt-on-dark-soft);
	font-size: var(--lt-fs-sm);
}

/* The one motion moment: the lines draw, level by level, top to bottom. */
@media (prefers-reduced-motion: no-preference) {
	.lt-board .lt-line,
	.lt-board .lt-here {
		animation: lt-draw 0.36s ease-out both;
	}

	.lt-board .lt-level:nth-child(2) :is(.lt-line, .lt-here) { animation-delay: 0.07s; }
	.lt-board .lt-level:nth-child(3) :is(.lt-line, .lt-here) { animation-delay: 0.14s; }
	.lt-board .lt-level:nth-child(4) :is(.lt-line, .lt-here) { animation-delay: 0.21s; }
	.lt-board .lt-level:nth-child(5) :is(.lt-line, .lt-here) { animation-delay: 0.28s; }
	.lt-board .lt-level:nth-child(6) :is(.lt-line, .lt-here) { animation-delay: 0.35s; }
}

@keyframes lt-draw {
	from {
		transform: scaleX(0);
	}
	to {
		transform: scaleX(1);
	}
}

/* Rows on the dark band */
.lt-dark .lt-rows > .e-con,
.lt-dark .lt-rows > .e-con:first-child {
	border-color: color-mix(in srgb, var(--lt-on-dark) 22%, transparent);
}

.lt-dark .lt-price__amount.elementor-widget-text-editor {
	color: var(--lt-on-dark);
}

/* Buttons on dark: corridor-white fill, board text. */
body .lt-dark .elementor-widget-button.lt-btn--primary .elementor-button {
	background: var(--lt-on-dark);
	color: var(--lt-dark);
}

body .lt-dark .elementor-widget-button.lt-btn--primary .elementor-button:hover {
	background: #FFFFFF;
	color: var(--lt-dark);
}

/* ---------- The 911 line ---------- */

.lt-alert.elementor-widget-text-editor {
	padding: 0.9rem 1.1rem;
	border-left: 4px solid var(--lt-way-red);
	border-radius: 0 4px 4px 0;
	background: color-mix(in srgb, var(--lt-way-red) 8%, var(--lt-base));
	color: var(--lt-ink);
	font-size: var(--lt-fs-base);
}

.lt-alert strong {
	font-weight: 600;
}

/* ---------- Steps (real sequences) ---------- */

.e-con.lt-step {
	--padding-top: 1.1rem !important;
	--padding-bottom: 1.1rem !important;
	border-bottom: 1px solid var(--lt-line);
}

.e-con.lt-steps > .e-con.lt-step:first-child {
	border-top: 1px solid var(--lt-line);
}

.lt-step__n .elementor-heading-title {
	display: grid;
	place-items: center;
	width: 2.4rem;
	height: 2.4rem;
	border: 2px solid var(--lt-primary);
	border-radius: 50%;
	color: var(--lt-primary);
	font-size: 1.125rem;
	font-variant-numeric: tabular-nums lining-nums;
	line-height: 1;
}

/* ---------- Department rows ---------- */

.lt-dept__name .elementor-heading-title {
	font-size: var(--lt-fs-md);
}

.lt-dept__name a {
	color: var(--lt-primary);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25em;
}

.lt-dept__what.elementor-widget-text-editor {
	color: var(--lt-soft);
}

.lt-dept__way.elementor-widget-text-editor {
	font-weight: 500;
	white-space: nowrap;
}

.lt-dept__hours.elementor-widget-text-editor {
	color: var(--lt-soft);
	font-size: var(--lt-fs-sm);
}

/* ---------- Label + sentence rows, entrances, prices ---------- */

.lt-info__label.elementor-widget-text-editor {
	font-weight: 600;
}

.lt-info__text.elementor-widget-text-editor {
	color: var(--lt-soft);
}

.lt-entrance__name.elementor-widget-text-editor {
	font-weight: 600;
}

.lt-price__label.elementor-widget-text-editor {
	font-weight: 500;
}

.lt-price__note.elementor-widget-text-editor {
	color: var(--lt-soft);
	font-size: var(--lt-fs-sm);
}

.lt-price__amount.elementor-widget-text-editor {
	font-weight: 600;
	text-align: right;
}

.lt-levels .lt-price__amount.elementor-widget-text-editor {
	color: var(--lt-primary);
}

/* ---------- People, desks, map ---------- */

.e-con.lt-people {
	border-top: 1px solid var(--lt-line);
	--padding-top: 1.75rem;
}

.lt-person__role.elementor-widget-text-editor {
	color: var(--lt-primary);
	font-weight: 500;
}

.e-con.lt-desks {
	border-top: 1px solid var(--lt-line);
}

.e-con.lt-desk {
	--padding-top: 2rem;
	--padding-bottom: 2rem;
	--padding-right: 2rem;
	border-bottom: 1px solid var(--lt-line);
}

.lt-desk a {
	font-weight: 500;
}

.lt-map img {
	display: block;
	width: 100%;
	border: 1px solid var(--lt-line);
	border-radius: 4px;
}

/* Contact form panel: white with a directory-blue top rule. */
.e-con.lt-form {
	border: 0;
	border-top: 4px solid var(--lt-primary);
	background: #FFFFFF;
}

/* ---------- Inner pages ---------- */

.e-con.lt-pagehead {
	--padding-top: clamp(3rem, 2rem + 4vw, 5.5rem);
	--padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 4rem);
	border-bottom: 1px solid var(--lt-line);
}

.lt-pagehead__title .elementor-heading-title {
	font-size: var(--lt-fs-hero);
	max-width: 18ch;
	letter-spacing: -0.02em;
}

.lt-cta__title .elementor-heading-title {
	font-size: var(--lt-fs-3xl);
	color: var(--lt-on-dark);
}

.lt-404__title {
	font-weight: 600;
	letter-spacing: -0.015em;
}

/* ---------- Footer ---------- */

.e-con.lt-sec.lt-footer {
	--padding-top: 4rem;
	--padding-bottom: 2.5rem;
}

.lt-footer__brand .elementor-heading-title {
	font-size: 1.75rem;
	color: var(--lt-on-dark);
}

.lt-footer__title .elementor-heading-title {
	font-size: var(--lt-fs-base);
	font-weight: 500;
	color: var(--lt-on-dark-soft);
}

.lt-dark .lt-footer__alert.elementor-widget-text-editor {
	color: var(--lt-on-dark);
	font-weight: 600;
}

.lt-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.lt-links li {
	margin: 0 0 0.5rem;
}

.lt-credit-bar {
	border-top: 1px solid color-mix(in srgb, var(--lt-on-dark) 14%, transparent);
}

/* ---------- Blog ---------- */

.lt-posts--grid .lt-post {
	border-top: 4px solid var(--lt-primary);
	padding-top: 1rem;
}

.lt-posts--grid .lt-post.has-img {
	border-top: 0;
	padding-top: 0;
}

/* ---------- Tablet and phones ---------- */

@media (max-width: 1024px) {
	.e-con.lt-board {
		max-width: 46rem;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.lt-topbar-bar .lt-topbar__line:not(.lt-topbar__main) {
		display: none;
	}

	.lt-topbar-bar .elementor-widget-text-editor {
		white-space: normal;
	}

	/* Board rows: level | name and departments, the line under them in the second column. */
	.e-con.lt-level > .lt-level__line,
	.e-con.lt-dept > .lt-dept__side,
	.e-con.lt-dept > .lt-dept__way,
	.e-con.lt-dept > .lt-dept__hours {
		grid-column: 2;
	}

	.e-con.lt-level {
		--gap: 4px 12px !important;
		--column-gap: 12px !important;
		--row-gap: 4px !important;
		align-items: start;
	}

	.e-con.lt-dept {
		--column-gap: 14px !important;
		--row-gap: 4px !important;
		align-items: start;
	}

	.e-con.lt-info {
		--row-gap: 2px !important;
	}

	.e-con.lt-desk {
		--padding-right: 0;
	}

	.lt-chip .elementor-heading-title {
		width: 2.2rem;
		height: 2.2rem;
		font-size: 1rem;
	}
}

/* A call-to-action band sits right above the footer on most pages: a rule keeps them apart. */
.e-con.lt-sec.lt-footer {
	border-top: 1px solid color-mix(in srgb, var(--lt-on-dark) 16%, transparent);
}