@import url('../config.header.php');


// =============================================================
// =============================================================
// ESTRUTURAÇÂO

header{

	padding: @padding-header; 
	background-color: @bg-header;
	background-image: url(@bg-img-header);
	background-size: cover;
	background-position: top center;
	width: 100%;

	nav{
			background-color: @nav-bg-color !important;

		.logo-principal{
			height: calc( @logo-height - 15px );
		}

        // BRAND - Logo
		.navbar-brand{
				color: @text-navbar-brand;
				position: absolute;
				z-index: 10;
		}

		//NAVBAR
		.navbar-nav{

			padding: @padding-navbar-nav;
			margin: @margin-navbar-nav;
			width: 100%;

			//ESTRUTURA LI
			.nav-item{

				list-style: none;
				padding: @padding-nav-item;
				float: none !important;
				width: 100%;
				margin: @margin-nav-item-mod-5 !important;
	            border-radius: @nav-item-border;

			   // LI HOVER
			   &:hover,
			   &:focus{
			   	  background-color: @bg-nav-item;
			   }

				// ESTRUTURA LINK "A"
				.nav-link{
	               
	               padding: @padding-nav-link; 
	               color: @text-nav-item;

	               // A HOVER
				   &:hover,
				   &:focus{
				      color: @text-nav-link-hover;
				   }

				}
			}

			//ESTRUTURA LI HOVER ATIVO
			.nav-item.active{
				background-color: @bg-nav-item-active;

				//ESTRUTURA LI ATIVO
				.nav-link{
				   color: @text-nav-item-active;

				   //A HOVER ATIVO
				   &:hover,
				   &:focus{
				       color: @text-nav-item-active-hover;
				   }
				}
			}
		}

	}

}