// Import Bootstrap
// No need to include bootstrap, there's already a minified version available
//@import "less/bootstrap.less";

// Fonts
// ChunkFive
@fonts-path: 'fonts';
@font-face {
    font-family: 'ChunkFive';
    src: url('@{fonts-path}/chunkfive/chunkfive-webfont.eot');
    src: url('@{fonts-path}/chunkfive/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('@{fonts-path}/chunkfive/chunkfive-webfont.woff') format('woff'),
         url('@{fonts-path}/chunkfive/chunkfive-webfont.ttf') format('truetype'),
         url('@{fonts-path}/chunkfive/chunkfive-webfont.svg#chunkfiveroman') format('svg');
    font-weight: normal;
    font-style: normal;
}


@DeepRed: #ca382f;
@WarmOrange: #e77b24;
@DarkGray: #333;

.logo-letter,
.logo-text {
	color: white;
	font-family: ChunkFive;
	text-shadow: -1px 0 @DeepRed, 0 1px @DeepRed, 1px 0 @DeepRed, 0 -1px @DeepRed;
	font-size: 36px;
	margin-left: 10px;
	text-decoration: none !important;

	&:hover {
		color: white;
	}

	.glyphicon {
		font-size: 75%;
	}

	.W {
		color: @WarmOrange;
	}
}

.logo-letter {
	margin: 0 10px;
}

#footer {
	nav {
		min-height: 0px;
		padding: 4px 10px;

		a {
			color: white;
		}
	}
}

.main-content {
	margin-top: 70px;

	#content-footer-filler {
		height: 40px;
	}
}

.navbar-inverse {
	background-color: @DeepRed;
	border-color: @DeepRed;

	form {
		border: none;
		padding: 0;
	}
}

.btn-primary {
	background-color: @DeepRed;
	border-color: black;
}

a {
	color: @WarmOrange;
}

.container {
	.whissper-info {
		background-color: transparent;
		padding: 10px 0;
		color: @WarmOrange;
		margin: 0 0 10px 0;

		h3 {
			margin: 0;
			padding: 0;
		}
	}

	#lifespan-label {
		padding: 6px 12px;
		display: inline-block;
	}

	#post-result {
		// Hide by default
		display: none;

		margin-top: 20px;
		border: 1px solid silver;
		border-radius: 6px;
		padding: 20px;

		p {
			margin: 0;
			padding: 0;
		}

		&.success {
			border-left: 4px solid green;
		}
		&.error {
			border-left: 4px solid maroon;
		}
		&.inform {
			border-left: 4px solid navy;
		}
	}

	#search-headers {
		margin: 20px 0 0 0;
		div {
			display: none;
		}
	}

	#search-results-wrapper {
		display: none;
		margin-top: 10px;
		padding: 0;

		.nav-tabs {
			margin-bottom: 1px;
			border: none;

			>li {
				>a,
				>a:hover,
				>a:focus {
					background: none;
					border: none;
					padding: 0 4px 6px 4px;
				}

				&.active {
					a {
						text-decoration: underline;
					}
				}
			}
		}

		.message.result {
			border: 1px solid silver;
			border-radius: 6px;
			padding: 10px;
			margin-bottom: 4px;

			p {
				margin: 0;
			}
		}
	}

	#message-template {
		display: none;
	}
}