/* Menu de navigation - Large
---------------------------------------------------------------------- */
nav.mainNav.large > div > ul { position: relative; }
nav.mainNav.large > div > ul > li { position: relative; }
nav.mainNav.large > div > ul > li.active { background-color: #00467a; color:#FFF; font-weight:normal; }
nav.mainNav.large > div > ul > li.cat3015 { background-color: var(--alt-color); color:#FFF; font-weight:normal; }
nav.mainNav.large > div > ul > li:last-child { background-color:var(--main-color-light-1); transition:300ms; }
nav.mainNav.large > div > ul > li:last-child.active a { color:#FFF; }

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 ul li.cat3015 > a { color: var(--nav-selected-bg); }

nav.mainNav.large > div > ul > li:last-child:hover { background-color:var(--main-color-light-1); color:#FFF; }
nav.mainNav.large > div > ul > li:last-child.active:hover a { color:#FFF; }

nav.mainNav.large .submenu.level-1 { display: none; position: absolute; left: -3px; /* right: 0; */ border-bottom:1px solid #dbf1fb; top: 100%; /* max-height: 220px; */ background:#FFF; 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: 0px; border-width: 0 0 0 3px; border-style: solid; border-color: var(--main-color-dark-1); }
nav.mainNav.large .submenu.level-1 > ul > li { margin: 0px; }
nav.mainNav.large .submenu.level-1 > ul > li > a { font-weight: normal; font-size: 0.8em; padding:16px 12px; display:block; border-bottom:1px solid #bfe5f6; text-wrap:nowrap; font-size:16px; font-size:14px; transition:300ms; padding-right:22px; padding-left:12px; }
nav.mainNav.large .submenu.level-1 > ul > li:last-child a { border-bottom:0px; }
nav.mainNav.large .submenu.level-1 > ul > li > a:hover { background-color:var(--alt-bg); color:#FFF; padding-left:22px; padding-right:12px; }

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: var(--nav-bg);
	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-dark-1); }
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%; }


@media screen and (max-width: 1200px) {

	nav.mainNav.large .responsiveNav { width:100%; }

}
@media screen and (max-width: 1000px) {

	nav.mainNav.large .responsiveNav .submenu.level-1 { display:block; position:static; width:100%; height:auto; }
	nav.mainNav.large .responsiveNav .submenu.level-1 > ul { height:auto; }
	nav.mainNav.large .responsiveNav .submenu.level-1 > ul > li > a { text-align:center; }
	nav.mainNav.large .responsiveNav > li > a { padding:10px; }
	nav.mainNav.large .submenu.level-1 > ul > li > a { padding:10px 12px; }
	nav.mainNav.large .responsiveNav .submenu.level-1:after { display:none; }

}