/* text */

.CharOverride-1
{
	font-family: "Roboto", sans-serif;
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	color: #002664;
	line-height: 2.5rem;
}

.CharOverride-2
{
	font-family: "Roboto", sans-serif;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	color: #002664;
	line-height: 2rem;
	margin-block-start: 1em;
	margin-block-end: 1em;
}

.CharOverride-3,
ul
{
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5rem;
}

span.Hyperlink
{
	text-decoration: underline;
}

/* Lists */

ul:not(ol ul)
{
	padding-inline-start: 16px;
}

ol:not(ul)
{
	padding-inline-start: 16px;
}

ol li:not(ul li)
{
	font-weight: bolder;
}

ol .lower-alpha>li,
ol .lower-roman>li
{
	font-weight: normal;
}

ol ul,
ol:not(ul) ol
{
	padding-inline-start: 0px;
}

dd
{
	margin-left: 16px;
}

ol .lower-alpha>li
{
	position: relative;
	margin-left: 16px;
}

ol .lower-alpha>li:before
{
	left: -40px;
	padding-right: 10px;
	position: absolute;
	text-align: right;
	width: 30px;
}

ol .lower-roman>li
{
	position: relative;
	margin-left: 18px;
}

ol .lower-roman>li:before
{
	left: -30px;
	padding-right: 10px;
	position: absolute;
	text-align: left;
	width: 30px;
}

/* DIV */

.grid-container
{
	display: grid;
	padding: 30px;
}

.multi-column h2,
.multi-column h3
{
	column-span: all;
}

.multi-column
{
	orphans: 3;
	widows: 3;
}

/* @media tags */
@media screen and (min-width: 769px)
{
	.multi-column
	{
		column-count: 2;
		column-gap: 50px;
		column-rule: 1px solid;
	}

	.grid-container
	{
		display: grid;
		grid: auto / auto 66.666% auto;
		grid-gap: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (min-width: 1921px)
{
	.multi-column
	{
		column-count: 3;
		column-gap: 50px;
		column-rule: 1px solid;
	}
}