//
// N A V . S T Y L
// General styles for navigations on site
//
nav
	position relative
	z-index 10
	ul
		padding-left 0
		margin 0
.nav
	width 100%
	ul
		list-style-type none
		float left
		margin 0
		padding 0
	li
		list-style-type none
		float left
		outline 0 none
	a
		text-decoration none
		color inherit
		cursor pointer
	span
		text-decoration none
	img
		display inline-block
		float left

.nav--inline
	li
		padding-left $default
		padding-right $default
		color blanco

.nav--primary
	.dropdown
		
		&:hover
		&:focus
			.dropdown-menu
				display block
				opacity 1
	> li
		height 3.125em
		//width calc(90% / 3)
		//flex-basis 30%
		flex 1
		align-self center
		flex-wrap nowrap
		position relative
		> a
			display table
			height 100%
			text-align center
			white-space pre-wrap
			width 100%
			word-break normal
			color blanco
			padding 0 ($default / 2)
			font-size 1.2rem
			//cursor default
			span
				vertical-align middle
				display table-cell
		&:last-child
			//flex-basis 18%
			border 0 none
			color blanco

.toolbar
	.nav--item
		cursor pointer
		
.nav--block
	width 100%
	margin-bottom 0
	li
		width 100%
		float left
		&:last-child
			border 0 none
			margin-bottom $default

// 		li
// 			//border-bottom 1px dotted $bColor_mainNav
// 			width 100%
// 			color inherit
// 			padding-left 2em
// 	.title
// 		//text-transform uppercase
// 		//border-bottom 1px solid $bColor_mainNav
// 		display block
// 		color inherit
// 		text-transform uppercase
// 		margin-bottom $default
// 		&:last-child
// 			border 0 none

.nav--primary > li > a:hover
	color #ffffff!important			
.nav--item
	padding $default
	display inline-block
	float left
	a
		text-decoration none
		color inherit

.nav-mobile
	background-color #af077e
	bottom 0
	display flex
	left 0
	position fixed
	width 100%
	> li
		flex-grow 2
		border-right $borderStyle
		line-height 1em
		&:last-child
			flex-grow 1
			border 0 none
		&.principal
			padding-left 0px
			background-color $bColor_Header_Principal
			.icon
				display none
			span
				display inline-block
				vertical-align middle
				margin-top 5px
				&:first-child
					margin-right 3px
					
@media (min-width : 25.000em)
	.nav-mobile
		> li
			&.principal
				padding-left 12px
				.icon
					font-size 22px
					display inline-block
				
.nav-hide
	-webkit-overflow-scrolling touch
	background-color $bColor_lateralNav
	color blanco
	height calc(100vh - 4.900rem)
	left 0
	padding $default
	position fixed
	bottom 50px
	width 100%
	z-index 10
	hr
		margin $default 0
		border-top-color inherit
	.button
		width 100%
		background-color primary
	.panel:last-child
		.panel-heading
			border 0 none
	.acc
		border-bottom: 1px solid blanco
		background-color transparent
		padding-top $default
		
		.accordion-content
			display none
	
	.nav--block
		height 600px
		overflow-y scroll
		overflow-x hidden
	
	ul
		padding-left 0
			

//-------------
// Up to 768px
//-------------
@media (min-width : 48.000em)
	.nav-desktop
		> li
			height auto
			padding 0.3em
			&:hover
			&:focus
				border-bottom 1px solid secondary
			&.current
				border-bottom 1px solid tertiary
			> a
				padding 0
				font-size 1.4rem
				//color $cColor_AnchorDesktop
		.dropdown-menu
			margin-top 0
			left -6em
			background-color #1f9fe8
			&:before
				border-bottom-color $bColor_mainNavDropdown
			li
				text-align left
				border-bottom $dropdownBorderStyle
				&:last-child
					border-bottom 0 none
				&:hover
				&:focus
				&.current
					background-color lighten($bColor_mainNavDropdown, 25%)
			a
				color blanco
//-------------
// Up to 990px
//-------------
@media (min-width : 61.875em)
	.nav-desktop
		> li
			> a
				padding-left $default
				padding-right $default
				font-size 1.6rem
//-------------
// Up to 1200px
//-------------		
//@media(min-width :75.000em)