/**
	DESKTOP MAIN NAV
*/
header * {
	
}

header nav.nav-desktop {
	height: 7.5rem;
	line-height: 7.5rem;
	border-top: none;
	background-color: white;
	box-shadow: #c6bebe 1px 1px 5px 0;
	z-index: 10000;
}

header nav.nav-desktop img.logo {
	
}

header nav.nav-desktop ul.menu li a:link,
header nav.nav-desktop ul.menu li a:visited {
	padding: 0 1.3rem;
    line-height: 7.5rem;
    color: var(--color-main);
    text-transform: uppercase;
    font-size: 1.3rem;
    background-color: transparent;
    font-weight: 700;
}

header nav.nav-desktop ul.menu li a:hover, 
header nav.nav-desktop ul.menu li a:active {
	color: var(--color-alternative);
}

header nav.nav-desktop ul.menu li.is-active a:link,
header nav.nav-desktop ul.menu li.is-active a:visited {
	color:#000529;
	background: url('/assets/img/caret-down.svg') top center no-repeat;
	background-size: 16px;
}

header nav.nav-desktop ul.menu li.is-active a:hover,
header nav.nav-desktop ul.menu li.is-active a:active {
	color: var(--color-alternative);
}

header nav.nav-desktop ul.menu li:last-child a {
	padding-right: 0;
}

/**
	NAV ICONS (MOBILE)
*/
@media (max-width: 64rem) {
	header nav.nav-desktop {
		height: 5rem;
		line-height: 5rem;	
		box-sizing: content-box;
	}
	header nav.nav-desktop img.logo {
		height: 3.6rem;
		margin-left:0.5rem;
	}
	header nav.nav-desktop .grid-container {
		padding: 0;
	}
}

header nav.nav-desktop ul.menu
{
	justify-content: flex-end;
}

header nav.nav-desktop ul.menu.nav-icons li a,
header nav.nav-desktop ul.menu.nav-icons li
{
	font-size: 1.75rem;
	line-height: 5rem;
	padding: 0;
	width: 5rem;
	text-align: center;
	color:white;
}

header nav.nav-desktop ul.menu.nav-icons li a.bt1 
{
	background-color: #005972;
}

header nav.nav-desktop ul.menu.nav-icons li a.bt2 
{
	background-color: #008ab1;
}

header nav.nav-desktop ul.menu.nav-icons li.bt3 
{
	background-color: var(--color-main);
}
header nav.nav-desktop ul.menu.nav-icons li.bt3 button
{
	color: white;
}

/*icona ricerca header desktop*/
header nav.nav-desktop ul.menu.nav-icons.desktop li a {
    font-size: 1.75rem;
    line-height: 7.5rem;
    padding: 0;
    width: 5rem;
    text-align: right;
    color: var(--color-alternative);
}

header nav.nav-desktop ul.menu.nav-icons.desktop li a.bt1 {
    background-color: #ffffff;
}
/**
	DESKTOP BREADCRUMBS
*/

header nav.nav-alternative
{
	z-index: 900;
}

header nav.nav-alternative,
header nav.nav-alternative ul.breadcrumbs,
header nav.nav-alternative ul.menu,
header nav.nav-alternative ul.breadcrumbs li,
header nav.nav-alternative ul.menu li,
header nav.nav-alternative ul.breadcrumbs li a,
header nav.nav-alternative ul.menu li a
{
 	padding-top: 0;
 	padding-bottom: 0;
	height: 4rem;
	font-size: .9rem;
	line-height: 4rem;
	color: #000529;
	text-transform: none;
}

header nav.nav-alternative ul.breadcrumbs li:last-child
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 75%;
}

header nav.nav-alternative ul.menu li:last-child a {
	padding-right: 0;	
}

header nav.nav-alternative ul.breadcrumbs li a,
header nav.nav-alternative ul.menu li a,
header nav.nav-alternative a:link, 
header nav.nav-alternative a:visited {
	color:var(--color-main);;
	font-weight: 700;
}

header nav.nav-alternative a:hover, 
header nav.nav-alternative a:active {
	color:#a99d9d;
}

header nav.nav-alternative ul.menu li a {
	font-weight: normal;
}

header nav.nav-alternative ul.menu li i.fa {
	display: inline-block;
	padding-right:0.25rem;
}

header nav.nav-alternative ul.menu li a:link, 
header nav.nav-alternative ul.menu li a:visited {
	color: #555;
}

header nav.nav-alternative ul.menu li a:link i.fa, 
header nav.nav-alternative ul.menu li a:visited i.fa {
	color:var(--color-alternative);
}

header nav.nav-alternative ul.menu li a:hover, 
header nav.nav-alternative ul.menu li a:active {
	color:black;
}

/** 
	HERO IMAGE 
	<div style="width:100%; height:calc( 100vh - 100px); background-color: #ccc"></div>
*/

header div.hero {
	width: 100%;
	height: calc( 100vh - 7.5rem);
	background-color: #CCC;
	background-size: cover;
	background-position: center center;
	position: relative;
	transition: background 0.8s ease-out;
}

header div.hero div.hero-bottom {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom:0;
}

header div.hero div.hero-bottom div.hero-scroll {
	color:white;
	font-size: 4rem;
	line-height: 6rem;
}

header div.hero div.hero-bottom ul.hero-social {
	list-style: none;
	margin:0;
	padding: 0;
}
header div.hero div.hero-bottom ul.hero-social li {
	list-style: none;
	padding: 0; 
	margin: 0;
	padding: 0 0.5rem;
	font-size: 2rem;
	display: inline-block;
}

@media (max-width: 64rem) {
	header div.hero {
		width: 100%;
		height: calc( 100vh - 5rem);
		background-color: #999;
	}
	header #hero-anchor {
		margin-bottom: .65rem;
	}	
}