/* Menu de navigation - Large
---------------------------------------------------------------------- */
nav.mainNav.large > div > ul { position: relative; }
nav.mainNav.large > div > ul > li { position: static; flex: 1 1; text-align: center; }
nav.mainNav.large > div > ul > li.active { }

nav.mainNav.large .submenu ul li > a { color: var(--nav-sub-txt-color); }

nav.mainNav.large .submenu ul li > a:hover,
nav.mainNav.large .submenu ul li.active > a { color: var(--nav-selected-bg); }

nav.mainNav.large .submenu.level-1 { display: none; position: absolute; left: 0; right: 0; top: 100%; max-height: 220px; background: var(--nav-sub-bg); box-shadow: 3px 3px 25px -10px rgba(0, 0, 0, 0.2); }
nav.mainNav.large > div > ul > li:hover .submenu.level-1 { display: flex; }
nav.mainNav.large .submenu.level-1 > figure > img { display: block; height: 100%; width: 200px; object-fit: cover; }
nav.mainNav.large .submenu.level-1 > ul { display: flex; flex-direction: column; flex-wrap: wrap; padding: 5px; border-width: 0 0 0 3px; border-style: solid; border-color: var(--main-color); }
nav.mainNav.large .submenu.level-1 > ul > li { margin: 10px; }
nav.mainNav.large .submenu.level-1 > ul > li > a { font-weight: bold; font-size: 0.8em; }


nav.mainNav.large .submenu.level-2 { }
nav.mainNav.large .submenu.level-2 > ul { display: flex; flex-direction: column; padding: 5px;  }
nav.mainNav.large .submenu.level-2 > ul > li { }
nav.mainNav.large .submenu.level-2 > ul > li > a { font-size: 0.8em; line-height: 1.4em; }

nav.mainNav.large .responsiveNav {
	background: #fff;
	position: absolute; top: 100%; right: 0;
	display: flex; flex-direction: column;
	width: 200px;
	text-align: right;
	border-bottom: 3px solid var(--main-color);
	height: calc(100vh - 95px);
}
nav.mainNav.large .responsiveNav > li > a { text-align: center; padding: 14px 10px; }
nav.mainNav.large.scroll .responsiveNav > li > a { padding: 14px 10px; }

nav.mainNav.large .responsiveNav .submenu.level-1 { flex-direction: column; max-height: unset; left: unset; right: 200px; width: calc(100vw - 200px); top: 0; box-shadow: unset; height: 100%; }
nav.mainNav.large .responsiveNav .submenu.level-1:after { content: ''; position: absolute; top: 100%; left:0 ; right: 0; height: 3px; background: var(--main-color); }
nav.mainNav.large .responsiveNav .submenu.level-1 > figure { height: 30%; }
nav.mainNav.large .responsiveNav .submenu.level-1 > figure > img { width: 100%; height: 100%; }
nav.mainNav.large .responsiveNav .submenu.level-1 > ul { border-width: 0; overflow: auto; height: 70%; }