/*--------------------------------------------------------------
 # Navigation
 --------------------------------------------------------------*/
/* 
#052935   DARK BLU
#79BCD4   Light BLU
#3E9DC1   Alternative middleBLU*/
/*--------------------------------------------------------------
 ## Links
 --------------------------------------------------------------*/
/*a {
 color: $color__link;
 &:visited {
 color: $color__link-visited;
 }
 &:hover,
 &:focus,
 &:active {
 color: $color__link-hover;
 }
 //&:focus {
 //		outline: thin dotted;
 //	}
 &:hover,
 &:active {
 outline: 0;
 }
 }*/
/*--------------------------------------------------------------
 ## Menus
 --------------------------------------------------------------*/
/*.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cpath stroke='rgba(210, 78, 80, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}*/
.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cpath stroke='#79BCD4' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar button.navbar-toggler {
  border:2px solid #79BCD4;
  display:none;
}

.navbar button.navbar-toggler:hover,
.navbar button.navbar-toggler:active,
.navbar button.navbar-toggler.active,
.navbar button.navbar-toggler:focus {
  border:2px solid #FFFFFF;
}

.navbar button.navbar-toggler:hover .navbar-toggler-icon,
.navbar button.navbar-toggler:active .navbar-toggler-icon,
.navbar button.navbar-toggler.active .navbar-toggler-icon,
.navbar button.navbar-toggler:focus .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cpath stroke='#FFFFFF' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#lang-menu {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 5px;
}
#lang-menu > a {
  position: relative;
  line-height: 29px;
  vertical-align: middle;
  display: inline-block;
}
#lang-menu > a img {
  padding: 7px 8px;
}
#lang-menu > a:hover,
#lang-menu > a:active,
#lang-menu > a.active {
  background: rgba(0, 0, 0, 0.2);
}



.navbar-brand {height:auto;padding:10px 0;}


#firstdiv .navbar-brand,
body.home #firstdiv.scrolled .navbar-brand,
body.home #firstdiv.scrolled #main-menu{
	transform-origin: top left;
	/*padding: 18px 0 12px;*/
}
#firstdiv #logo-and-search .homeForm,
#firstdiv #logo-and-search .widget-title,
#firstdiv #logo-and-search .textwidget,
#firstdiv #logo-and-search .homeform-container {
	transform-origin: top right;
	
}
#firstdiv .navbar-brand,
#firstdiv #main-menu,
#firstdiv #logo-and-search .homeForm,
#firstdiv #logo-and-search .widget-title,
#firstdiv.scrolled #logo-and-search .homeform-container/*,
#firstdiv #logo-and-search .textwidget,
*/ {
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

#firstdiv.scrolled .navbar-brand,
#firstdiv.scrolled #main-menu
/*,#firstdiv.scrolled #logo-and-search .widget-title,
#firstdiv.scrolled #logo-and-search .textwidget,
#firstdiv.scrolled #logo-and-search .homeform-container*/ {
	-ms-transform: scale(0.9, 0.9);
	-webkit-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
}
/*#firstdiv.scrolled #logo-and-search .homeForm {
	-ms-transform: scale(0.95, 0.95);
	-webkit-transform: scale(0.95, 0.95);
	transform: scale(0.95, 0.95);
}*/
#firstdiv.scrolled #logo-and-search .homeform-container {
	-ms-transform: scale(0.92, 0.92);
	-webkit-transform: scale(0.92, 0.92);
	transform: scale(0.92, 0.92);
}
#firstdiv #logo-and-search .ricercaAvanzata,
#firstdiv #logo-and-search .titoloForm {
	display:none;
}
#firstdiv #logo-and-search .widget-title {
	text-align:right;
}
/*#firstdiv.scrolled #logo-and-search .homeForm {
	padding:10px 0;
}*/
#firstdiv #logo-and-search .homeForm {
	padding:20px 0;
}
#firstdiv #logo-and-search .homeForm .divCampi input,
#firstdiv #logo-and-search .homeForm .divCampi select{
	font-size: 0.8em;
    padding: 8px 10px;
	line-height: 1.25;
	height:auto;
}
#firstdiv #logo-and-search .homeForm .divCampi select{
	box-sizing:content-box;
	padding: 7px 10px;
}
#firstdiv #logo-and-search .homeForm .divCampi, 
#firstdiv #logo-and-search .homeForm .divBott{
	margin:0 5px;
}
#firstdiv #logo-and-search .homeForm .divBott button {
	position:relative;
	width:40px;
	overflow:hidden;
}
#firstdiv #logo-and-search .homeForm .divBott button:after {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
}
#firstdiv #logo-and-search .homeForm .divBott button:after{
	height:100%;
	font-family: 'FontAwesome';
	content: "\f002";
	font-size:16px;
	line-height: 1.7;
	background: #FFFFFF;
}
#firstdiv #logo-and-search .homeForm .divBott button:hover:after,
#firstdiv #logo-and-search .homeForm .divBott button:active:after,
#firstdiv #logo-and-search .homeForm .divBott button.active:after{
	color: #FFFFFF;
	background: #79BCD4;
}
#firstdiv #logo-and-search .homeform-container .widget-title {
	color:#79bcd4;
	margin-top:16px;
	padding: 0.5rem 0.75rem;
    font-size: 1.25rem;
	font-weight: 600;
    line-height: 1.25;
}
/*#firstdiv.scrolled #logo-and-search .homeform-container .widget-title {
	margin-top:8px;
}*/
ul li.menu-item {
	margin-bottom: 0px;
}
ul#menu .dropdown-toggle::after,
ul#info-menu .dropdown-toggle::after {
	border-width:0.24em;
	margin-left:10px;
	
}
ul#menu .dropdown .dropdown .dropdown-toggle::after,
ul#info-menu .dropdown .dropdown .dropdown-toggle::after {
	border-top-color:transparent;
	border-bottom: 0.24em solid transparent;
	border-left-color: initial;
}




.dropdown .dropdown-menu,
ul#menu li.menu-item a,
ul#info-menu li.menu-item a{
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}




/*lines between submenu*/
ul#menu .dropdown-menu li a,
ul#info-menu .dropdown-menu li a {
	border-bottom:1px solid rgba(255,255,255,0.20);
}
ul#menu .dropdown-menu li:last-child a,
ul#info-menu .dropdown-menu li:last-child a {
	border-bottom:none;
}

/*align caret (arrow) of the 2nd level menu on the right*/
ul#menu .dropdown-menu li.dropdown a:after,
ul#info-menu .dropdown-menu li.dropdown a:after{   
  position: absolute;
  top: 20px;
  right: 5%;
}



#firstdiv ul.navbar-nav .current-menu-ancestor > a,
#firstdiv ul.navbar-nav > .active > a,
#firstdiv ul.navbar-nav > .active > a:focus,
#firstdiv ul.navbar-nav li.menu-item:active > a,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	color: #FFFFFF !important;
	background-color: #79BCD4;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	color: #FFFFFF;
	background-color: #337ab7;
}





@media (max-width:992px) {
#firstdiv #logo-and-search .homeForm{
		padding-top:0;
	}
}



@media (min-width:767.98px) {
	
	.dropdown>.dropdown-menu {
	  display: block;
	  opacity:0;
	  visibility:hidden;
	}
	
	.dropdown:hover>.dropdown-menu {
	  display: block;
	  opacity:1;
	  visibility:visible;
	}	
	
	.dropdown>.dropdown-menu a{
	  display: none;
	  
	}
	.dropdown:hover>.dropdown-menu a {
	  display: block;
	  
	}
	
	#firstdiv #logo-and-search .widget-title,
	#firstdiv #logo-and-search .textwidget {
		display: inline-block;
		float: left;
		
	}

	.navbar, #firstdiv {
		background: rgba(4,41,52,1);
		margin: 0;
		padding: 0;
		border-bottom:1px solid #2d3e44;
	}
	  
	  
	#firstdiv #navbarNavDropdown {
		height:50px;
		padding:0;
	}
	button.navbar-toggler {
		display:none;
	}
	#firstdiv.scrolled #navbarNavDropdown {
		height:34px;
	}
	#firstdiv #menu,
	#firstdiv #info-menu {
		vertical-align:middle;
	}
	#firstdiv #menu > li > a,
	#firstdiv #info-menu > li > a {
		margin-top:auto;
		margin-bottom:auto;
		line-height:1.3;
		color: rgba(255,255,255,0.5);
		font-weight:300;
	}
	#firstdiv #info-menu > li.coloured-background > a {
		background-color:#3E9DC1;
		color: rgba(255,255,255,1);
		font-weight:400;
	}
	#firstdiv ul.navbar-nav .current-menu-ancestor > a,
	#firstdiv ul.navbar-nav > .active > a,
	#firstdiv ul.navbar-nav > .active > a:hover,
	#firstdiv ul.navbar-nav > .active > a:focus,
	#firstdiv ul.navbar-nav li.menu-item:hover > a,
	#firstdiv ul.navbar-nav li.menu-item:active > a,
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
		color: #FFFFFF !important;
		background-color: #79BCD4;
	}
	
	#firstdiv #info-menu li > a {
		padding: 10px 7px;
		font-size:0.7em;
		
	}
	#firstdiv #menu > li > a/*,
	#firstdiv #info-menu > li > a*/ {
		padding: 4px 16px;
		font-size:1em;
	}
	/*#firstdiv.scrolled #menu > li > a,
	#firstdiv.scrolled #info-menu > li > a {
		padding-top: 7px;
		padding-bottom: 7px;
	}*/
	
	
	ul#menu > li.menu-item > a,
	ul#info-menu > li.menu-item > a {
		color: rgba(255,255,255,0.5);
		font-weight: 400;
	}
	
	
	ul#menu .dropdown-menu,
	ul#info-menu .dropdown-menu {
		background: rgba(0,0,0, 0.8);
		/*display: block;
    	opacity: 0;*/
	}
	ul#menu .dropdown-menu a,
	ul#info-menu .dropdown-menu a{
	  padding:12px 15px;
	}
	ul#menu .dropdown-menu>.active>a,
	ul#menu .dropdown-menu>.active>a:hover,
	ul#menu .dropdown-menu>.active>a:focus,
	ul#menu .dropdown-menu li.menu-item:hover > a,
	ul#menu .dropdown-menu li.menu-item:active > a,
	ul#info-menu .dropdown-menu>.active>a,
	ul#info-menu .dropdown-menu>.active>a:hover,
	ul#info-menu .dropdown-menu>.active>a:focus,
	ul#info-menu .dropdown-menu li.menu-item:hover > a,
	ul#info-menu .dropdown-menu li.menu-item:active > a {
		background: rgba(4, 41, 52, 1);
		border-left:6px solid #3E9DC1;
	}
	
	
	ul#menu li.menu-item > .dropdown-menu,
	ul#info-menu li.menu-item > .dropdown-menu {
		padding:0;
		border-radius: 0;
		border:none;
		margin-top:20px;
		/*border-top:10px solid transparent;*/
	}
	ul#menu li.menu-item:hover > .dropdown-menu,
	ul#info-menu li.menu-item:hover > .dropdown-menu {
		margin-top:0px;
		/*border-top:10px solid transparent;*/
	}
	ul#menu .dropdown .dropdown .dropdown-menu,
	ul#info-menu .dropdown .dropdown .dropdown-menu {
		/*border-top-width:0px;*/
	}
	
	
	
	ul#menu .dropdown-menu li a,
	ul#info-menu .dropdown-menu li a {
		/*display:none;*/
	}
	
	ul#menu .dropdown-menu a,
	ul#info-menu .dropdown-menu a {
		color:rgba(255,255,255,0.8);
		min-width: 250px;
	}
	ul#menu .dropdown-menu li.menu-item-has-children,
	ul#info-menu .dropdown-menu li.menu-item-has-children {
		position: relative;
	}
	ul#menu .dropdown-menu .dropdown-menu,
	ul#info-menu .dropdown-menu .dropdown-menu{
		top:0 !important;
		left:100%;
	}
		
}

@media (max-width: 767.98px) {
	.dropdown > .dropdown-menu:hover,
	.dropdown > .dropdown-menu .dropdown.open.show > .dropdown-menu,
	.dropdown.open.show > .dropdown-menu {
	  display:block;
	}
	.container {
		width:100%;
	}
	.navbar, #firstdiv {
		background: rgba(4,41,52,1);
		border-bottom:1px solid #2d3e44;
		width:100%;
		/*position:relative;*/
	}
	/*#mobile-fixed-wrapper {
		position:fixed;
		z-index:9998;
		width:100%;
	}*/
	.navbar {
		z-index:9999;
	}
	ul#menu >li a,
	ul#info-menu >li a{
		padding-left:10px;
	}
	.navbar-nav .menu-item,
	.dropdown-menu li a,
	.navbar-nav li a {
		line-height: 30px !important;
	}
	ul#menu .dropdown-menu,
	ul#info-menu .dropdown-menu {
		background-color: rgba(0,0,0, 0.5);
		/*display: block;
    	opacity: 0;*/
		
		margin:2px 0;
		padding:0;
		/*margin-left:10px;*/
		border:none;
		-webkit-box-shadow: none;
    	box-shadow: none;
	}
	ul#menu .dropdown-menu .dropdown-menu,
	ul#info-menu .dropdown-menu .dropdown-menu {
		background-color: rgba(0,0,0, 0.8);
	}
	ul#menu .dropdown-menu > li > a,
	ul#info-menu .dropdown-menu > li > a {
	  color:#79BCDA;
	  padding:8px 15px;
	  font-weight:400;
	}
	
	ul#menu .dropdown-menu .dropdown-menu > li > a,
	ul#info-menu .dropdown-menu .dropdown-menu > li > a {
	  padding-left:25px;
	  font-weight:300;
	}
	
	/*ul#menu .dropdown-menu .dropdown-menu > li > a {
		padding-left:20px;
	}*/
	
	
	ul#menu>li>a, ul#menu li.dropdown>a,
	ul#info-menu>li>a, ul#info-menu li.dropdown>a{
		font-weight:600;
	}
	
	
	/*fix the burger menu bar*/
	.navbar{
		position:fixed; 
	 }
	 .navbar-collapse.in {
		height:calc(100vh - 240px);
	}
}








/*lang menu not fixed*/
#lang-menu-wrapper {
	position:absolute;top:0;right:0;width:100%;
}
#lang-menu {
	float:right;
}
#firstdiv {
	top: 30px;
	/*edit js also to match the 30px diff*/
}
#firstdiv.scrolled {
	top: 0;
}


@media (max-width: 768px) {
.navbar {
	position: relative !important;
}
button.navbar-toggler {  
	margin-top:20px;
	border:none;
	align-content:center;
	vertical-align:middle;
}
button.navbar-toggler .navbar-toggler-icon { 
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(5, 41, 33, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
}


@media (max-width:460px) {
.navbar{ 
	min-height:auto; 
	height:auto;
	padding-top:0;
	padding-bottom:0;
	}
	
}