/*<meta />*/

/*==Generic classes==*/

.center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

.hidden
{
	display: none;
}

.main-section1	/*This style applies the background color. This HTML element is not on a master page, it is used at compile time.*/
{
	background-color: var(--Safe-White);
}

.white
{
	color: var(--White);
}

/*=End of List=*/

body
{
	color: var(--DarkGray);
	mc-hyphenate: never;
	font-size: 1em;
	line-height: 1.5em;
	font-family: var(--FontBody);
}

a
{
	text-decoration: none;
	color: var(--Safe-Black);
}

a:link
{
	color: var(--Safe-Black);
}

a:visited
{
	color: var(--Safe-Black);
}

a:hover
{
	color: var(--Safe-Orange);
}

/*Various tiles*/

a.Tile
{
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
	padding: 20px 10px;
	transition: all 0.1s linear;
	display: flex;
	flex-direction: column;
	flex-shrink: 1;
	align-items: center;
	flex-basis: 300px;
	background-color: var(--White);
}

a.Tile:hover
{
	border-color: var(--Safe-Orange);
	box-shadow: 0px 4px 16px rgb(51 51 51 / 20%);
}

h1
{
	font-weight: normal;
	font-size: 1.40em;
	border-bottom: solid 1px;
	font-family: var(--FontHeading);
}

h1.Index
{
	border: none;
	font-size: 2em;
}

h2
{
	font-weight: normal;
	font-size: 1.20em;
	font-family: var(--FontHeading);
}

h2.HomePage
{
	border: none;
	font-size: 1.5em;
	text-align: center;
}

h3
{
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 16px;
	font-size: 1.10em;
	font-family: var(--FontHeading);
}

h3.Index	/*Modifies heading of tiles*/
{
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
}

h4
{
	font-family: var(--FontHeading);
}

h5
{
	font-family: var(--FontHeading);
}

h6
{
	font-family: var(--FontHeading);
}

p
{
	margin-bottom: 8px;
	margin-top: 8px;
	font-size: 1em;
}

p.home-subtitle
{
	text-align: center;
	color: var(--White);
	font-size: 1.3em;
}

p.HomePage
{
	float: none;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	color: var(--Safe-BlackBase);
}

div.HeroImage
{
	text-align: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-direction: column;
	height: auto;
	padding: 10px 10px;
	background-repeat: no-repeat;
	background-image: var(--FME-Logo-Vector);
	background-size: 99px auto;
	background-position: 12px 12px;
}

div.HomeSection
{
	margin: 0 auto;
	max-width: 1250px;
	position: relative;
}

div.Dark-Section
{
	background-color: var(--Safe-Gray3);
}

div.Tile-Flex
{
	align-items: stretch;
	column-gap: 30px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	flex-direction: row;
	justify-content: Center;
	padding-top: 15px;
	row-gap: 20px;
}

div.Tile-Image
{
	text-align: center;
}

@media only screen and (max-width: 1279px)
{
	div.Tile-Flex
	{
		padding-top: 12px;
	}

	a.Tile
	{
		padding: 10px;
	}

	h1.Index
	{
		font-size: 2em !important;
	}

	h3.Index
	{
		font-size: 1em;
	}

	p
	{
		font-size: 0.9em;
	}
}

@media only screen and (max-width: 767px)
{
	div.HeroImage
	{
		height: fit-content !important;
		padding: 5px;
		background-size: 60px auto;
	}

	h1.Index
	{
		font-size: 1.3em !important;
	}

	h2.HomePage
	{
		font-size: 1.2em;
	}

	p.home-subtitle
	{
		font-size: 1em;
	}
}