/**
 * WP Tutorials : Auto-Numbered Headings (WPTNH)
 *
 * https://wp-tutorials.tech/refine-wordpress/auto-numbered-headings/
 */

.numbered-heading {
	border-bottom: 1px solid black;
}

.heading-number {
	background-color: black;
	color: white;
	/* padding:  0 0.5em; */
	display: inline-block;
	width: 3em;
	text-align: center;
	margin-right: 0.5em;
	padding: 0.3em 0;
}


/**
 * WPT
 */
.numbered-headings-demo {
	background-color: #fff8;
	border-radius: 1em;
	padding: 1em 2em 2em 2em;
	box-shadow: 0 0 2em #0001;
}

body .numbered-headings-demo p:not( .numbered-heading ) {
	margin:  0;
}

body .numbered-headings-demo p.numbered-heading {
	margin:  1em 0 0.5em 0;
}


.numbered-headings-demo p:last-child {
	margin-bottom: 0em;
}

.numbered-headings-demo .we-make-this {
	/* text-align: center; */
	font-weight: bold;
}

.numbered-headings-demo .we-make-this::before {
	font-size: 24pt;
	margin-right: 0.8em;
	position: relative;
	left:  0.3em;
	top:  0.3em;
	font-family: 'Font Awesome 5 free';
	font-weight: 900;
	content: '\f0a7';
	color: gold;
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
}


.numbered-headings-demo .numbered-heading {
	font-weight: bold;
}