/*<meta />*/

/*
======================================================================
	CSS specifically for styles only used on the footers.
======================================================================
*/

/* Footer flexbox layout used on contentPages.flmsp and homePage.flmsp */

.footertext
{
	font-size: 1em;
	margin: 5px;
	color: var(--ava-lightgrey);
}

/* Forces link to not look like a link */

a.footertext:link,
a.footertext:visited,
a.footertext:hover a.footertext:active
{
	text-decoration: none;
	color: var(--ava-lightgrey);
}

/* CSS for cards and container using flexbox */

.footcontainer
{
	display: flex;
	width: 70%;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0 auto;
	justify-content: center;
}

.footcard
{
	flex-grow: 1;
	margin: 10px 5px 5px 5px;
	text-align: center;
}

@media only screen and (max-width: 1332px)
{
	.footcontainer
	{
		width: 100%;
	}
}

@media only screen and (max-width: 767px)
{
	.footcontainer
	{
		width: 100%;
	}
}