/* Bridge band (the blue "After the sale" band; converter tools/divi/layouts/bridge.php).
   Everything visible in this section is set in Divi: the band colour, the type,
   and each step's box and spacing (a Blurb with the CSS class qc-bstep). This file
   only does the three things Divi's settings cannot, from the old build's bridge.css:
     1. the round step number, which counts itself: like the old build it is the
        step's position, never typed, so adding, removing or reordering steps in the
        builder keeps 1, 2, 3 in order (the column with the class qc-bsteps restarts it);
     2. the frosted-glass blur behind each step (backdrop-filter; Divi's Filters
        option blurs the step itself, not what is behind it);
     3. the old 4px under each step's title (a Blurb title has no spacing setting;
        Divi's default is 10px).
   Class-based and low specificity, so settings made in Divi still win. */

.qc-bsteps {
	counter-reset: qc-bstep;
}

.qc-bstep {
	counter-increment: qc-bstep;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

/* The number: a 44px white disc, deep-blue figure in the Helvetica display face
   (old .bstep .n). It sits first in the Blurb's row, beside the title and text. */
.qc-bstep .et_pb_blurb_content::before {
	content: counter(qc-bstep);
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: #ffffff;
	color: #005f9f;
	font-family: "Helvetica Neue LT W05_43 Lt Ex", Archivo, "Helvetica Neue", Arial, sans-serif;
	font-stretch: 125%;
	font-weight: 400;
	font-size: 20px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* The words take the rest of the width (the old grid's 1fr). */
.qc-bstep .et_pb_blurb_container {
	flex: 1 1 0;
	min-width: 0;
}

.qc-bstep .et_pb_module_header {
	padding-bottom: 4px;
}