/*
 Put your custom overlay styles in here
 You can use your northpass color palette in this file

{{ color_palette.button_font_color }}
{{ color_palette.button_color }}
{{ color_palette.button_hover_color }}
{{ color_palette.header_font_color }}
{{ color_palette.header_font_hover_color }}
{{ color_palette.header_color }}
*/

@font-face {
  font-family: "Proxima Nova";
  src: url("https://s3.amazonaws.com/static.northpass.com/fonts/ProximaNova-Light.eot");
  src: url("https://s3.amazonaws.com/static.northpass.com/fonts/ProximaNova-Light.eot") format("embedded-opentype"), url("https://s3.amazonaws.com/static.northpass.com/fonts/ProximaNova-Light.woff") format("woff"),
    url("https://s3.amazonaws.com/static.northpass.com/fonts/ProximaNova-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("https://s3.amazonaws.com/static.northpass.com/fonts/ProximaNova-Reg.otf");
  src: url("https://s3.amazonaws.com/static.northpass.com/fonts/proximanova-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("https://s3.amazonaws.com/static.northpass.com/fonts/ProximaNova-Bold.eot");
  src: url("https://s3.amazonaws.com/static.northpass.com/fonts/ProximaNova-Bold.woff") format("woff"), url("https://s3.amazonaws.com/static.northpass.com/fonts/ProximaNova-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "TT Norms Pro";
  src: url(https://s3.amazonaws.com/static.northpass.com/fonts/TT+Norms+Pro+Bold.otf);
  font-weight: bold;
}

@font-face {
  font-family: "TT Norms Pro-Regular"; 
  src: url("//db.onlinewebfonts.com/t/07bc241768c969f6b6a27a7bf0dfb490.eot"); 
  src: url("//db.onlinewebfonts.com/t/07bc241768c969f6b6a27a7bf0dfb490.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/07bc241768c969f6b6a27a7bf0dfb490.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/07bc241768c969f6b6a27a7bf0dfb490.woff") format("woff"), url("//db.onlinewebfonts.com/t/07bc241768c969f6b6a27a7bf0dfb490.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/07bc241768c969f6b6a27a7bf0dfb490.svg#TT Norms Regular") format("svg"); 
  font-weight: normal;
  font-style: normal;
}

html,
body {
  font-family: "Proxima Nova", "Roboto", sans-serif !important;
}

.np-resource-subtitle,
.np-card-content-title {
  color:#000;
}

.np-form-action.np-button-big{
  border-radius: 30px;
}