// Declaring variables
@background-color:$sub1;
@border:$sub1;
@color:$sub4;
@background-color-hover:$sub2;
@border-hover:$sub2;
@color-hover:$sub4;

// Using variables
a.banner{
	display: inline-block !important;
	background: @background-color !important;
	color: @color !important;
	border: 1px solid @border !important;
	border-radius: 50% !important;
	font-size: 1.25em !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;
	cursor:pointer !important;
	padding: 1.5em 1em !important;
	transition: all 0.2s !important;
}
a.banner:visited{
	background: @background-color !important;
	color: @color !important;
	border: 1px solid @border !important;
	text-decoration: none !important;
}
a.banner:active{
	background: @background-color-hover !important;
	color: @color-hover !important;
	border: 1px solid @border-hover !important;
	text-decoration: none !important;
}
a.banner:hover{
	background: @background-color-hover !important;
	color: @color-hover !important;
	border: 1px solid @border-hover !important;
	text-decoration: none !important;
	opacity: 1 !important;
}

a.banner [class^=bindicon-],
a.banner [class*=" bindicon-"]{
	display: block !important;
	font-size: 2.5em !important;
	margin-bottom: .25em !important;
}
