/*
 * PageLines Inc.
 */

body.navbar_fixed {
	.page-canvas {
		padding-top: 50px;
	}
	.fixed_width #page .page-canvas{
		margin-top: 42px;
		padding-top: 0;
	}
}

/*  Basic formatting
 ************************************************************/
.section-navbar {
	z-index: @zindexFixedNavbar;
	margin: 0 auto;
	width: 100%;
	.content-pad{
		padding-top: 5px;
		padding-bottom: 5px;
		.navbar-content-pad{
			padding: 0 15px;
		}
	}

	&.fixed-top{
		position: fixed;
	}
}
// Dont nest, needs to be minimum specificity
.pldrop ul{
	display: none;
}
.navbar{
	.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0, 0, 0, 0.25)");
	color:rgba(255,255,255,.7);
	&.navbar-content-width{
		.border-radius( 4px );
	}
	&.plnav_hover {
		.sub-menu .dropdown-menu {
			position: absolute;
			top: 0;
			left: 100%;
			margin-top: -1px;
			visibility: hidden;
		}
		.dropdown-menu li:hover .sub-menu {
		  	visibility: visible;
		  	margin-top:-6px;
		}
		.dropdown:hover .dropdown-menu {
			margin-top:0;
		  	display: block;
		}
	}
	.navline {
		float: left;
		position: relative;
		left: 0;
		display: block;
		margin: 0 10px 0 0;
		font-size: .9em;

		> .dropdown > .dropdown-menu{
			&:before {
			  content: '';
			  display: inline-block;
			  border-left: 7px solid transparent;
			  border-right: 7px solid transparent;
			  border-bottom: 7px solid #ccc;
			  border-bottom-color: rgba(0, 0, 0, 0.2);
			  position: absolute;
			  top: -7px;
			  left: 9px;
			}
			&:after {
			  content: '';
			  display: inline-block;
			  border-left: 6px solid transparent;
			  border-right: 6px solid transparent;
			  border-bottom: 6px solid #ffffff;
			  position: absolute;
			  top: -6px;
			  left: 10px;
			}
		}
		.caret{
			border-top-color:  rgba(255,255,255,.5);
		}
		&.pull-right {
			float: right;
			position: relative;
			li:last-child .dropdown-menu{
				left: auto;
				right: 0;
				&:before{
					left: auto;
					right: 12px;
				}
				&:after{
					left: auto;
					right: 13px;
				}
				.dropdown-submenu > a:after {
				  	border-width: 5px 5px 5px 0;
					border-right-color: darken(@dropdownBackground, 20%);
				}
				.dropdown-menu {
					left: -100%;
					right: auto;
					margin-left: 0;
					margin-right: -1px;
					.border-radius(6px 0 6px 6px);
				}
			}

		}


		> li {
			display: block;
			float: left;

			> a {
				text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
				&:hover{
					color:rgba(255,255,255,.9);
				}
				float: none;
				display: block;
				padding: 9px 12px 10px;
				line-height: 19px;
				color:#fff; /* IE */
				color:rgba(255,255,255,.8);
				text-decoration: none;
				text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
				&:hover{
					background-color: transparent;
					color:rgba(255,255,255,.9);
					text-decoration: none;
				}
			}
			&.dropdown.open > a{
				color:#fff;
				background: rgba(0, 0, 0, 0.1);
			}
			&.current-menu-item > a {
			  	background-color: rgba(0,0,0,.1);
				color:#ffffff;
				text-decoration: none;
			}
			&.active > a:hover {
				color:rgba(255,255,255,.9);
				  text-decoration: none;
				  background-color: #222222;
			}
		}
	}

	.searchform{
		float: right;
		margin: 7px 0 5px;
		width: auto;
		max-width: 190px;
		.searchfield{
			background-color:rgba(255,255,255,.35);
			border: 1px solid rgba(0,0,0,.7);
			box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
			&:focus{
				background-color:#fff;
				color:#000;
			}
		}
	}
	.plbrand{
		float:left;

		margin: 5px 2% 0 0;
		padding: 0 1%;
		.plbrand-text{
			color:#ffffff;
			font-size: 1.4em;
			line-height: 27px;
		}
		&:hover .plbrand-text{
			color:#EEE;
		}
		&:active .plbrand-text{
			color:#DDD;
		}
		img{
			max-height: 29px;
		}
	}
	&.pl-color-black-trans{
		#gradient > .vertical(rgba(0,0,0,0.8), rgba(0,0,0,0.9));
		border-top: 1px solid rgba(0,0,0,.9);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#222222');
	}
	&.pl-color-red{
		#gradient > .vertical(#ee5f5b, #bd362f);
		border-top: 1px solid #bd362f;
		.searchform .searchfield{
			border: 1px solid #bd362f;
		}
	}
	&.pl-color-blue{
		border-top: 1px solid #4574B8;
		#gradient > .vertical(#6E9ED2, #4574B8);
		.searchform .searchfield{
			border: 1px solid #4574B8;
		}
	}
	&.pl-color-orange{
		#gradient > .vertical(#fbb450, #f89406);
		border-top: 1px solid #f89406;
		.searchform .searchfield{
			border: 1px solid #f89406;
		}
	}
	&.pl-color-grey{
		#gradient > .vertical(#ffffff, #dcdcdc);
		border-top: 1px solid #dcdcdc;
		color: rgba(0,0,0,.5);
		.searchform .searchfield{
			border: 1px solid #ccc;
		}
		.navline{
			> li{
				> a {
					color:rgba(0,0,0,.6);
					text-shadow: 0 1px 0 rgba(255,255,255,1);
					&:hover{
						color:rgba(0,0,0,1);
					}
				}
				&.current-menu-item > a{
					color:rgba(0,0,0,1);
				}
				&.active > a:hover {
					color:rgba(0,0,0,.8);
					background-color: #ddd;
				}
				&.dropdown.open > a{
					text-shadow: 0 1px 0 rgba(255,255,255,1);
					color:#000;
					background: rgba(0, 0, 0, 0.1);
				}
			}

			.caret{
				border-top-color:  rgba(0,0,0,.5);
			}
		}


		.nav-btn-navbar .icon-bar{
			background:rgba(0,0,0,.7);
			box-shadow: 0 1px 0 #fff;
		}
	}
}


// Hide Title on Fixed Crackbar
#navbar.fixed-top {
	.navbar-title {
		display:none;
	}
}

// CrackBar Title Defaults
span.navbar-title {
	display: inline-block;
	color:rgba(255,255,255,0.8);
	margin-top: 8px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.061em;
}
@media (min-width:767px) {
	span.navbar-title{display:none;}
}

/* Buttons with Dropdowns in Posts */
.hentry .btn-group ul {
	margin:0;
	li {
		list-style:none;
	}
}







/* Nav Toggle Responsive
 ************************************************************/
	.nav-btn-navbar {
		display: none;
		float: right;
		position: relative;
		z-index: 50;
		padding: 7px 10px;
		margin: 5px;
		.border-radius(5px);
		#gradient > .vertical(rgba(255,255,255,.1), rgba(0,0,0, .08));
		border: 1px solid rgba(0,0,0,.25);
		border-left: 1px solid rgba(0,0,0,.17);
		border-top: 1px solid rgba(0,0,0,.17);
		box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3);
		&:hover,
		&:active,
		&.active,
		&.disabled,
		&[disabled] {
		  	background-color: rgba(255,255,255,.3);
		}
		&:active,
		&.active {
			box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3);
		  	background-color: rgba(0,0,0,.1);;
		}
		.icon-bar {
			display: block;
			width: 18px;
			height: 2px;
			background-color: #f5f5f5;
			.border-radius(1px);
			box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			+ .icon-bar {
				margin-top: 3px;
			}
		}
	}

.navbar,
.navbar-inner,
.navbar-collapse{
	height:auto;
	overflow: visible;// IE8 FIx
}
.nav-collapse.collapse {
	position: relative;
	height: auto; // this was height:0; but testing height: auto for IE8
	overflow: hidden;
	.transition(height 0.35s ease);
	&.in{
		height: auto;
	}
}



// ************************************************************/
// * Responsive Handling
// ************************************************************/
@media (max-width: 400px) {

.navbar .plbrand img{
	max-width: 210px;
}

}//-- End Media Query --//

@media (max-width: 600px) {

.navbar.navbar-content-width {
	width: 95%;
	margin:0 auto;
}

}//-- End Media Query --//


@media (max-width: 767px){

body.navbar_fixed {
	.page-canvas  {
	  padding-top: 0;
	}
	.fixed_width #page .page-canvas{
		margin-top: 0;
	}
}
.section-navbar{
	&.fixed-top {
		position: static;
		.navbar-inner {
			padding: 5px;
		}
	}
}

#site .navbar{
	.brand {
	    padding-left: 10px;
	    padding-right: 10px;
	    margin: 0 0 0 -5px;
	  }
	.searchform{
		float: none;
		padding: 10px;
	}
	.navline{
		float: none;
		margin: 0 0 9px;
		> li {
			float: none;
			> a {
				margin-bottom: 2px;
				padding: 6px 15px;
				padding: 6px 15px;
				background:transparent;
				color: #fff;
				.border-radius(3px);
				&:hover{
					color: rgba(255,255,255,1);
				    background-color: rgba(0,0,0,.15);
				}
			}
		}
		.nav-header {
			text-shadow: none;
		}
		&.pull-right {
			float: none;
			margin: 0 0 9px;
		}
	}
	.dropdown-menu {
		a {
			padding: 6px 15px;
			padding: 6px 15px;
			background:transparent;
			color: #fff;
			.border-radius(3px);
		}
		li + li a {
			margin-bottom: 2px;
		}
		position: static;
		top: auto;
		left: auto;
		float: none;
		display: block;
		max-width: none;
		margin: 0 15px;
		padding: 0;
		background-color: transparent;
		border: none;
		.border-radius(0);
		box-shadow: none;
		&:before, &:after{
			display: none;
		}
		li > a:hover,
		.active > a,
		.active > a:hover,
		a:hover {
			color: rgba(255,255,255,1);
		    background-color: rgba(0,0,0,.15);
		}
		visibility:visible;
	}
	.nav-collapse {
		overflow: hidden;
		height: 0;
		clear: both;
	}
	.current-menu-item > a{
		color: rgba(255,255,255,1);
		background-color: rgba(0,0,0,.15);
	}
	&.pl-color-grey{
		.navline > li > a,
		.dropdown-menu a{
			color: #000;
		}
		.dropdown-menu{
			li > a:hover,
			.active > a,
			.active > a:hover,
			a:hover{
				color: #000;
				text-shadow: 0 1px 0 rgba(255,255,255,.5);
			}
		}
		.current-menu-item > a,
		.navline > li > a:hover{
			color: #000;
			text-shadow: 0 1px 0 rgba(255,255,255,.5);
		}
	}
	.nav-btn-navbar {
		display: inline-block;
	}

}

} //-- End Media Query --//

@media (min-width:767px) {

	.nav-collapse.collapse {
		height: auto !important;
		overflow: visible !important;
	}

}