/*** Stylesheet for Footer   **/

footer {
	text-align: center;
	padding-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid var(--color-border);
}
footer nav {
	border-top: 0px solid var(--color-border);
	border-bottom: 0px solid var(--color-border);
	padding: 10px;
}
.dark footer nav {
	border-top: 0px solid var(--dark-border);
	border-bottom: 0px solid var(--dark-border);
}
footer nav ul {
	list-style-type: none;
}
footer nav ul li{
	display: inline-block;
	margin: 0 5px;
	padding-bottom: 5px;
}
footer nav ul li a{
	color: var(--color-text);
}
.dark  footer nav ul li a{
	color: var(--dark-text);
}
footer nav ul li a[aria-current="page"] {
	color: var(--color-hover);
}
.dark footer nav ul li a[aria-current="page"] {
	color: var(--dark-hover);
}
footer nav ul li a:hover{
	color: var(--color-hover);
	text-decoration: none;
}
.dark  footer nav ul li a:hover{
	color: var(--dark-hover);
	text-decoration: none;
}

.footer .copy-footer {
	padding: 15px 50px;
	font-size: var(--small-size);
	line-height: var(--small-height);
	color: var(--color-small);
} 
.dark .footer .copy-footer {
	color: var(--dark-small);
} 
.copy-footer a {
	color: var(--color-text);
	text-decoration: none;
}
.dark .copy-footer a {
	color: var(--dark-text);
	text-decoration: none;
}
.copy-footer a:hover{
	color: var(--color-hover);
}
.dark .copy-footer a:hover{
	color: var(--dark-hover);
}


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

	footer {
		border: 0;
		padding: 0;
	}
	footer nav {
		border-top: 1px solid var(--color-border);
		border-bottom: 1px solid var(--color-border);
		padding: 10px;
		margin: 0 20px;
	}
	.dark footer 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*/}