footer{
	background: #000;
	font-family: var(--secondary-font);
}

footer p.description{
	font-family: var(--primary-font);
	font-size: 16px;
}

footer ul{
	list-style: none;
}

footer a, footer a:hover{
	text-decoration: none;	
	font-size: 13px;
	line-height: 32px;
	font-weight: 500;
	color: white;	
	position: relative;
}

footer a.icon:hover path:first-child, .single .social .icon:hover path:first-child{
	fill: var(--accent-color) !important;
}

/*.animate-link-container a::before,
.animate-link-container a::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #af0;
    top: 105%;
    left: 0;
    pointer-events: none;
}

.animate-link-container a::before {
    content: '';    
}


.animate-link-container a::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
}

.animate-link-container a:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 2, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}


.animate-link-container a:hover::after {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}*/

.animate-link-container a{  
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent),
    linear-gradient(var(--accent-color), var(--accent-color));
  background-size: 100% 2px, 0 2px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size .3s linear;
}

a:hover {
  background-size: 0 2px, 100% 2px;
}