menu.share
{
	font-size: 37px;
	box-sizing: border-box;
	display: none;
	z-index: 5;
}

menu.share .share-trigger,
menu.share [role="menuitem"]
{
	backface-visibility: hidden;
	background: transparent;
	color: inherit;
	text-align: center;
	text-decoration: none;
	align-items: center;
	display: flex;
	justify-content: center;
	height: 50px;
	width: 50px;
}

menu.share .share-trigger .uspis-icon,
menu.share [role="menuitem"] .uspis-icon
{
	backface-visibility: hidden;
	transition: transform .25s ease;
}

@media (hover: hover), all and (-ms-high-contrast: none)
{
	menu.share .share-trigger:focus .uspis-icon,
	menu.share [role="menuitem"]:focus .uspis-icon,
	menu.share .share-trigger:hover .uspis-icon,
	menu.share [role="menuitem"]:hover .uspis-icon
	{
		transform: scale(1.4);
	}

}

menu.share .share-trigger
{
	display: none;
}

menu.share.fixed
{
	background: #162338;
	color: #f2f2f2;
	border: #1e293a solid 1px;
	flex-flow: column nowrap;
	position: fixed !important;
	top: 236px;
	right: 0;
	z-index: 6;
	min-height: 75px;
	height: auto;
	width: 75px;
}

menu.share.fixed .share-trigger,
menu.share.fixed [role="menuitem"]
{
	color: #f2f2f2;
	height: 75px;
	width: 75px;
}

menu.share.fixed [role="menuitem"] + [role="menuitem"]
{
	border-top: #1e293a solid 1px;
}

@media only screen and (max-width: 1176px)
{
	menu.share.fixed
	{
		transform: none;
		position: absolute !important;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		min-height: 62px;
		width: 62px;
	}

	menu.share.fixed .share-trigger,
	menu.share.fixed [role="menuitem"]
	{
		font-size: 36px;
		border: none;
		display: flex;
		height: 62px;
		width: 62px;
	}

	menu.share.fixed .share-trigger
	{
		font-size: 32px;
	}

	menu.share.fixed [role="menuitem"]
	{
		width: 51px;
	}

	menu.share.fixed .wrap
	{
		background: #f2f2f2;
		box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px 1px;
		color: #09172d;
		align-items: center;
		display: none;
		flex-flow: row nowrap;
		margin-left: 12px;
		position: absolute;
		top: 0;
		left: 100%;
		height: 62px;
		min-width: 62px;
		width: auto;
	}

	menu.share.fixed .wrap:before
	{
		border-style: solid;
		border-width: 6px 12px 6px 0;
		border-color: transparent #f2f2f2 transparent transparent;
		transform: translateY(-50%);
		position: absolute;
		top: 50%;
		right: 100%;
		height: 0;
		width: 0;
		content: "";
	}

	menu.share.fixed .wrap [role="menuitem"]
	{
		color: #09172d;
		border: 0;
	}

	menu.share.fixed.active .wrap
	{
		display: flex;
		z-index: 5;
	}

}

menu.share.contextual
{
	background: #f2f2f2;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px 1px;
	transform: translate(-50%, -100%);

	color: #09172d;
	align-items: center;
	display: none;
	flex-flow: row wrap;
	margin-top: -12px;
	position: absolute;
	 top: 0;
	 left: 0;
	 z-index: -1;

	height: 50px;
	min-width: 50px;
	width: auto;
}

menu.share.contextual[data-content]
{
	display: flex;
	z-index: 100;
}

menu.share.contextual:before
{
	border-style: solid;
	border-width: 12px 6px 0 6px;
	border-color: #f2f2f2 transparent transparent transparent;
	transform: translateX(-50%);
	position: absolute;
	top: 100%;
	left: 50%;
	height: 0;
	width: 0;
	content: "";
}

menu.share.contextual [role="menuitem"]
{
	color: #09172d;
}

@media only screen and (max-width: 1176px)
{
	menu.share.contextual
	{
		display: none !important;
	}
}

.label-share-link{
	position: relative;
	overflow: hidden;
	height: 0;
	width: 0;
}
[name="share-link"]
{
	position: absolute !important;
	left:-999px;
	top:0;
	height: 1px !important;
	width: 1px !important;
}

.javascript-support menu.share.fixed
{
	display: flex;
}