/* location pages (/denver/, /pueblo/); loads after stylesheet.css */

/* text-only cards: no image, no absolute text column */
main.location section {
	padding: var(--step) 0;
}
main.location section div {
	position: static;
	height: auto;
	max-width: none;
}
@media (min-width: 768px) {
	main.location section {
		padding: calc(var(--step) * 1.5) var(--step);
	}
}

/* lead paragraph under the hero */
main.location section.intro p {
	font-size: 1.125em;
}

/* section headings: smaller on phones, where 2em wraps to three lines */
main.location h2 {
	font-size: 1.5em;
	line-height: 1.25;
}
@media (min-width: 768px) {
	main.location h2 {
		font-size: 2em;
	}
}

/* list items: bullet hangs, wrapped lines align with the text */
main.location ul li {
	padding-left: calc(var(--step) * 2.5);
	text-indent: calc(var(--step) * -1.5);
}
main.location ul li::before {
	text-indent: 0;
}

/* contact block */
main.location address {
	font-style: normal;
	line-height: 1.625;
	padding: 0 var(--step);
}
main.location address strong {
	display: block;
}
main.location p.actions a {
	background: var(--green);
	border-radius: 100px;
	color: var(--white);
	display: inline-block;
	margin: var(--half-step) var(--half-step) var(--half-step) 0;
	padding: calc(var(--half-step) * 1.5) calc(var(--step) * 2);
}
main.location p.other-office {
	color: var(--black);
}
