@font-face {
  font-family: 'multipurpose';
  src: url('images/icons/multipurpose.eot?2');
  src: url('images/icons/multipurpose.eot?2#iefix') format('embedded-opentype'),
  url('images/icons/multipurpose.woff?2') format('woff'),
  url('images/icons/multipurpose.ttf?2') format('truetype'),
  url('images/icons/multipurpose.svg?2#wpion') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="tdn-icon-"]:before, [class*=" tdn-icon-"]:before,
[class^="tdn-icons"]:before, [class*=" tdn-icons"]:before {
  font-family: 'multipurpose' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  text-align: center;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

[class*="tdn-icon-"] {
  line-height: 1;
  text-align: center;
  display: inline-block;
}

[class*="tdn-icons"] {
  line-height: 1;
  text-align: center;
  display: inline-block;
  cursor: default;
}

// Font icons imported from TDC
body .tdc-font-typcn {
  display: inline-block;

  &:before {
    vertical-align: top;
  }
}
body .tdc-font-oi {
  display: inline-block;

  &:before {
    vertical-align: middle;
    line-height: inherit;
  }
}