/**
* Stylesheet for Footer
*
*/

footer {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.footer .copy {
	padding: 15px 0;
	font-size: 0.8em;
	color: var(--footer-text);
} 
.dark-theme .footer .copy {
	color: #cccccc;
} 
.footer .copy a {
	color: var(--footer-link);
}
.dark-theme .footer .copy a {
	color: #eb0;
}
.footer .copy a:hover{
	color: var(--footer-hover);
	text-decoration: none;
}
.dark-theme .footer .copy a:hover{
	color: #ccc;
}


footer .menu-nav {
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	padding: 10px;
}
.dark-theme footer .menu-nav {
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}
footer .menu-nav ul {
	list-style-type: none;
}
footer .menu-nav ul li{
	display: inline-block;
	margin: 0 5px;
	padding-bottom: 5px;
}
footer .menu-nav ul li a{
	color: var(--color-text);
	font-size: 1.2em;
}
.dark-theme  .menu-nav ul li a{
	color: #ffffff;
}

.menu-nav ul li a:hover{
	color: var(--color-hover);
	text-decoration: none;
}
.dark-theme  .menu-nav ul li a:hover{
	color: #eebb00;
}

@media screen and (min-width: 992px) {  /*768 or 992 or 1200*/

	footer .menu-nav {
		margin: 0 20px;
	}
	footer .menu-nav ul li a{
		font-size: 1em;
	}
}

@media screen and (min-width: 1280px) {  /*768 or 992 or 1200*/

}