/*<meta />*/

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

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

.footertext
{
	font-size: 0.7em;
	/* reduced from 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);
	font-size: 0.7em;
}

/* CSS for cards and container using flexbox */
/* Design Changes */

.footcontainer
{
	display: flex;
	width: 100%;
	/*flex-wrap: wrap;*/
	/* removed as a hack for overflowing side menu */
	flex-direction: row;
	margin: 0 auto;
	justify-content: center;
	padding-right: 262px;
	/* added as a hack for overflowing side menu */
}

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

.footcard .item2
{
	width: 200px;
	height: 48px;
}

@media only screen and (max-width: 1332px)
{
	.footcontainer
	{
		width: 100%;
		flex-wrap: wrap;
		/* added to counter change above for overflowing side menu */
		padding-right: 0px;
		/* added to counter change above for overflowing side menu */
		font-size: 0.7em;
		/* from 1.0em */
	}
}

/* Design Changes */

@media only screen and (max-width: 767px)
{
	.footcard
	{
		padding-top: 0px;
	}

	.footcontainer
	{
		width: 100%;
		flex-wrap: wrap;
		/* added to counter change above for overflowing side menu */
		padding-right: 0px;
		/* added to counter change above for overflowing side menu */
		font-size: 0.7em;
		/* from 1.0em */
	}
}