/*
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: 1px 1px 5px 0px #0002;
  border-radius: 3em;
  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]]
*/