:root {
  /* brand main color */
  --color-primary: #003d6e;

  /* global body background */
  --color-body: #fcfcfa;

  /* header, footer, decoration background color */
  --color-header: #edf3f5;
  --color-footer: #edf3f5;

  /* highlighting areas and parts, brighter/darker than --color-body */
  --color-highlight-area: #fff;

  /* colors for interaction elements like ctas */
  --color-interaction: #004b86;
  --color-interaction-gradient-start: #0076d4;
  --color-interaction-gradient-end: #003d6e;

  /* typography */
  --color-text: #001321;
  --color-text-invert: #fff;
  --color-display: #003d6e;

  /* decoration like banner, quotes */
  --color-decoration: #e9f2f5;

  /* decoration overlays */
  --color-overlay-1: #233e74;
  --color-overlay-2: #32619c;
  --color-overlay-3: #4e8ac2;
}

.jm ul li {
	font-size: 1rem;
}

.jm b {
	font-weight: bold;
}

.jm .smaller {
	font-size: 0.8rem;
}

.mezzanine-form label {
	margin-top: 20px;
	padding-top: 20px;
}

.mezzanine-form input[type=email],
.mezzanine-form input[type=text],
.mezzanine-form input[type=number],
.mezzanine-form input[type=tel],
.mezzanine-form select,
.mezzanine-form textarea {
  margin: 0;
  border: none;
  border-bottom: 0.0625rem solid var(--color-interaction);
  padding: 0.9375rem 0.625rem;
  font-size: 1rem;
  background: var(--color-decoration);
  outline: none;
  line-height: 1;
  width: 550px;
}

.jmerrormessage {
	color: #ff0000;
	font-weight: bold;
	font-size: 1.6rem;
}