/**
 * @package    hubzero-cms
 * @copyright  Copyright (c) 2005-2020 The Regents of the University of California.
 * @license    http://opensource.org/licenses/MIT MIT
 */

/*

	-- -- -- -- -- -- --
	Publications Share plugin CSS
	-- -- -- -- -- -- --

*/

	.metadata .share {
		margin: 1em 0 0.2em 0;
		padding: 0.5em 0 0 0;
		font-size: 90%;
		color: #999;
		border-top: 1px dashed #cccccc;
		position: relative;
		overflow: visible;
	}
	.metadata .share:before {
		content: "\2192";
		font-family: "Fontcons";
		margin-right: 0.2em;
	}
	.shareinfo {
		position: relative;
		margin: -0.5em 0 0.5em 0;
		overflow: visible;
	}
	.shareinfo dd {
		position: absolute;
		overflow: visible;
		left: -999em;
		margin: -37px 0 0 0;
		padding: 15px;
		border: none;
		width: 210px;
		color: #f4f4f4;
		background: #e9e9e9;
		background: rgba(245, 245, 245, 0.9);
		border: 1px solid #ccc;
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		-ms-border-radius: 0.5em;
		-o-border-radius: 0.5em;
		border-radius: 0.5em;
		-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	}
	.shareinfo dd:before,
	.shareinfo dd:after {
		content: "";
		position: absolute;
		top: 2em;
		border: 8px solid transparent;
	}
	.shareinfo dd:before {
		right: -17px;
		border-color: transparent transparent transparent #ccc;
	}
	.shareinfo dd:after {
		right: -16px;
		border-color: transparent transparent transparent rgba(245, 245, 245, 0.9);
	}
	.metadata .shareinfo dd p,
	.shareinfo dd p {
		margin: 0;
		padding: 0 0 1em 0;
		color: #666;
		text-transform: uppercase;
	}
	.shareinfo dd div.clear {
		background: none;
		padding:0;
	}
	.shareinfo.active dt {
		background-color: #fff;
	}
	.shareinfo.active dd {
		left: -250px;
	}
	.shareinfo dt {
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		text-align: right;
		letter-spacing: 1px;
		font-size: 85%;
		line-height: 1em;
		color: #999;
		position: relative;
		display: none;
	}
	.aside ol.sharelinks {
		padding: 0 0 1em 0;
		margin: -1em 0 0 -1em;
		list-style: none;
		z-index: 9999;
		border:none
	}
	.aside ol.sharelinks li {
		border: none;
	}
	.aside ol.sharelinks li span {
		display: inline;
	}
	.share a, .aside ol.sharelinks li a {
		border: none;
	}
	.share a span span {
		display: none;
	}
	.aside ol.sharelinks li a, .aside ol.sharelinks li a:hover {
		border:none;
		display:inline;
		padding:0 0 0 10px;
	}
	.aside ol.sharelinks li a:before {
		display:none;
	}
	.aside ol.sharelinks li a:hover {
		color:#747474;
		border: none;
		background-color:transparent;
		text-decoration:underline;
	}
	.sharelinks li.odd {
		margin: 0.5em;
		display: block;
		margin-left: -1em;
	}
	.sharelinks li.even {
		display: inline;
		margin: -2em 0.5em 0.5em 0.5em;
		position: absolute;
		left: 100px;
	}
	.metadata .share {
		z-index: 1;
	}
	.rankinfo .share a {
		border: none !important;
	}

/* Share Icons */
@font-face {
	font-family: 'Socicons';
	src: url('../../../../../../core/assets/css/fonts/socicons-webfont.eot');
	src: url('../../../../../../core/assets/css/fonts/socicons-webfont.eot?#iefix') format('embedded-opentype'), 
		url('../../../../../../core/assets/css/fonts/socicons-webfont.woff') format('woff'), 
		url('../../../../../../core/assets/css/fonts/socicons-webfont.ttf') format('truetype'), 
		url('../../../../../../core/assets/css/fonts/socicons-webfont.svgz#SociconsRegular') format('svg'), 
		url('../../../../../../core/assets/css/fonts/socicons-webfont.svg#SociconsRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="share_"], [class*=" share_"] {
	border: none;
}
[class^="share_"]:before, [class*=" share_"]:before {
	font-family: 'Socicons';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	content: "";
	width: 16px;
	height: 16px;
	font-size: 16px;
}
.share_twitter:before         { content: "\f010"; color: #46b1e8; }
.share_facebook:before        { content: "\f012"; color: #49659d; }
.share_google:before          { content: "\f014"; color: black }
.share_linkedin:before        { content: "\f016"; color: #2875b7; }
.share_pinterest:before       { content: "\f01a"; color: #ba1325; }
.share_delicious,
.share_delicious {
	background: url("../img/delicious.gif") 0 -18px no-repeat;
}
.share_reddit {
	background: url("../img/reddit.gif") 0 -18px no-repeat;
}