/*!
 * Keystone v1.0
 *
 * Copyright 2013 Jed Watson
 * Licensed under The MIT License
 * http://opensource.org/lzicenses/MIT
 *
 * Designed and built with all the love in the world by @jedwatson
 */



//
// Header
// --------------------------------------------------
.navbar {
	margin-bottom: 0;
}
#header {

	.container {
		position: relative;
	}
	// no longer relevant
	// .navbar-headernav-hide {
	// 	display: none !important;
	// 	visbility: hidden !important;
	// }

	// back arrow
	.navbar-backtobrand-trigger {
		.opacity(0);
		.transition( opacity 160ms linear );
		color: @navbar-default-link-color;
		left: @navbar-padding-horizontal * -2;
		padding: @navbar-padding-vertical @navbar-padding-horizontal;
		position: absolute;
		text-decoration: none;

		&:hover {
			color: @navbar-default-link-hover-color;
		}
	}
	// show on hover
	&:hover .navbar-backtobrand-trigger {
		opacity: 1;
	}
	.navbar-backtobrand-message {
		.transition( ~"opacity 200ms linear, visibility 200ms linear" );
		background-color: @navbar-default-bg;
		font-size: @font-size-large;
		height: @navbar-height;
		line-height: @navbar-height;
		position: absolute;
		width: 100%;
		z-index: @zindex-navbar;
		opacity: 0;
		visibility: hidden;

		&.active {
			opacity: 1;
			visibility: visible;
		}
	}
}

//
// Typography
// --------------------------------------------------
.code {
	font-family: @font-family-monospace;
}

//
// Dashboard lists
// --------------------------------------------------

.keystone-lists {
	// display: flex; // put this back when it's opt-in
	flex-wrap: wrap;
}
.nav-section {
	flex-basis: 100%;
	margin-bottom: 2em;

	h3 {
		font-weight: normal;
	}
	ul {
		.list-unstyled();
		line-height: 2em;
	}
	li {
		font-size: 1.8em;
		margin-bottom: .66em;
	}

	@media (min-width: @screen-sm) { flex-basis: 50%; }
	@media (min-width: @screen-md) { flex-basis: 33%; }
	@media (min-width: @screen-lg) { flex-basis: 25%; }
}

//
// Overrides
// --------------------------------------------------
.no-border {
	border: none !important;
}





//
// Body
// --------------------------------------------------
#body {
	margin-top: 20px;
}


//
// Home Page
// --------------------------------------------------
.keystone-lists h3 {
	margin-bottom: 10px;
}


//
// Footer
// --------------------------------------------------
#footer {
	font-size: @font-size-small;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-top: 60px;
	// text-align: center;
	border-top: 1px solid @gray-lighter;

	p {
		color: @gray-light;
	}

	ul a {
		color: @gray;
	}
}