body {
	/* The default text color */
	color: var(--dm-soft-black);
}

p {
	font-family: "Roboto";
	font-weight: 400;
	font-style: normal;
	/* Color is inherited so backgrounds can control the default color
	e.g. text will be white on a dark background and black on a light background */
	color: inherit;
	font-size: inherit;
	margin-top: 0px;
}

h1, h2, h3, h4, h5 {
	font-family: "Roboto";
	font-style: normal;
	color: inherit;
	font-weight: 700;
	margin-top: 0px;
}

h1 {
	font-size: 2rem;
}

h2 {
	font-size: 1.5rem;
}

h3 {
	font-size: 1.25rem;
}

h4 {
	font-size: 1.125rem;
}

h5 {
	font-size: 1rem;
}

a {
	/* All inherited because a tags should always be nested in a block level
	tag like a header or paragraph in which case it should take the styles of
	the parent block level element */
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	text-decoration: none;
	color: var(--dm-red);
	cursor: pointer;
}

a:hover,
a:focus {
	color: hsl(var(--dm-red-hs), calc(var(--dm-red-l) - 10%));
	text-decoration: none;
}

p strong {
	font-weight: 500;
}

.fs-small {
	font-size: 0.8rem;
}
 
 

/**
* Utility text classes
*/

/* Info: semantic color for emphasized text or informational text */
.text-info {
	color: var(--dm-blue);
}

.link-info {
	color: var(--dm-blue);
}

.link-info:hover,
.link-info:focus {
	color: hsl(var(--dm-blue-hs), calc(var(--dm-blue-l) - 10%));
}

/* Light: color for text on a dark background - no semantic meaning */
.text-light {
	color: var(--dm-off-white);
}

.link-light {
	color: var(--dm-off-white);
}

.link-light:hover,
.link-light:focus {
	color: hsl(var(--dm-off-white-hs), calc(var(--dm-off-white-l) - 10%));
}

/* White: color for text on a dark background but pure white - no semantic meaning */
.text-white {
	color: var(--dm-white);
}

.link-light {
	color: var(--dm-white);
}

.link-light:hover,
.link-light:focus {
	color: hsl(var(--dm-white-hs), calc(var(--dm-white-l) - 10%));
}

.fs-small {
	font-size: 0.8rem;
}

.fs-smaller {
	font-size: 0.7rem;
}

.text-success {
  color: var(--dm-green) !important;
}

.text-failure {
  color: var(--dm-red) !important;
}

.text-red {
  color: var(--dm-red) !important;
}

.me-icon {
  margin-right: 10px;
}

.f-bold {
  font-weight: 700 !important;
}

textarea {
	font-family: "Roboto";
}