.single,
.page {
	#content {
		background-color: #fff;
		border: 1px solid #e6e6e6;
		padding: 20px;
		position: relative;
	}
	h1.entry-title {
		font-size: 32px;
		line-height: 1.2em;
		display: block;
		margin-bottom: 15px;
	}
	.entry-header {
		margin-bottom: 20px;
		padding-top: 20px;

		.entry-meta {
			font-size: 13px;
			position: relative;
			.author {
				border-left: 1px solid #e9e9e9;
				margin-left: 9px;
				padding-left: 10px;
				a {
					border-bottom: 1px solid $accent-1;
					font-weight: bold;
				}
			}
			.entry-like {
				border-left: 1px solid #e9e9e9;
				display: inline-block;
				line-height: 1.2;
				margin-left: 9px;
				padding-left: 10px;
				a:link,
				a:visited {
					color: #999;
					.fa {
						color: #ccc;
						margin-right: 2px;
					}
					&:hover {
						.fa {
							color: #f85555;
						}
					}
				}
			}
			.entry-comments {
				position: absolute;
				right: 0;
				top: -3px;
				a {
					top: -1px;
					display: inline-block;
				    border: 1px solid #bfbfbf;
				    border-radius: 12px;
				    padding: 0 12px;
				    position: relative;
				    color: #bfbfbf;
				    font-size: 12px;
				    line-height: 1.6;
				    margin-left: 5px;
				    -webkit-transition: all 200ms ease;
				    transition: all 200ms ease;
				    &:hover {
				    	border-color: $accent-1;
				    	color: $accent-1;
				    	&:before {
				    		border-color: $accent-1 transparent transparent transparent;
				    	}
				    }

				    &:before,
				    &:after {
						width: 0;
					    height: 0;
					    border-style: solid;
					    content: '';
					    position: absolute;
					    top: 100%;
					    box-sizing: border-box;
				    }
				    &:before {
					    border-width: 6px 6px 0 0px;
					    border-color: #bfbfbf transparent transparent transparent;
					    left: 7px;
					    -webkit-transition: all 200ms ease;
					    transition: all 200ms ease;
				    }
				    &:after {
						border-width: 4px 3px 0 0px;
					    border-color: #fff transparent transparent transparent;
					    left: 8px;
				    }
				}
			}
		}

	}
	.entry-share {
		color: #999;
		margin-bottom: 20px;
		a {
			display: inline-block;
			color: #fff;
			font-size: 13px;
			font-family: $heading-font-family;
			margin-right: 5px;
			padding: 2px 8px 2px 0;
			&:hover {
				opacity: 0.8;
			}
			.fa {
				border-right-color: #fff;
				border-right: 1px solid rgba(255,255,255,0.3);
				margin-right: 3px;
				width: 26px;
				text-align: center;
			}
		}
		.icon-facebook {
			background-color: #3b5998;
		}
		.icon-twitter {
			background-color: #55acee;
		}
		.icon-google-plus {
			background-color: #dd4b39;
		}
		.icon-envelope {
			background-color: #738b8e;
		}
		.icon-pinterest {
			background-color: #cc2127;
		}
		.icon-linkedin {
			background-color: #0077b5;
		}
	}
	.entry-tags {
		a {
			-webkit-border-top-right-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			-webkit-border-bottom-left-radius: 20px;
			-webkit-border-top-left-radius: 20px;
			-moz-border-radius-topright: 0;
			-moz-border-radius-bottomright: 0;
			-moz-border-radius-bottomleft: 20px;
			-moz-border-radius-topleft: 20px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			border-bottom-left-radius: 20px;
			border-top-left-radius: 20px;
			-moz-background-clip: padding-box;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			border: 1px solid #52b043;
			color: #52b043;
			display: inline-block;
			font-family: $heading-font-family;
			font-size: 12px;;
			line-height: 1;
			text-transform: uppercase;
			font-weight: bold;
			margin: 0 5px 10px 0;
			padding: 5px 10px 5px 20px;
			white-space: nowrap;
			position: relative;
			&:before {
			    content: "\2022";
			    line-height: 2.1;
			    position: absolute;
			    top: 0;
			    bottom: 0;
			    left: 10px;
			}
			&:hover {
				border-color: #333;
				color: #333;
			}
		}
	}
}

.single,
.page {
	.content-area {
		float: left;
		width: 760px;
	}
}

/* Author Box */
.entry-author {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	margin-bottom: 20px;
	padding: 20px;

	.avatar {

		float: left;
		margin: 0 20px 0 0;
	}
	.author-content {
		h3 {
			font-size: 18px;
			margin-bottom: 10px;
		}
		p {
			display: table;
			line-height: 1.5;
			margin-bottom: 0;
		}
	}

}

/* Related Posts */
.entry-related {
	.grid-loop {
		padding-bottom: 0;
	}
	.hentry.grid .entry-title {
		font-size: 18px;
	}
}

.entry-content {
	a {
		text-decoration: underline;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin-bottom: 20px;
	}
	strong {
		font-weight: 700;
	}
	p {
		margin-bottom: 30px;
	}
	ul,
	ol {
		margin: 0 0 20px 20px;
	}
	ul li {
		list-style: disc inside;
		margin: 10px 0;
	}
	ol li {
		list-style: decimal;
		margin: 10px 0;
	}
	table, hr, select {
		margin-bottom: 20px;
	}
}

.post-nav {
	padding: 5px 0 10px;
	overflow: hidden;
	.nav-prev,
	.nav-next {
		margin-top: 9px;
		line-height: 1.3;
	}
	.nav-prev {
		float: left;
		width: 49%;
		.arrow {
			float: left;
			margin-right: 18px;
		}
	}
	.nav-next {
		float: right;
		text-align: right;
		width: 49%;
		.arrow {
			float: right;
			margin-left: 18px;
		}
	}
	span {
		color: #999;
		font-size: 10px;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.arrow {
		font-size: 32px;
		color: #ddd;
		line-height: 64px;
	}
	h5 {
		color: #999;
		font-size: 16px;
		font-weight: 400;
		text-decoration: underline;
	}
	a {
		color: #999;
		&:hover {
			> {
				.nav-text h5 {
					color: $black;
				}
			}
		}
	}
}
.nav-text {
	margin-top: 11px;
}


blockquote {
	color: #999999;
	font-family: $georgia;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 0.25em 50px;
	line-height: 1.45;
	position: relative;

	&:before {
		display: block;
		content: "\201C";
		font-size: 64px;
		position: absolute;
		left: 0;
		top: -15px;
		color: #cccccc;
	}

	cite {
		color: #333333;
		display: block;
		margin-top: 10px;

		&:before {
			content: "\2014 \2009";
		}
	}
}
/* Members */
.members {
	@extend %reset-list;
	@extend %clearfix;

	.entry-content & {
		margin: 0;
	}

	.member {
		padding: 2% 0;
		float: left;
		list-style: none;

		@media ( min-width: 769px ) {
			width: 50%;
			padding-left: 4%;
		}

		&:nth-of-type(2n+1) {
			clear: left;
			padding-left: 0;
		}

		.member-photo {
			width: 110px;
			max-width: 100%;
			margin: auto;
			@media ( min-width: 767px ) {
				float: left;
				margin: 0 30px 0 0;
			}
			img {
				border-radius: 50%;
				margin-bottom: 20px;
				width: 100%;
			}
			.member-social {
				list-style: none;
				margin: 0;
				padding: 0;
				li {
					display: inline-block;
					font-size: 12px;
					margin: 0 1px;
				}
			}
		}
		.member-content {
			position: relative;
			overflow: hidden;
			&:before {
				content: '';
				width: 56px;
				height: 1px;
				background: #dededc;
				position: absolute;
				top: 0;
			}
			.member-name {
				margin: 18px 0 0;
			}
			.member-position {
				color: #999;
			}
			.member-desc {
				line-height: 1.5em;
			}
		}
	}
}

.block-title,
#respond .comment-reply-title {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

.singular-page #content {
	margin-bottom: 20px;
}