/**
 * General Post Styles
 */
 .featured-image {
	background-position: center;
	background-repeat:no-repeat;
	min-height:150px;
	background-image: rgba(255, 255, 255, 0.5);
	-moz-transition:height 0.3s ease 0s;
	-webkit-transition:height 0.3s ease 0s;
	-o-transition:height 0.3s ease 0s;
	transition:height 0.3s ease 0s;
	-moz-transition: height 0.3s ease 0s;
	position:relative;
	@include opacity(0);
}
.no-js .featured-image {
	@include opacity(1);
}
.featured-image img {
	display:block;
}
.featured-image.loaded {
	min-height:0;
}
.featured-image.highlight {
	background-color:#000;
	background-image: url(images/plus.png);
}

.tiny-details,
.tiny-details a {
	color:#999;
	text-decoration:none;
	line-height:1.2em;
	margin-bottom:17px;
}
.post .pagetitle {
	padding: 0;
	margin-bottom: 0;
}
.postcontentwrap {
	position:relative;
}
.dropcap-enabled .postcontent > p:first-of-type:first-letter,
.dropcap-enabled .postcontent > span[itemprop] > p:first-of-type:first-letter {
	float: left;
	color: #333;
	font-size: 5.9em !important;
	line-height: 0.99em;
	padding-top: 0;
	padding-right: 10px;
	padding-left: 0px;
	margin-top: -5px;
}
.gecko {
	.dropcap-enabled .postcontent > p:first-of-type:first-letter { 
		margin-top: 0.15em; /* Mozilla Hack */
	}
}
/**
 * Single Post Styles
 */
.pagetitle {

	.author,
	.author a,
	.byline,
	.byline a,
	.date,
	.date a {
		color:#fff;	
		color: rgba(255,255,255,0.75);
	}

	.overlay {
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.35);
		width: 100%;
		height: 100%;
	}
}

.single {

	.afterpost-items {
		max-width:800px;
	}

	// Author changes
	.authorinfo.not-full {
		color:#999;
		font-size:10px;
		line-height: 12px;
		text-transform: uppercase;
		letter-spacing:2px;
		margin-bottom: 25px;
		margin-top: 30px;

		a {
			color:#999;
			text-decoration:none;
		}

		.avatar {
			width:20px !important;
			margin-right:10px;
		}
	}

	// General single page styles
	.post-subtitle {
		font-size:26px;
		line-height:1.4em;
		margin-bottom:20px;
	}
	&.single-section .rightside .rightcontent {
		float:left;
		width: 775px;
		padding-right:0;
		position:relative;
		margin-right:15px;
	}
	.rightside .rightcontent {
		float:left;
		position:relative;
		margin-right:15px;
		width:700px;
		padding: 0 20px 40px 20px;
	}
	.no-sharing .rightside .rightcontent {
		width: 760px;
	}

	// Layout without sidebar
	.no-sidebar {
		.full-bg-image {
			padding-bottom:50%; /* Change Parallax Size */
		}
		.rightside {
			padding: 0;
			margin: 0 !important;
			width: 100%;
			
			.rightcontent {
				width: 1045px;
				margin: auto;
				padding: 40px;
			}
			.righttitle {
				width:100%;
			}
		}

		// Full Image
		&.has-full-image {
			.sharingwrap {
				margin-top: 40px;
				margin-left: 25px;
			}
			.rightcontent {
				width: 1030px;
				margin: auto;
				padding: 40px 40px 40px 20px;
			}

			&.no-sharing {
				.rightcontent {
					padding:40px;
				}
			}
		}



		// Regular Image
		&.no-full-image {
			.rightside {
				.rightcontent {
					padding: 20px 15px;
					width: 1045px;
				}
			}
		}

		// Adjust layout if sharing is disabled 
		&.no-sharing {
			.rightside {
				.rightcontent {
					width: 100%;
				}
			}
		}
	}	

	// Layout without full image
	.no-full-image {
		margin-top:40px;

		.rightside {
			padding-top:0;
		}

		// Title
		h1.title {
			color: #333 !important;
		}

		// Sidebar adjustment
		.sidebar .sidebarcontent {
			padding-top:0;
		}

		// Altnav adjustment 
		.altnav .no-full-image {
			margin-top: 30px;
		}

		// Content adjustment
		.rightside .rightcontent {
			padding-top:20px;
		}

		// Sharing adjustment
		.sharing {
			padding-top:30px;
		}

		// Badge Adjustment
		.badge {
			margin-bottom:15px;
		}

		// Review Circle Adjustment
		.inner-content {
			margin-top:10px;
		}

		&.no-thumbnail {
			.rightside .rightcontent {
				padding-top:0;
			}
			.sharing {
				padding-top:15px;
			}
		}

	}

	/* Layout with Full Image */ 
	.has-full-image {

		&.has-thumbnail {
			.rightside {
				margin-top:-40px;
			}

			/* Image Credits */
			.pagetitle .credits {
				display: inline-block;
				position: absolute;
				bottom: 40px;
				right: 20px;
				color: rgba(255,255,255,0.5);
				font-size: 10px;
				background: #000 !important;
				background: rgba(0,0,0,0.25) !important;
				line-height: 14px;
				padding: 7px !important;
				@include border-radius(3px !important);
				text-transform: uppercase;
				max-width: 330px;
			}
			.pagetitle .credits a {
				color: rgba(255,255,255,0.5);
			}
		} 
	}

	/* Single Layout With Thumbnail */
	.has-thumbnail {
		.slidecaptioncenter {
			margin-top:-20px;
		}
	}

}
.post .pagetitlenobg .pagetitle {
	padding-left:10px;

	.posttitle {
		position:relative;
		margin:30px 0 40px 0;
	}
	.title {
		color:#222;
		margin: 35px 0 25px 0;
	}

	.authorinfo {

		a{
			color:#777;
			text-decoration: none;
		}
	}
}

/* #Post Fonts
================================================== */
.post h2.title {
	font-size:36px;
	line-height: 38px;
	color: #222;
	margin-bottom:10px;
	display: inline-block;
}
/* #Post Date
================================================== */
 .post .pagetitle .date {
	display: block;
	background: #111;
	padding: 24px;
	position: absolute;
	top: 50%;
	margin-top: -41px;
	right: 0;
	margin-bottom: 40px;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #999;
	width: 200px;
	transition: all 0.5s ease;
}
.post .date .month {
	color:#fff;	
}
.post .date span.day {
	color:#fff;
	float:left;
	margin-right: 12px;
	margin-bottom:0;
	padding:0;
	letter-spacing:0;
	padding-right: 12px;
	border-right: 1px solid #777;
	font-size:40px;
	line-height: 33px;
}
.datesection {
	width:85px;
	float:left;
}
.datesection p {
	font-size:10px;
	line-height:18px;
	text-align:center;
	margin-bottom:0;
}
.datesection p, .datesection p a {
	color: #ccc;
	color: rgba(0, 0, 0, 0.4);
}
.fulldate {
	display: block;
	float:left;
	width: 85px;
	height: 85px;
	border: 2px solid #dcdcdc;
	border-color: rgba(0, 0, 0, 0.15);
	border-radius: 100px;
	margin-bottom:10px;
}
.indexcontent {
	float:left;
	width: 462px;
	margin-left: 28px;
}
.fulldate .day {
	display:block;
	text-align:center;
	margin-top: 16px;
	margin-bottom: 4px;
	font-size: 35px;
}
.fulldate .monthyear {
	text-align:center;
	display:block;
	color: #999;
	color: rgba(0, 0, 0, 0.5);
	font-size: 10px;
	line-height:12px;
	text-transform: uppercase;
	font-weight:bold;
}
.details {
	font-size:14px;
	display:block;
}
.commentwrapper .one-third {
	margin-bottom:10px;
}
.detailgroup {
	margin-bottom: 30px;
}
.detailgroup .avatar {
	margin-bottom:8px;
	border-radius:99px;
	-moz-border-radius:99px;
	-webkit-border-radius:99px;
	-o-border-radius:99px;
}
.detailgroup .avatar.left {
	float:left;
	margin-right:18px;
	margin-top:-12px;
}
.detailgroup p, .detailgroup p a {
	color:#999;
	font-size:14px;
	line-height:20px;
}
p.detailtitle {
	font-size:12px;
	line-height:14px;
	margin-bottom:5px;
	color:#000;
}
.details .author {
	margin-right:20px;
}
.details .circle {
	width: 25px;
	height: 25px;
	background: #999;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	border-radius: 25px;
	color: #fff;
	font-size: 12px;
	margin-right:6px;
}
.calendar {
	background-image:url(images/sprites.png);
	width: 16px;
	height: 16px;
	background-position: -130px -59px;
	display: inline-block;
	padding-right: 14px;
	overflow: hidden;
	text-indent: 9999999px;
	vertical-align: middle;
}
.date a, .details a {
	color:#333;
	text-decoration: none;
}
.post .date.two.columns {
	margin-right:0;
}
.post .mobiledate {
	display:none;
}
.post .mobiledate p {
	font-size: 12px;
	margin-bottom: 20px;
}
.post .date .day {
	display: block;
	text-align: center;
	padding: 15px;
	color: white;
	font-size: 35px;
	margin-bottom:10px;
}
.post .date p {
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	margin-bottom: 0;
}
.post .day span {
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 6px;
	text-transform: uppercase;
	display: block;
	margin-top: 10px;
	color: #ccc;
	margin-left: 3px;
	/* Optical Adjustment */
}
.post .tagcloud.badge {
	margin-bottom: 55px;
}