// Buttons

@import "colors.less";

.btn.btn-success {
	color: @green;
	border-color: @green;
}
.btn.btn-success:hover { background-color: fade(@green, 25%); }

.btn.btn-danger {
	color: @red;
	border-color: @red;
}
.btn.btn-danger:hover { background-color: fade(@red, 25%); }

.btn.btn-primary {
	color: @blue;
	border-color: @blue;
}
.btn.btn-primary:hover { background-color: fade(@blue, 25%); }

.btn {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333333;
	background-color: transparent;
	border: 2px solid @black;
	border-bottom-color: @black;
	border-radius: 4px;
	text-shadow: none;
	/* Create Mission: */
	font-family: Avenir-Book;
	font-style: normal;
	color: #333333;
	text-transform: none;
}

.btn-large {
	font-family: Avenir-Black;
	font-size: 18px;
	color: #333333;
	line-height: 20px;
}

.btn:hover {
	background: rgba(0, 0, 0, 0.2);
}

.btn-link {
	border: none;
}

.btn-link:hover {
	border: none;
	background-color: transparent;
}


// btn inverse
button.btn.inverse, input[type="submit"].btn.inverse {
	border: 2px solid @white;
	color: @white;
}

// btn inverse hover
button.btn.inverse:hover, input[type="submit"].btn.inverse:hover {
	background-color: @white;
	border: 2px solid @light-gray;
	color: @black;
}

// btn link inverse
a.btn.btn-link.inverse {
	color: @white;
}

// btn link inverse hover
a.btn.btn-link.inverse:hover {
	color: @white;
	text-decoration: underline;
}

// btn inverse sucess
button.btn.btn-success.inverse, input[type="submit"].btn.btn-success.inverse {
	background-color: lighten(@green, 20%);
	color: @black;
}

// btn inverse sucess hover
button.btn.btn-success.inverse:hover, input[type="submit"].btn.btn-success.inverse:hover {
	background-color: @green;
	color: @black;
	border: 2px solid darken(@green, 20%);
}