/*
 * Theme default [social-links]. The markup still uses the old nav classes so a
 * Bootstrap theme can style the pills. Without that CSS the list is a row of
 * icons, not a bulleted list.
 */

ul.social-links {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: 0.85rem 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.social-links > li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.social-links > li::marker {
	content: none;
}

ul.social-links a {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	text-decoration: none;
}