/*** Stylesheet for Footer   **/

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


footer .menu-nav {
	border-top: 0px solid var(--color-border);
	border-bottom: 0px solid var(--color-border);
	padding: 10px;
}
.dark footer .menu-nav {
	border-top: 0px solid var(--dark-border);
	border-bottom: 0px solid var(--dark-border);
}
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);
}
.dark  .menu-nav ul li a{
	color: var(--dark-text);
}

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

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

	footer .menu-nav {
		border-top: 1px solid var(--color-border);
		border-bottom: 1px solid var(--color-border);
		padding: 10px;
		margin: 0 20px;
	}
	.dark footer .menu-nav {
		border-top: 1px solid var(--dark-border);
		border-bottom: 1px solid var(--dark-border);
	}


}

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

	
}

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

}