/* Menu de navigation
---------------------------------------------------------------------- */
nav.mainNav > div > ul > li:hover ul {display:block; max-height: 500px;}

nav.mainNav > div > ul li li {
	position: relative;
	font-size: 0.9em;
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s ease;
	color: var(--nav-txt-color);
	white-space: nowrap;
	width:100%;
}
nav.mainNav > div > ul li li.selected,
nav.mainNav > div > ul li li:hover { background: var(--nav-selected-bg); color: var(--nav-selected-txt-color); }

nav.mainNav > div > ul li li > a,
nav.mainNav > div > ul li li > span { display: block; padding: 14px 8px; color: inherit; text-decoration: none; font-family:'Oswald'; font-size:14px; text-transform:uppercase; }

nav.mainNav > div > ul ul {
	position:absolute; top:100%;
	overflow:hidden;
	max-height: 0px;
	z-index:200;
	background: var(--nav-sub-bg);
	transition: max-height 0.5s ease 0s;
	border-radius: 0 0 6px 6px;
	box-shadow: 3px 3px 15px -5px rgba(0, 0, 0, 0.4);
}

nav.mainNav ul li.openConnect, nav.mainNav ul li.closeConnect { display:inline-flex; margin-left:20px; border:2px solid var(--main-color2); border-radius:50px; padding-left:15px; padding-right:15px; }
nav.mainNav ul li.openConnect span, nav.mainNav ul li.closeConnect a { color:var(--main-color2); display:inline-flex; align-items:center; padding-right:0px; padding-left:0px; padding-top:10px; padding-bottom:10px; font-weight:500; cursor:pointer; }
nav.mainNav ul li.openConnect a .fa-user, nav.mainNav ul li.closeConnect a .fa-user { margin-right:10px; }
nav.mainNav ul li.openConnect img, nav.mainNav ul li.closeConnect a img { margin-right:10px; }
nav.mainNav ul li.openConnect a .fa-power-off, nav.mainNav ul li.closeConnect a .fa-power-off { margin-left:10px; }
@media all and (max-width: 1000px) {
	/* Menu de navigation
	---------------------------------------------------------------------- */
	nav.mainNav .responsiveNav {
		display: block;
		position: absolute;
		top: 100%;
		width: 100%;
		left: 0;
		background: var(--nav-bg);
		box-shadow: 0 15px 25px -10px rgba(0, 0, 0, 0.2);
	}
	nav.mainNav > div > ul ul { display: none; }
	nav.mainNav > div > ul li {display:block; text-align:center; margin:0; border-radius: 0%;}
	nav.mainNav > div > ul > li span { text-align:center; }
	nav.mainNav > div > ul > li:hover ul { display:none; }
	.none {display:none !important;}

	nav.mainNav > div > ul ul.bloc {display: block !important; position: relative !important; top:0px; max-height: unset !important; overflow: inherit !important; box-shadow: none;}
}