/**
 * @file
 * External links css file.
 */

/* Make external-link SVG icons responsive (@supports so IE11 ignores this) */
@supports (width: auto) {
  .extlink--mailto,
  .extlink--url {
    width: auto;
  }
}

/* set a default height of 9px if 1em = 16px on SVG icons. */
.extlink--mailto {
  height: .5625em;
}

/* set a default height of 10px if 1em = 16px on SVG icons. */
.extlink--url {
  height: .625em;
}

/* Spacing between the external-link font-aswesome & SVG icons and the link text. */
.extlink--prepend {
  margin-right: .4em;
}

.extlink--append {
  margin-left: .4em
}

/* make font-awesome external-link icons bold. */
span.extlink {
  font-weight: 900;
}

/* Hide the external-link icons when printing. */
@media print {
  .extlink {
    display: none;
    padding: 0;
  }
}