@font-face {
  font-family: "Gotham Book";
  src: url("../fonts/gotham-book.woff") format('woff');
}

@font-face {
  font-family: "Gotham Bold";
  src: url("../fonts/gotham-bold.woff") format('woff');
  font-weight: bold;
}

@font-face {
  font-family: "Gotham Light";
  src: url("../fonts/gotham-light.woff") format('woff');
}

@font-face {
  font-family: "Gotham Medium";
  src: url("../fonts/gotham-medium.woff") format('woff');
}

#AmazonExchange {
  background-image: url(../images/idp_logos/colored/amazon.svg);
}
#AmazonExchange:hover {
  background-image: url(../images/idp_logos/white/amazon.svg);
}
#FacebookExchange {
  background-image: url(../images/idp_logos/colored/facebook.svg);
}
#FacebookExchange:hover {
  background-image: url(../images/idp_logos/white/facebook.svg);
}
#GitHubExchange {
  background-image: url(../images/idp_logos/colored/github.svg);
}
#GitHubExchange:hover {
  background-image: url(../images/idp_logos/white/github.svg);
}
#GoogleExchange {
  background-image: url(../images/idp_logos/colored/google.svg);
}
#GoogleExchange:hover {
  background-image: url(../images/idp_logos/white/google.svg);
}
#LinkedInExchange {
  background-image: url(../images/idp_logos/colored/linkedin.svg);
}
#LinkedInExchange:hover {
  background-image: url(../images/idp_logos/white/linkedin.svg);
}
#MicrosoftAccountExchange {
  background-image: url(../images/idp_logos/colored/microsoft.svg);
}
#MicrosoftAccountExchange:hover {
  background-image: url(../images/idp_logos/white/microsoft.svg);
}
#QQExchange {
  background-image: url(../images/idp_logos/colored/qq.svg);
}
#QQExchange:hover {
  background-image: url(../images/idp_logos/white/qq.svg);
}
#TwitterExchange {
  background-image: url(../images/idp_logos/colored/twitter.svg);
}
#TwitterExchange:hover {
  background-image: url(../images/idp_logos/white/twitter.svg);
}
#WeChatExchange {
  background-image: url(../images/idp_logos/colored/wechat.svg);
}
#WeChatExchange:hover {
  background-image: url(../images/idp_logos/white/wechat.svg);
}
#WeiboExchange {
  background-image: url(../images/idp_logos/colored/weibo.svg);
}
#WeiboExchange:hover {
  background-image: url(../images/idp_logos/white/weibo.svg);
}

#MicrosoftWorkOrSchoolExchange {
  background-image: url(../images/idp_logos/colored/microsoft.svg);
}
#MicrosoftWorkOrSchoolExchange:hover {
  background-image: url(../images/idp_logos/white/microsoft.svg);
}

#MicrosoftPersonalExchange {
  background-image: url(../images/idp_logos/colored/microsoft.svg);
}
#MicrosoftPersonalExchange:hover {
  background-image: url(../images/idp_logos/white/microsoft.svg);
}

#SignInWithLogonNameExchange, #SignUpWithLogonEmailExchange, #SignUpWithLogonNameExchange {
    background-image: url(../images/idp_logos/colored/local.svg);
}
#SignInWithLogonNameExchange:hover, #SignUpWithLogonEmailExchange:hover, #SignUpWithLogonNameExchange:hover {
    background-image: url(../images/idp_logos/white/local.svg);
}