/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
* Link Style
* SVG
* Widgets

The one front-end stylesheet. Brand colours are output with each icon,
and the size and black-and-white options are added as inline styles.
--------------------------------------------------------------*/
/*--------------------------------------------------------------
* Link Style
--------------------------------------------------------------*/
ul.relsyn {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 1px;
}
ul.relsyn li {
  display: inline-block;
  padding-right: 5px;
  font-size: 0.8em;
}
ul.relsyn li a {
  text-decoration: none;
}
.syndication-link-icon {
  --syn-icon-size: 1rem;
  display: inline-block;
  margin: 2px;
  color: var(--syn-icon-color, currentColor);
}
.syndication-link-icon svg {
  height: var(--syn-icon-size);
  width: var(--syn-icon-size);
  fill: currentColor;
  vertical-align: middle;
  top: -0.0625em;
}
.syndication-link-icon svg :hover {
  filter: brightness(50%);
}
a.synlink, a.synlink:hover {
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*--------------------------------------------------------------
* SVG
--------------------------------------------------------------*/
.iwc-yellow {
  fill: #FFB100;
}
.iwc-orange {
  fill: #FF5C00;
}
.iwc-red {
  fill: #FF0000;
}
.asmodee-person {
  fill: #414042;
}
.asmodee-frame {
  fill: #EF462D;
}
/*--------------------------------------------------------------
* Widgets
--------------------------------------------------------------*/
#hcard_widget {
  text-align: left;
}
#hcard_widget img {
  display: inline;
}
#relme_widget {
  font-size: 24px;
  text-align: left;
}