/* 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; }

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: 8px;
    box-shadow: 3px 3px 15px -5px rgba(0, 0, 0, 0.4);
    transform: translateX(-50%);
    left: 50%;
}
nav.mainNav > div > ul > li:hover { z-index: 300; }

@media all and (max-width: 1000px) {
	/* Menu de navigation
	---------------------------------------------------------------------- */
	nav.mainNav .responsiveNav {
		display: block;
		position: absolute;
		top: 100%;
		width: 100%;
		left: 0;
		background: rgba(213, 205, 190, 0.9);
		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; background-color: rgba(213, 205, 190, 0.9); border-radius: 0; }
}