/* IMPOSTAZIONI GENERALI X TUTTI I MENU */
.menu-cont a.nav-link{
	width: 100%;	 /* voce menu senza caret !!! */
}
.menu-cont a.nav-link1,
.dropdown a.nav-link1,
.dropdown-menu li a.nav-link1{
	width: calc(100% - 25px);	 /* voce menu  + caret  */
	display: inline-block;
}
.menu-cont a.nav-link2,
.dropdown a.nav-link2,
.dropdown-menu li a.nav-link2{
	width: 25px;	 /* caret x voce menu  */
	display: inline-block;
	position: relative;
}
.nav-link1 + .nav-link2{
  /* riduce il padding x caret */
  padding-left: 2px !important;
  /*padding-right: 2px !important;*/
}
header .navbar-nav > li a.nav-link2::after{
	position: absolute;
	right: .6rem;
	top: 1.2rem;
}
.dropdown li{
	margin-bottom: 0;
	font-size: .95rem;
	position: relative;
	padding: .2rem .4rem;
}
.dropdown-menu{
	border: none;
	border-radius: 0;
	margin-top: 0;
	box-shadow: 0 5px 5px 0px rgba(90,90,90,.15);
}
header .navbar-nav .dropdown-menu > li a.nav-link2::after{
	position: relative;
	top: 0;
	right: 0;
	left: 0;
}


/* MENU ALTO - #header-menu1
------------------------------------*/
/*#header-menu1{
	float: right;
}*/
#header-menu1 ul{
	flex-direction: row;
}
/* MENU BASSO - header .navbar
------------------------------------*/
/*#header-menu2{
}*/
#header-menu2 .navbar-nav > li{
	text-transform: uppercase;
}
#header-menu2 .navbar-nav > li.specialclass{
	background-image: url(../sfondi/heart.png);
	background-position: right;
	background-repeat: no-repeat;
}
#header-menu2 .navbar-nav > li.specialclass a{
	padding-right: 2.5rem;
}
#header-menu2 .navbar-nav > li.active::after{
	content: "";
	width: 25px;
	height: 5px;
	background-color: var(--theme-color1-bg);
	position: absolute;
	bottom: 0;
	left: .7rem;
	right: 0;
}


/* MENU header .navbar - FORMATTAZIONI COMUNI
------------------------------------*/
header .navbar-nav > li{
	white-space: nowrap;
}
header .navbar-nav > li:not(.mega-dropdown){
	position: relative;
}
header .navbar-nav > li.li-search::after{
	display: none;
}
header .navbar-nav > ul > li > a::after{
	position: relative;
	right: .2rem;
	margin-left: 0;
}
header ul > li > a:link,
header ul > li > a:visited{
	background-color: transparent;
	color: var(--body-color);
}
header ul > li > .nav-link:hover,
header ul > li > .nav-link:active{
	color: var(--theme-primary);
	/*text-decoration: underline;*/
}
header .navbar-nav ul > li.active > a,
header .navbar-nav .dropdown-menu > li.active > a{
	background-color: transparent;
	color: var(--theme-primary);
}
header .navbar-nav .active > .nav-link{
	/*color: var(--theme-primary);*/
}
header .navbar-nav .dropdown-menu > .active > a,
header .navbar-nav .dropdown-menu > .active > a:focus,
header .navbar-nav .dropdown-menu > .active > a:hover{
	background-color: transparent;
	color: var(--body-color);
}

/*.header-fixed-shrink header .navbar-nav > ul > li > a,
.noslider-fixed-space-default .header.header-sticky header .navbar-nav > ul > li > a{
	color: black;
}
body.editing .header.header-sticky header .navbar-nav > ul > li:hover::after,
.header-fixed .header.header-fixed-shrink header .navbar-nav > ul > li.active > a.nav-link::after{
	bottom: 4px;
}*/

/*Dropdown Submenu*/
header .navbar-nav .dropdown-menu{
	white-space: normal;
	top: calc(100% - 2px);
	box-shadow: 0 5px 5px 0px rgba(90,90,90,0.15);
	min-width: 250px;
	padding: 0;
	text-transform: none;
	/*display: block;*/
}
header .navbar-nav .dropdown-menu li a{
	padding: .4rem .5rem;
	color: var(--body-color);
}
/*header .navbar-nav .dropdown-menu li a:hover,
header .navbar-nav .dropdown-menu li a:active{
	color: black;
}*/
header .navbar-nav .dropdown-menu li:hover,
header .navbar-nav .dropdown-menu li:active{
	background-color: transparent;
}
header .navbar-nav .dropdown-menu li a:hover,
header .navbar-nav .dropdown-menu li a:active{
	color: var(--body-color);
}
header .navbar-nav .dropdown-menu li.active{
	background-color: transparent;
}
header .navbar-nav .dropdown-menu li.active a,
header .navbar-nav .dropdown-menu li.active a:hover{
	color: var(--body-color);
}
/*header .navbar-nav .dropdown-menu.liv2{
	top: calc(100% - 5px);
	top: 0 !important;
   left: 100%;
   margin: 0;
}*/

header .dropdown-item:focus,
header .dropdown-item:hover{
	background-color: transparent;
}
header .dropdown-item{
	padding: .25rem;
}


/* terzo livello */
/*header .navbar-nav .liv1.dropdown-menu > ul.liv2 > li > .dropdown-menu.liv3{
	left: 100%;
	top: -1px;
   margin: 0;
	display: block;
}*/
header ul.dropdown-menu.liv3{
   padding: 0 .8rem .5rem .8rem;
   box-shadow: none;
}
header ul.dropdown-menu.liv3 li a{
	font-size: .95rem;
}

/*Submenu-left*/
header .navbar-nav li.dropdown-left > ul.liv1.dropdown-menu{
	left: auto;
	right: 0;
}
header .navbar-nav li.last .dropdown-menu{
	left: -100%;
}
header .navbar-nav li.dropdown-left > ul.liv1.dropdown-menu > li.dropdown-submenu > ul.liv2{
	left: -100% !important;
}
/* terzo livello - sx */
header .navbar-nav li.dropdown-left .dropdown-submenu > ul.liv2 > li > .dropdown-menu.liv3{
	left: -100%;
}

/* megamenu */
.dropdown.dropdown-fullwidth{
	position: static !important;
}
li.dropdown-fullwidth > ul.liv1.dropdown-menu{
	padding: 40px 0 0 0;
	/*display: block;*/
	background-color: var(--body-bg);
	width: 100%;
	left: 0;
	top: calc(100% - 40px) !important;
}
.dropdown-menu.mega-dropdown-menu{
	width: 100%;
	left: 0;
	/*display: block;*/
	padding: 40px 1rem 2rem !important;
	top: calc(100% - 40px) !important;
}
li.dropdown-fullwidth > ul.liv1.dropdown-menu > li{
	padding: 0;
}
.mega-menu-content{
	padding: 15px;
	background-color: white;
}
.mega-menu-content a{
	padding: .6rem 0 !important;
}
.mega-menu-content h3{
	padding: .8rem 0;
	font-size: 1.1rem;
}
.mega-menu-content ul.list-unstyled.liv2 > li > a{
	line-height: 1.5;
}


/* search */
header .search-open{
	right: 0;
	top: 40px;
	display: none;
	position: absolute;
	background-color: var(--bg-light);
	width: 300px;
}
header .li-search-text{
  	display: none;
  	padding-right: 30px;
}


/* BREAKPOINT - schermo 1200 */
@media (min-width: 1200px) and (max-width: 1399px){
	#header-menu2 .navbar-nav > li{
    margin: 0 !important;
    font-size: .85rem;
  }
}

/* SOLO TABLET E DESKTOP, NO SMARTPHONE!!! */
@media (min-width: 992px){
	#header-menu2{
		order: 2;
	}
	#header-menu2 .navbar-nav > li{
		margin: 0 .4rem;
	}
	#header-menu1 .navbar-nav > li > a,
	#header-menu2 .navbar-nav > li > a{
		padding: .6rem .7rem;
	}
	header .dropdown-item:hover > .dropdown-menu,
	header .dropdown-submenu:hover > .dropdown-menu{
   	display: block;
   	top: -2px !important;
   	left: 100%;
	}
	/* caret left/right */
	header .navbar-nav ul.liv1.dropdown-menu .dropdown-toggle::after{
   	border-top: .3em solid transparent;
		border-left: .3em solid;
		border-bottom: .3em solid transparent;
		border-right: .3em solid transparent;
		vertical-align: inherit;
	}
	header .navbar-nav li.dropdown-left > ul.liv1.dropdown-menu .dropdown-toggle::after{
   	border-top: .3em solid transparent;
		border-right: .3em solid;
		border-bottom: .3em solid transparent;
		border-left: .3em solid transparent;
		vertical-align: inherit;
	}
	header .navbar-nav li.dropdown-submenu{
		white-space: nowrap;
		position: relative;
	}
	header .navbar-nav > ul > li:hover::after,
	header .navbar-nav > ul > li:active::after{
		position: absolute;
		content: '';
		bottom: 5px;
		left: .5rem;
   	width: 60px;
   	border-bottom: 1px solid var(--theme-color2-bg);
	}
	header .navbar-nav ul.dropdown-menu > li:hover::after,
	header .navbar-nav ul.dropdown-menu > li:active::after{
		display: none;
	}
	.header .navbar-nav > li.dropdown:hover > .dropdown-menu{
   	display: block;
	}
}

/* BREAKPOINT LARGE - lg - tablet oriz */
/*@media (min-width: 992px) and (max-width: 1199px){
}*/

/* BREAKPOINT MEDIUM - md - tablet vert */
/*@media (min-width: 768px) and (max-width: 991px){
}*/

/* BREAKPOINT SMARTPHONE - COLLAPSE MENU - xs + sm + md */
@media (max-width: 1199px){
	#header-menu1 .navbar-nav{
		flex-direction: row;
	}
	#header-menu2{
   	height: 100%;
   	min-height: calc(100vh - 80px);
   	padding-top: 1rem;
   	order: 3;
  	}
  	#header-menu2 .navbar-nav > li{
  		font-size: 1.45rem;
  		margin: .4rem 0;
  	}
  	#header-menu2 .dropdown li{
  		font-size: 1.1rem;
  	}
	.navbar-toggler{
		border: none;
		position: absolute;
		top: 1.2rem;
		right: 0;
	}
	.navbar-toggler:focus{
		box-shadow: none;
	}
	header .search-open{
		width: 100%;
	}
}
