/* Numbered steps (the section with the CSS class qc-steps; built by
   tools/divi/layouts/steps.php). Only what Divi's own settings cannot express:
   colours, sizes, gaps, the cards and the number circles are all set on the
   modules in Divi. Low specificity on purpose. */

/* Divi's theme puts 10px of padding under every heading and has no setting for it.
   The old build had none; the gap under each heading is the column's vertical gap
   (Design > Layout), so the headings here carry no padding of their own. */
.qc-steps .et_pb_heading_container h2,
.qc-steps .et_pb_heading_container h3 {
	padding-bottom: 0;
}

/* Step numbers (Text modules with the class qc-steps-number): the licensed Helvetica
   kit, which the child theme loads but Divi's font menu does not list. */
.qc-steps-number .et_pb_text_inner,
.qc-steps-number p {
	font-family: "Helvetica Neue LT W05_43 Lt Ex", Archivo, "Helvetica Neue", Arial, sans-serif;
}

/* The link beside the headline (Text module with the class qc-steps-link): the old
   text link's arrow, drawn after whatever link the editor puts in that module. */
.qc-steps-link a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.qc-steps-link a::after {
	content: "";
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M2 7h10M8 3l4 4-4 4'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M2 7h10M8 3l4 4-4 4'/%3E%3C/svg%3E") center / contain no-repeat;
}