/*----MENU BOXES--------------------------------------------------------------------*/
div.menu-box
{
	width: 22em;
	height: 22em;
	background: var(--background-color);
	border-color: var(--light-border-color);
	border-radius: var(--standard-border-radius);
	border-width: 1px;
	border-style: solid;
	float: left;
	margin: 1em;
	padding: 1em;
}

div.menu-box.small
{
	height: 16em;
}

div.menu-box h2
{
	margin-top: 0em;
	margin-bottom: 0.25em;
}

div.menu-box div.info-display
{
	font-size: 1em;
	font-weight: bold;
}

div.menu-box div.info-display div.info-details
{
	padding-left: 1em;
	font-size: 1em;
	font-weight: normal
}

div.menu-box td
{
	padding-right: 1em;
}

div.menu-box ul
{
    list-style-type: none;
	/*padding-left: 2em;*/
	padding: 0em;
}

div.menu-box li
{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div.menu-box a
{
	font-weight: bold;
	color:var(--accent-color);
    text-decoration: none;
}

div.menu-box a:hover
{
	color:var(--text-color)
}

div.menu-box:hover
{
	border-color: var(--accent-color);
	border-width: 1px;
	/*box-shadow: 0 0 0.25em rgb(217, 152, 152);*/

	animation: menubox-hover 0.25s linear;
}

@keyframes menu-box-hover
{
	from {border-color: var(--light-border-color);}
	to {border-color: var(--accent-color);;}
}