a {
	text-decoration: none;
	-moz-transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-o-transition: all linear .3s;
	transition: all linear .3s;
}

a:hover {
	/*text-decoration: none;*/
	text-decoration-color: black;
}

/* link is used diffrently from an anchor (a) element,
make sure that they are not mixed.*/
.link, link:visited, link:active{
	text-decoration: none !important;
	color:#000;
	transition:all .2s;
}

.link:focus{
	color:#000 !important;
}

.link--orange {
	color:#ef7d00;
}

.link:hover,.link:active, link:visited{
	color:#ef7d00 ;
}

.link--orange:hover,.link--orange:active{
	color:#723b01;
}

/* THIS COLOR IS NOT USED ANWHERE ELSE */
/* TODO: USE SAME DARK GRAY ACROSS THE PORTAL*/
.link--dark-gray {
	color:#5c5f61;
}

.link:hover,.link:active {
	color:#5c5f61;
}

.link--dark-gray:hover,.link--dark-gray:active{
	color:#ef7d00;
}

.link--white:hover, .link--white:active{
	color:#fff;
}