@font-face {
  font-family: 'FluxLine';
  font-weight: 400;
  font-style: normal;
  src: url('./fonts/FluxLine.otf') format('opentype');
  src: url('./fonts/FluxLine.eot'),
    url('./fonts/FluxLine.woff2') format('woff2'),
    url('./fonts/FluxLine.woff') format('woff'),
    url('./fonts/FluxLine.ttf') format('truetype'),
    url('./fonts/FluxLine.svg') format('svg');
}

@font-face {
  font-family: 'FluxLine';
  font-weight: 400;
  font-style: italic;
  src: url('./fonts/FluxLine-Italic.otf') format('opentype');
  src: url('./fonts/FluxLine-Italic.eot'),
    url('./fonts/FluxLine-Italic.woff2') format('woff2'),
    url('./fonts/FluxLine-Italic.woff') format('woff'),
    url('./fonts/FluxLine-Italic.ttf') format('truetype'),
    url('./fonts/FluxLine-Italic.svg') format('svg');
}

@font-face {
  font-family: 'FluxLine';
  font-weight: 700;
  font-style: normal;
  src: url('./fonts/FluxLine-Bold.otf') format('opentype');
  src: url('./fonts/FluxLine-Bold.eot'),
    url('./fonts/FluxLine-Bold.woff2') format('woff2'),
    url('./fonts/FluxLine-Bold.woff') format('woff'),
    url('./fonts/FluxLine-Bold.ttf') format('truetype'),
    url('./fonts/FluxLine-Bold.svg') format('svg');
}

@font-face {
  font-family: 'FluxLine';
  font-weight: 700;
  font-style: italic;
  src: url('./fonts/FluxLine-BoldItalic.otf') format('opentype');
  src: url('./fonts/FluxLine-BoldItalic.eot'),
    url('./fonts/FluxLine-BoldItalic.woff2') format('woff2'),
    url('./fonts/FluxLine-BoldItalic.woff') format('woff'),
    url('./fonts/FluxLine-BoldItalic.ttf') format('truetype'),
    url('./fonts/FluxLine-BoldItalic.svg') format('svg');
}

.alterna-cx-container * {
  font-family: "FluxLine", sans-serif !important;
}

.alterna-cx-card-title {
  font-family: "FluxLine" !important;
  font-weight: 700 !important;
}

.alterna-cx-card-content {
  font-family: "FluxLine" !important;
}

.alterna-cx-question-text {
  font-weight: 400 !important;
}

.alterna-cx-card-title.alterna-cx-web-header img {
  padding-left: 1em;
  padding-right: 1em;
}

.alterna-cx-web-footer {
  font-size: 0.8em !important;
  color: #9A9B9D !important;
}

.alterna-cx-web-footer a {
  color: #9A9B9D !important;
}

.alterna-cx-web-header {
  background-color: #204A91;
}