/*
  SVG ICON SYSTEM
  per https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
  */
.icon {
  display: inline-flex;
  align-self: center;
}

.icon svg,
.icon img {
  height: 1em;
  width: 1em;
  fill: currentColor;
}

.icon.baseline svg,
.icon img {
  top: 0.15em;
  position: relative;
}

// for navbar-brand logo, could be used for other non-icon SVGs with an extra class to controll the size
.logo {
  display: inline-flex;
  align-self: center;
}

.logo svg,
.logo img {
  height: 5.3rem;
  fill: currentColor;
}

.logo.baseline svg,
.logo img {
  top: 0.15em;
  position: relative;
}