:root {
  --font-size-x-small: 0.75rem;
  --font-size-small: 0.875rem;
  --font-size-base: 1rem;
  --font-size-large: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-xl-2: 1.5rem;
  --font-size-xl-3: 1.75rem;
  --font-size-xl-4: 2rem;
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
  url('../fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
  url('../fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/source-sans-pro-v14-latin-700.woff') format('woff'), /* Modern Browsers */
  url('../fonts/source-sans-pro-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/source-sans-pro-v14-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

html {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: var(--font-size-base);
}

h1, h2, h3, h4, h5 {
  white-space: nowrap;
  padding: 0;
  margin: 0;
  font-weight: 700;
}

h1 {
  font-size: var(--font-size-large);
}

h2 {
  font-size: var(--font-size-large);
}

h3 {
  font-size: var(--font-size-xl-2);
}

title {
  font-size: var(--font-size-small);
  font-weight: 700;
  text-transform: uppercase;
}

.header {
  font-size: var(--font-size-xl);
}

.sub-header {
  font-size: var(--font-size-base);
  font-weight: 700;
}

p,
a,
label {
  font-size: var(--font-size-base);
}

label {
  font-size: var(--font-size-small);
  text-transform: capitalize;
}

.caption {
  font-size: var(--font-size-small);
}

h3 {
  margin-bottom: 1rem;
}

h4 {
  opacity: 0.4;
}

.bold {
  font-weight: 600;
}

.suppressed {
  opacity: 0.4;
}

.capitalize {
  text-transform: capitalize;
}

.text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0.125rem;
}