/* MENU */
#main-nav-cont{position:fixed;top:0;left:0;display:block;overflow:visible;width:100%;height:auto;margin:0;padding:0;background:rgba(255,255,255,.95);color:inherit;border:0;cursor:auto;z-index:100;transition:transform .3s ease,box-shadow .3s ease;}
body.sticky-active #main-nav-cont{box-shadow:var(--shadow-nav);}
body.hide-nav #main-nav-cont{transform:translateY(-100%);}
#main-nav{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:18px;width:100%;max-width:1440px;margin:0 auto;padding:2px 0;overflow:visible;}
#main-nav:after{display:none;content:none;}
#logo{float:none;padding:5px;line-height:0;}
#logo .ecampus{display:inline-block;width:100%;vertical-align:middle;margin:0;}
#logo img{display:block;width:100%;max-width:180px;height:auto;}
#menu{float:none;display:flex;justify-content:flex-end;overflow:visible;padding:0;margin:0;}
#navigation{position:relative;z-index:20;width:100%;}
#navigation ul{display:flex;justify-content:flex-end;align-items:center;gap:6px;width:100%;margin:0;padding:0;list-style:none;}
#navigation ul li{position:relative;margin:0;padding:0;list-style:none;}
#navigation ul li > a,#navigation ul li > .submenu-toggle{display:block;min-width:0;margin:0;padding:12px 14px;font-size:15px;line-height:1.1;font-weight:700;font-family:'Nunito Sans',sans-serif;text-align:center;text-decoration:none;color:var(--color-primary);background:var(--color-neutral);border:1px solid rgba(0,0,0,.04);border-bottom:4px solid var(--color-primary-soft);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease,color .25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#navigation ul li > a:hover,#navigation ul li > .submenu-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(0,0,0,.10);}
#navigation ul li.m-index > a{min-width:92px;border-bottom-color:var(--color-primary-border);}
#navigation ul li.m-corsi-di-formazione > .submenu-toggle{position:relative;min-width:190px;padding-right:36px;border-bottom-color:var(--color-corsi);}
#navigation ul li.m-formazione-finanziata > a{min-width:190px;border-bottom-color:var(--color-finanziata);}
#navigation ul li.m-corsi-di-alta-formazione > .submenu-toggle{position:relative;min-width:210px;padding-right:36px;border-bottom-color:var(--color-alta-formazione);}
#navigation ul li.m-index > a:hover{border-bottom-color:var(--color-primary);}
#navigation ul li.m-corsi-di-formazione > .submenu-toggle:hover{border-bottom-color:var(--color-corsi);}
#navigation ul li.m-formazione-finanziata > a:hover{border-bottom-color:var(--color-finanziata);}
#navigation ul li.m-corsi-di-alta-formazione > .submenu-toggle:hover{border-bottom-color:var(--color-alta-formazione);}
#navigation ul li.m-corsi-di-formazione > .submenu-toggle:focus{outline:none;}
#navigation ul li.m-corsi-di-formazione > .submenu-toggle:after{content:"";position:absolute;top:50%;right:12px;width:7px;height:7px;margin-top:-5px;border-right:2px solid var(--color-corsi);border-bottom:2px solid var(--color-corsi);transform:rotate(45deg);transition:transform .2s ease,margin-top .2s ease,border-color .25s ease;}
#navigation ul li.m-corsi-di-formazione:hover > .submenu-toggle:after,#navigation ul li.m-corsi-di-formazione.open > .submenu-toggle:after{transform:rotate(-135deg);margin-top:-1px;}
#navigation ul li.m-corsi-di-alta-formazione > .submenu-toggle:focus{outline:none;}
#navigation ul li.m-corsi-di-alta-formazione > .submenu-toggle:after{content:"";position:absolute;top:50%;right:12px;width:7px;height:7px;margin-top:-5px;border-right:2px solid var(--color-alta-formazione);border-bottom:2px solid var(--color-alta-formazione);transform:rotate(45deg);transition:transform .2s ease,margin-top .2s ease,border-color .25s ease;}
#navigation ul li.m-corsi-di-alta-formazione:hover > .submenu-toggle:after,#navigation ul li.m-corsi-di-alta-formazione.open > .submenu-toggle:after{transform:rotate(-135deg);margin-top:-1px;}
#navigation ul li.has-submenu{position:relative;}
#navigation ul li.has-submenu:after{content:"";position:absolute;top:100%;left:0;width:100%;height:10px;}
#navigation ul li.has-submenu > .submenu{position:absolute;top:100%;left:0;display:none;min-width:280px;margin:0;padding:10px;background:var(--color-white);border:1px solid var(--color-corsi-soft);border-radius:12px;box-shadow:0 14px 28px rgba(0,0,0,.14);z-index:50;}
#navigation ul li.has-submenu:hover > .submenu,#navigation ul li.has-submenu.open > .submenu{display:block;}
#navigation ul li.has-submenu > .submenu li{display:block;width:100%;margin:0 0 8px 0;padding:0;float:none;}
#navigation ul li.has-submenu > .submenu li:last-child{margin-bottom:0;}
#navigation ul li.has-submenu > .submenu li a{display:block;width:100%;margin:0;padding:12px 14px;font-size:15px;line-height:18px;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-corsi-soft)!important;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);box-sizing:border-box;transition:transform .18s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease,color .25s ease;}
#navigation ul li.has-submenu > .submenu li a:hover{transform:translateY(-2px);box-shadow:0 10px 18px rgba(0,0,0,.14);background:var(--color-button-alt-soft);color:var(--color-corsi);}
#navigation ul li.m-corsi-di-alta-formazione.has-submenu > .submenu li a:hover{color:var(--color-alta-formazione);}

/* SUBMENU AREA */
p.submenu_area{position:absolute;left:18px;bottom:-21px;width:100%;margin:0;font-size:11px;line-height:1;font-weight:700;color:rgba(255,255,255,0.80);pointer-events:none;}
p.submenu_area:empty{display:none;}
.btn-responsive-menu{display:none;position:absolute;top:12px;right:10px;padding:5px;background:var(--color-text);cursor:pointer;z-index:120;}
.icon-bar{display:block;width:20px;height:3px;margin:5px;background:var(--color-white);border-radius:2px;}

/* ACTIVE DESKTOP */
#navigation ul > li.active > a,#navigation ul > li.active > .submenu-toggle{color:var(--color-white);box-shadow:0 6px 12px rgba(0,0,0,.10);}
#navigation ul > li.m-index.active > a{background:var(--color-primary-bg-strong);border-bottom-color:var(--color-primary-border);}
#navigation ul > li.m-corsi-di-formazione.active > .submenu-toggle{background:var(--color-corsi);border-bottom-color:var(--color-corsi);}
#navigation ul > li.m-corsi-di-formazione.active > .submenu-toggle:after{border-right-color:var(--color-white);border-bottom-color:var(--color-white);}
#navigation ul > li.m-formazione-finanziata.active > a{background:var(--color-finanziata);border-bottom-color:var(--color-finanziata);}
#navigation ul > li.m-corsi-di-alta-formazione.active > .submenu-toggle{background:var(--color-alta-formazione);border-bottom-color:var(--color-alta-formazione);}
#navigation ul > li.m-corsi-di-alta-formazione.active > .submenu-toggle:after{border-right-color:var(--color-white);border-bottom-color:var(--color-white);}
#navigation ul > li.has-submenu .submenu li.active > a,#navigation ul > li.has-submenu .submenu a.active{font-weight:800;color:var(--color-corsi);border-color:var(--color-corsi)!important;border-width:2px!important;box-shadow:0 4px 10px rgba(0,0,0,.08);}
#navigation ul > li.m-corsi-di-alta-formazione.has-submenu .submenu li.active > a,#navigation ul > li.m-corsi-di-alta-formazione.has-submenu .submenu a.active{font-weight:800;color:var(--color-alta-formazione);border-color:var(--color-alta-formazione)!important;border-width:2px!important;box-shadow:0 4px 10px rgba(0,0,0,.08);}


/* RESPONSIVE 992 */
@media (max-width:992px){
	.btn-responsive-menu{position:absolute;display:block;overflow:hidden;width:auto;height:auto;margin:0;padding:5px;background:var(--color-text);color:var(--color-white);border:0;cursor:pointer;z-index:220;top:12px;right:10px;}
	#main-nav{position:relative;display:block;width:100%;padding:6px 0;overflow:visible;}
	#menu{position:static;display:block;overflow:visible;width:100%;height:auto;margin:0;padding:0;background:none;color:inherit;border:0;cursor:auto;z-index:auto;float:none;}
	#navigation{position:absolute;display:block;overflow:hidden;width:100%;max-width:none;min-width:0;height:auto;max-height:0;margin:0;padding:0 10px;background:rgba(255,255,255,.44);top:100%;left:0;opacity:0;transform:translateY(-8px);box-shadow:0 10px 24px rgba(0,0,0,.12);transition:max-height .35s ease,opacity .25s ease,transform .25s ease,padding .25s ease;float:none;z-index:200;}
	#navigation.show{overflow-y:auto;overflow-x:hidden;width:100%;max-height:75vh;padding:10px 10px 0 10px;opacity:1;transform:translateY(0);}
	#navigation ul{display:block;width:100%;margin:0;padding:0;list-style:none;gap:0;box-sizing:border-box;}
	#navigation ul li{display:block;width:100%;margin:0;padding:0;list-style:none;box-sizing:border-box;}
	#navigation ul li > a,#navigation ul li > .submenu-toggle{position:static;display:block;overflow:visible;width:100%;height:auto;min-width:0;margin:0 0 8px 0;padding:12px 14px;font-size:16px;font-weight:600;line-height:1.2;font-style:normal;letter-spacing:normal;text-transform:none;text-decoration:none;text-align:left;background:var(--color-neutral);color:var(--color-primary);border:0;cursor:pointer;z-index:auto;box-sizing:border-box;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);transform:none;}
	#navigation ul li > a:hover,#navigation ul li > .submenu-toggle:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.06);}
	#navigation ul li.m-index > a{border-bottom:4px solid var(--color-primary-border);}
	#navigation ul li.m-corsi-di-formazione > .submenu-toggle{min-width:0;padding:12px 42px 12px 14px;border-bottom:4px solid var(--color-corsi);}
	#navigation ul li.m-formazione-finanziata > a{min-width:0;border-bottom:4px solid var(--color-finanziata);}
	#navigation ul li.m-corsi-di-alta-formazione > .submenu-toggle{min-width:0;padding:12px 42px 12px 14px;border-bottom:4px solid var(--color-alta-formazione);}
	#navigation ul li.m-corsi-di-formazione > .submenu-toggle:after{right:16px;width:8px;height:8px;margin-top:-6px;}
	#navigation ul li.m-corsi-di-alta-formazione > .submenu-toggle:after{right:16px;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--color-alta-formazione);border-bottom:2px solid var(--color-alta-formazione);}
	#navigation ul li.has-submenu:hover > .submenu{display:none;}
	#navigation ul li.has-submenu > .submenu{position:static;display:none;width:100%;min-width:0;margin:-2px 0 8px 0;padding:4px 0 0 0;background:none;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;}
	#navigation ul li.has-submenu.open > .submenu{display:block;}
	#navigation ul li.has-submenu > .submenu li a{display:block;width:100%;margin:0 0 6px 0;padding:12px 14px 12px 18px;font-size:15px;font-weight:600;line-height:18px;text-decoration:none;white-space:normal;background:var(--color-white);color:var(--color-text);border:1px solid var(--color-corsi-soft)!important;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);box-sizing:border-box;}
	
/* ACTIVE MENU MOBILE */
#navigation ul li.m-index.active > a{color:var(--color-white);border-bottom:4px solid var(--color-primary-border);background:var(--color-primary-bg-strong);}
#navigation ul li.m-corsi-di-formazione.active > .submenu-toggle{color:var(--color-white);border-bottom:4px solid var(--color-corsi);background:var(--color-corsi);}
#navigation ul li.m-corsi-di-formazione.active > .submenu-toggle:after{border-right:2px solid var(--color-white);border-bottom:2px solid var(--color-white);}
#navigation ul li.m-formazione-finanziata.active > a{color:var(--color-white);border-bottom:4px solid var(--color-finanziata);background:var(--color-finanziata);}
#navigation ul li.m-corsi-di-alta-formazione.active > .submenu-toggle{color:var(--color-white);border-bottom:4px solid var(--color-alta-formazione);background:var(--color-alta-formazione);}
#navigation ul li.m-corsi-di-alta-formazione.active > .submenu-toggle:after{border-right:2px solid var(--color-white);border-bottom:2px solid var(--color-white);}
#navigation ul li.has-submenu .submenu li.active > a,#navigation ul li.has-submenu .submenu a.active{font-weight:800;color:var(--color-corsi);border-color:var(--color-corsi);border-width:2px!important;box-shadow:0 4px 10px rgba(0,0,0,.08);}
#navigation ul li.m-corsi-di-alta-formazione.has-submenu .submenu li.active > a,#navigation ul li.m-corsi-di-alta-formazione.has-submenu .submenu a.active{color:var(--color-alta-formazione);border-color:var(--color-alta-formazione);}
}

/* RESPONSIVE 620 */
@media (max-width:620px){
#logo img{max-width:160px;}
}