/**
 * @package     hubzero-cms
 * @file        components/com_blog/assets/css/blog.css
 * @copyright   Copyright 2005-2015 HUBzero Foundation, LLC.
 * @license     http://opensource.org/licenses/MIT MIT
 */

/*

	-- -- -- -- -- -- --
	com_blog CSS
	-- -- -- -- -- -- --

*/
	.com_blog .subject h3 {
		font-size: 115%;
		text-transform: uppercase;
		letter-spacing: 0.15em;
		border-bottom: 1px solid #ccc;
		border-bottom: 1px solid rgba(0, 0, 0, 0.15);
		padding: 0 0 0.618em 0;
	}

/* Entries listing */
	.blog-entries {
		margin: 0;
	}
	.blog-entries h4 {
		margin: 0 0 0.5em 0;
		line-height: 1;
	}
	.blog-entries p {
		margin-bottom: 0;
	}
	.blog-entries article {
		position: relative;
	}
	.blog-entries article>*:first-child {
		margin-top: 0;
		padding-top: 0;
	}

	dl.entry-meta {
		margin: 0.5em 0;
		padding: 0;
		color: #999;
		font-size: 0.85em;
	}
	.blog-entries dl.entry-meta {
		font-style: italic;
	}

	/* Metadata */
	dl.entry-meta dt {
		display: none;
	}
	dl.entry-meta dd {
		margin: 0 1.5em 0 0;
		padding: 0;
		display: inline;
	}
	dl.entry-meta dd a {
		border: none;
		color: #999;
	}
	dl.entry-meta dd a:hover {
		color: #111;
		border-bottom: 1px solid #111;
	}

/* Entry */
	div.entry {
		margin: 0 0 2em 0;
		padding: 0;
	}
	div.entry dl.entry-meta {
		margin: 1em 0 2em 0;
		padding: 0.618em 1em;
		background: #eee;
		position: relative;
	}
	div.entry .entry-content {
		margin: 0;
		padding: 0;
		background: transparent;
		border: none;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		    -ms-box-shadow: none;
		     -o-box-shadow: none;
		        box-shadow: none;
	}
	div.entry .entry-content:before,
	div.entry .entry-content:after {
		display: none;
	}

	h2.entry-title {
		font-weight: normal;
		letter-spacing: 1px;
		position: relative;
		border: none;
		color: #333;
		margin-top: 0;
	}

	.entry-options .edit,
	.entry-options .delete {
		display: block;
		width: 1em;
		height: 1em;
		font-size: 1.2em;
		line-height: 1;
		overflow: hidden;
		border: none;
		top: 0;
		right: 0;
		position: absolute;
		color: #bbb;
		font-style: normal;
	}
	.entry-options .edit:hover,
	.entry-options .delete:hover {
		border: none;
	}
	.entry-options .edit,
	.entry-options .delete {
		font-size: 1.8em;
		top: 0.4em;
	}
	.entry-options .edit:before,
	.entry-options .delete:before{
		margin-right: 1em;
		font-weight: normal;
	}

	.entry-options .edit:hover {
		color: #222;
	}
	.entry-options .delete:hover {
		color: red;
	}
	.entry-options .delete {
		right: 1.5em;
	}
	.no-comments {
		font-style: italic;
		color: #aaa;
	}
/* Entry author */
	.entry-author {
		margin: 30px 0;
		padding: 30px;
		background: #f1f1f1;
	}
	.entry-author h3 {
		margin: 0 0 30px 0;
	}
	.entry-author h4 {
		font-size: 1.2em;
		padding: 0;
		margin: 0;
	}
	.entry-author h4 a {
		color: #333;
		border: none;
	}
	.entry-author-photo {
		margin: 0 1em 0 0;
		padding: 0;
		float: left;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
		    -ms-border-radius: 50%;
		        border-radius: 50%;
		width: 50px;
		height: 50px;
		overflow: hidden;
	}
	.entry-author-photo img {
		margin: 0;
		padding: 0;
	}
	.entry-author-content {
		padding: 0;
		margin: 0 0 0 75px;
	}
/* Sections */
	.section h3 .feed {
		float: right;
		margin-right: 270px;
	}
/* File manager */
	iframe {
		border: 1px solid #fff;
		border-top: 1px solid #ddd;
		margin: 0;
		padding: 0;
	}
	body#attachments,
	body#attachments form,
	body#attachments fieldset {
		background: #fff;
		margin: 0;
		padding: 0;
		border: none;
	}
	body#attachments iframe {
		border: 1px solid #ddd;
		margin: 0;
		padding: 0;
	}
	body#attachments h1 {
		font-size: 1em;
		background: #aaa;
		color: #fff;
		margin: 0 1.5% 0 0;
		padding: 0.2em 0.5em;
		border: 1px solid #aaa;
	}
	#files-header {
		margin: 0;
		padding: 1em 1em 0.4em 1em;
		font-size: 85%;
	}

	#hubForm .submit input,
	#hubForm .submit a {
		display: inline-block;
		*display: inline;
		vertical-align: baseline;
	}
	#hubForm .submit a {
		margin-left: 2em;
	}

	.entry-content ul,
	.entry-content ol {
		padding: 0;
		margin: 0 0 1em 0;
	}
	.entry-content ul {
		list-style-type: disc;
	}
	.entry-content ol {
		list-style-type: decimal;
	}
	.entry-content li {
		padding: 0;
		margin: 0em 0 0em 2em;
	}
	.entry-content ul li {
	}
	.entry-content dd {
		color: #888;
	}
	.entry-content table {
		border: 2px solid #ccc;
		width: auto;
	}
	.entry-content table td,
	.entry-content table th {
		border: 1px solid #ccc;
		margin: 0;
		padding: 0.2em 0.4em;
	}
	.entry-content blockquote {
		margin: 2em 0 2.5em 0;
		padding: 5px 0 5px 10px;
		border-left: 2px solid #ccc;
	}
	.entry-content blockquote:before {
		display: none;
	}

	.entry-content tt,
	.entry-content code {
		display: inline-block;
		color: #666;
		border: 1px solid #ddd;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
		padding: 0 0.3em;
		background: #fafafa;
	}

	.entry-content hr {
		border-top: 1px solid #ccc;
		background-image: none;
		height: 1px;
		width: auto;
		visibility: visible;
		display: block;
	}

	.entry-content td {
		background-color: #fff;
	}
	.entry-content th {
		background-color: #f7f7f7;
	}
	.entry-content hr {
		clear: left;
	}

	.entry-content fieldset {
		border: 1px solid #ccc;
		background: #fff;
		margin: 1em -18px;
		padding: 1em;
	}
	.entry-content fieldset legend {
		margin: 0 1em;
		padding: 0 1em;
	}

/* Figures */
	.entry-content .figure {
		display: inline-block;
		background: #efefef;
		border: 1px solid #e1e1e1;
		padding: 4px;
	}
	.entry-content .figure img {
		margin: 0;
		padding: 0;
		background: transparent;
		text-align: center;
		display: block;
	}
	.entry-content .figure a {
		border: none;
	}
	.entry-content .figcaption {
		display: block;
		margin: 0;
		padding: 0.5em 0;
		background: #efefef;
		font-size: 0.85em;
	}

	#attachments .delete {
		width: 1em;
		overflow: hidden;
		display: block;
		white-space: nowrap;
	}

/* Share to social medias */
.share {
	margin: 1em 0 0.2em 0;
	padding: 0.5em 0 0 0;
	font-size: 90%;
	position: relative;
	overflow: visible;
	width: fit-content;
	margin-left: auto;
}
.share:before {
	content: "\f08e";
	font-family: "Fontcons";
	margin-right: 0.2em;
}

/* 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;
	content: "";
	width: 16px;
	height: 16px;
	font-size: 16px;
}
.share_twitter:before { 
	content: "𝕏";
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.9);
	border-radius: 5px;
	padding: 0.5px;
	width: 28px;
    height: 30px;
    font-size: xx-large;
}
.share_facebook:before {
	content: "\f012";
	color: #304879;
	font-size: xx-large;
	line-height: initial;
	font-size: 39px;
	margin-top: -1.8px;
	margin-right: 13px;
	margin-left: 5px;
}

.share_google:before {
	content: "\f014";
	color: black;
	font-size: xx-large;
	line-height: initial;
	font-size: 39px;
	margin-top: -1.7px;
	margin-right: 18px;
	margin-left: 5px;
}
.share_linkedin:before {
	content: "\f016";
	color: #2875b7; 
	font-size: xx-large;
	line-height: initial;
	font-size: 39px;
	margin-top: -1.7px;
	margin-right: 18px;
	margin-left: 5px;
}
.share_pinterest:before       { content: "\f01a"; color: #ba1325; }
.share_email:before {
	content: "✉️";
	width: auto; 
	height: auto; 
	font-size: 38px; 
	margin-top: 2px; 
}
/* .share_delicious,
.share_delicious {
	background: url("../img/delicious.gif") 0 -18px no-repeat;
}
.share_reddit {
	background: url("../img/reddit.gif") 0 -18px no-repeat;
} */
/* .share_email {
	background: url("./email.gif") 0 -18px no-repeat;
} */
#copy-url-btn {
	border: 1px solid #223b4a;
	color: #223b4a;
	background-color: whitesmoke;
	padding: 2px;
	padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 70%;
	height: 32px;
	cursor: default;
	transition-duration: 0.25s;
	margin-top: -1px;
}

#copy-url-btn:hover {
	background-color: rgb(203 213 225);
}

.blog-share-icons {
	border: none;
}