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

/*

	-- -- -- -- -- -- --
	Resources 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;*/
		margin: 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;*/
		left: 0;
		top: 99.9%;
	}
	.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;
	}
	.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;
	}