/*
Icon_Bullet_List - CSS styling. Offers a styling for lists with the class .icon-bullet-list
See detailed documentation in Dev/mediawiki
*/

.icon-bullet-list {
	margin-left: 0 !important;
	max-width: 100%;
	display: block;
}

.icon-bullet-list.minimal {
	width: max-content;
}

.icon-bullet-list > * {
	display: flow-root;
	list-style: none;
	font-size: inherit !important;
	box-shadow: 2px 2px 3px rgb(0 0 0 / 10%);
	border-radius: 50px;
	padding: .4em 1.1em .4em 3.1em !important;
	margin: 7px 0;
	background-color: white;
	position: relative;
}
.icon-bullet-list.inverse > * {
	background-color: #f8f8f8;
}

.icon-bullet-list > * i {
	width: 1.9em;
	height: 1.9em;
	padding-top: .45em;
	background-color: #f3f3f3;
	border-radius: 50px;
	text-align: center;
	margin-right: .2em;
	box-shadow: inset -.1em .1em .2em rgb(0 0 0 / 10%);
	position: absolute;
	left: .6em;
	top: calc( 50% - .95em );
	box-sizing: border-box;
}

.icon-bullet-list.inverse > * i {
	background-color: white;
	box-shadow: inset .05em .05em .2em rgb(0 0 0 / 10%);
}

.icon-bullet-list:not(.inverse) > * span {
	position: relative;
	top: -.05em;
}

.icon-bullet-list > * span a {
	color: #007bff !important;
}

/*
[[Category:MultiWiki]]
*/