// Readable 3.0.3
// Bootswatch
// -----------------------------------------------------

@import url("//fonts.googleapis.com/css?family=Raleway:700");

// Navbar =====================================================================

.navbar {
	font-family: @headings-font-family;
	text-transform: uppercase;

	&-nav > li > a {
		padding-top: @navbar-padding-vertical + 6px;
	}

	&-nav > .active > a,
	&-nav > .active > a:hover {
		text-decoration: underline;
	}

	&-default .navbar-nav > .active > a:hover {
		color: @navbar-default-link-hover-color;
	}

	&-inverse .navbar-nav > .active > a:hover {
		color: @navbar-inverse-link-hover-color;
	}

	&-brand {
		padding-top: @navbar-padding-vertical + 5px;
	}
}

// Buttons ====================================================================

.btn {
	font-family: @headings-font-family;
	text-transform: uppercase;
}

// Typography =================================================================

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

p {
	margin-bottom: 1.4em;
}

// Tables =====================================================================

// Forms ======================================================================

// Navs =======================================================================

.pagination {

	.active > a,
	.active > a:hover {
		border-color: #ddd;
	}

	&-lg > li > a,
	&-lg > li > span {
		padding: 14px 24px;
	}
}

// Indicators =================================================================

.alert {
	a,
	.alert-link {
		color: @alert-success-text;
		text-decoration: underline;
	}
}

// Progress bars ==============================================================

// Containers =================================================================

.panel {

	&-primary,
	&-success,
	&-warning,
	&-danger,
	&-info {
		.panel-heading {
			color: #fff;
		}
	}
}