/*
 * css per la contact-panel.
 *
 * Copyright (C) 2016 Cleviria SRL - Giuseppe ing. Grosso
 */

body .navigation .menu-header-container
{
	position	: absolute;
	min-width	: 200px;
	background	: rgba(255, 255, 255, 0.95);
    right		: 0px;
    margin-top	: 28px;
    box-shadow	: 0px 1px 8px rgba(0,0,0,0.3);
    z-index		: 9; 
    font-size	: 0;
    opacity		: 0;
    visibility	: hidden; 
}

body .navigation .menu-item:hover .menu-header-container,
body .navigation .menu-item .menu-header-container:hover
{
	opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    z-index: 0;
    visibility: visible; 
}

/* freccia */
body .navigation .menu-header-container .triangle-with-shadow 
{
	position: absolute;
    width: 36px;
    height: 26px;
    overflow: hidden;
    top: -26px;
    right: 24px;	
}

body .navigation .menu-header-container .triangle-with-shadow:after 
{
	content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    background-color: white;
    transform: rotate(45deg);
    top: 18px;
    right: 0px;
    overflow: hidden;
    box-shadow: 0px 1px 8px rgba(0,0,0,0.3);
}

body .navigation .menu-header-container .menu-header-item-container
{
	height		: 48px;
	text-align		: left;
	vertical-align	: middle;  
	white-space		: nowrap;
	padding-right	: 24px;
}

body .navigation .menu-header-container .menu-header-item-container:hover 
{
	background-color: rgb(228, 0, 58);
}

body .navigation .menu-header-container .hreflink:hover + .triangle-with-shadow:after 
{
	background-color: rgb(228, 0, 58);
}

body .navigation .menu-header-container .menu-header-item-container .menu-header-image
{
	height		: 24px;
	width		: 24px;
	background-repeat: no-repeat;
	vertical-align	: middle;
	display			: inline-block;
	margin-left		: 15px;
}

/* custom icone */
body .navigation .menu-header-container .menu-header-item-container .menu-header-image.who
{
	background-image: url("../svg/IconQuestionMark_Default.svg");
}
body .navigation .menu-header-container .menu-header-item-container:hover .menu-header-image.who
{
	background-image: url("../svg/IconQuestionMark_Hover.svg");
}
body .navigation .menu-header-container .menu-header-item-container .menu-header-image.about
{
	background-image: url("../svg/IconAbout_Default.svg");
}
body .navigation .menu-header-container .menu-header-item-container:hover .menu-header-image.about
{
	background-image: url("../svg/IconAbout_Hover.svg");
}
body .navigation .menu-header-container .menu-header-item-container .menu-header-image.mission
{
	background-image: url("../svg/IconMission_Default.svg");
}
body .navigation .menu-header-container .menu-header-item-container:hover .menu-header-image.mission
{
	background-image: url("../svg/IconMission_Hover.svg");
}
body .navigation .menu-header-container .menu-header-item-container .menu-header-image.partnership
{
	background-image: url("../svg/IconPartnership_Default.svg");
}
body .navigation .menu-header-container .menu-header-item-container:hover .menu-header-image.partnership
{
	background-image: url("../svg/IconPartnership_Hover.svg");
}
body .navigation .menu-header-container .menu-header-item-container .menu-header-image.contact
{
	background-image: url("../svg/IconContact_Default.svg");
}
body .navigation .menu-header-container .menu-header-item-container:hover .menu-header-image.contact
{
	background-image: url("../svg/IconContact_Hover.svg");
}
body .navigation .menu-header-container .menu-header-item-container .menu-header-image.blog
{
	background-image: url("../svg/IconBlog_Default.svg");
}
body .navigation .menu-header-container .menu-header-item-container:hover .menu-header-image.blog
{
	background-image: url("../svg/IconBlog_Hover.svg");
}
body .navigation .menu-header-container .menu-header-item-container .menu-header-image.news
{
	background-image: url("../svg/IconNews_Default.svg");
}
body .navigation .menu-header-container .menu-header-item-container:hover .menu-header-image.news
{
	background-image: url("../svg/IconNews_Hover.svg");
}




body .navigation .menu-header-container .menu-header-item-container .menu-header-title
{
	vertical-align	: middle;
	display			: inline-block;   
	margin-left		: 8px;
	font-size		: 14px;  	   
	color			: rgb(41, 71, 102); 
}

body .navigation .menu-header-container .menu-header-item-container:hover .menu-header-title
{
	color			: rgb(255, 255, 255); 
}