:root {
  --color-admonition-bg: #f5f5f5;
  --color-admonition-text: #404040;
}
/*
  Some of these CSS snippets are taken from the Antora UI project: https://gitlab.com/antora/antora-ui-default/
  Therefore this file is licensed under MPL-2.0 https://tldrlegal.com/license/mozilla-public-license-2.0-(mpl-2)#fulltext
*/
span.icon>.fa {
  cursor: default;
}
.admonitionblock td.icon {
  text-align: center;
  width: 80px;
  border: none;
  padding: 14px;
}
.admonitionblock table {
  margin: 14px;
  background-color: var(--color-admonition-bg);
}
.admonitionblock td.content {
  border: none;
  padding: 14px;
}
.admonitionblock td.icon [class^="fa icon-"] {
  font-size: 3em;
  text-shadow: 1px 1px 2px rgba(0,0,0,.5);
  cursor: default;
}
.admonitionblock td.icon .icon-note:before {
  content: "\f05a";
  color: #19407c;
}
.admonitionblock td.icon .icon-tip:before {
  content: "\f0eb";
  text-shadow: 1px 1px 2px #111;
  color: rgb(228, 228, 228);
}
.admonitionblock td.icon .icon-warning:before {
  content: "\f071";
  color: #f38200;
}
.admonitionblock td.icon .icon-caution:before {
  content: "\f06d";
  color: #bf3400;
}
.admonitionblock td.icon .icon-important:before {
  content: "\f06a";
  color: #bf0000;
}

/* conum */
/* from https://rgielen.net/posts/2019/creating-a-blog-with-hugo-and-asciidoctor/ */


/*.conum { display: inline-block; color: white !important; background-color: #222222; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 20px; height: 20px; font-size: 12px; font-weight: bold; line-height: 20px; font-family: Arial, sans-serif; font-style: normal; position: relative; top: -2px; letter-spacing: -1px; }*/
.conum { display: inline-block; color: white !important; background-color: #777777; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 20px; height: 20px; font-size: 12px; font-weight: bold; line-height: 20px; font-family: Arial, sans-serif; font-style: normal; position: relative; top: -2px; letter-spacing: -1px; }
.conum * { color: white !important; }
.conum + b { display: none; }
.conum:after { content: attr(data-value); }
.conum:not([data-value]):empty { display: none; }