article {
	position: relative;
	margin: 0 0 1.875rem 0;
	&.sticky {
		position: inherit;
		&:before {
			content: '';
			position: absolute;
			right: 0;
			top: 0;
			border-width: 40px 0 0 40px;
			border-style: solid;
			border-color: $primaryColor rgba(0, 0, 0, 0);
		}
	}
	&.post,
	&.page,
	&.product {
		border: 1px solid $dividerColor;
	}
	&.image-attachment {
		.post-image {
			position: relative;
		}
	}
	.postformat {
		position: absolute;
		top: -1px;
		left: -2.5rem;
		width: 2.5rem;
		height: 2.5rem;
		i {
			color: $whiteColor;
			font-size: 1.65rem;
			font-weight: 700;
			margin: 0.5rem;
			&.fa-weixin {
				font-size: 1.4rem;
			}
		}
		&:before {
			content: '';
			position: absolute;
			left: 0;
			top: 2.5rem;
			border-width: 10px 0 0 10px;
			border-style: solid;
		}
	}
	.entry-header {
		border-bottom: 1px solid $dividerColor;
		@include gradient($dividerColor, $whiteColor);
		padding: .4rem .9375rem .3rem ;
		.entry-title {
			font-size: 1.4rem;
			line-height: 1.27;
			margin: 0;
		}
	}
	.post-thumbnail {
		padding-top:.9375rem;
	}
	.entry-content {
		padding: .9375rem;
		overflow-x: hidden;
		.taxonomies-links {
			font-size: .9rem;
			margin: .3rem 0;
			&:before {
				font-family: $fa;
				margin-right: 5px;
			}
		}
		.tags-links {
			&:before {
				content: '\f02b';
			}
		}
		.cat-links {
			&:before {
				content: '\f07c';
			}
		}
		blockquote {
			margin: 0 2rem;
			border-left: 3px solid;
			border-color: $primaryColor;
			padding-left: 24px;
			font-style: italic;
			font-size: 1.1rem;
			p {
				font-size: 1.1rem;
			}
			cite {
				display: block;
				font-size: 0.8rem;
			}
		}
		ul,
		ol {
			margin-left: .5rem;
		}
		a {
			text-decoration: underline;
			&:hover {
				text-decoration: none;
				border-bottom:  1px dashed;
			}
		}
		iframe {
			max-width: 100%;
		}
		iframe[id^='twitter-widget-'] {
			margin: 0 auto;
		}
		iframe[id^='instagram-embed-'] {
			margin: 1px auto !important;
		}
		iframe[class^='tumblr-embed'] {
			margin: 10px auto !important;
		}
		iframe[src^='https://www.slideshare.net/slideshow/embed_code/'],
		iframe[src^='https://w.soundcloud.com/player']{
			width: 100% !important;
		}
		iframe[class^='wp-embedded-content'] {
			width: 100% !important;
		}
		#meetup_oembed {
			height: auto !important;
			margin-bottom: .9375rem !important;
			div {
				&:first-child  {
					max-height: inherit !important;
				}
			}
			div+p {
				margin-top: 10px !important;
				margin-bottom: 10px !important;
			}
		}
		table {
			border-collapse: separate;
			border-spacing: 0;
			border-width: 1px;
			margin: 0 0 1.75em;
			table-layout: fixed;
			/* Prevents HTML tables from becoming too wide */
			width: 100%;
		}
	}
	.entry-footer {
		border-top: 1px solid $dividerColor;
		padding: .5rem .9375rem .5rem ;
		a {
			color: $textColor;
			font-size: .9375rem;
		}
		@include gradient($whiteColor, $dividerColor);
		.posted-by {
			margin-right: 10px;
			.vcard {
				margin: 0;
				padding: 0;
				border: none;
				.fn {
					font-weight: 400;
				}
				.avatar {
					border-radius: 10px;
				}
			}
		}
		.f-link {
			margin-right: 10px;
			a:before {
				font-family: $fa;
				color: lighten($textColor, 30%);
				margin-right: 5px;
			}
			&:hover {
				a:before {
					color: $secondaryColor;
				}
			}
		}
		.posted-on {
			a:before {
				content: '\f017';
			}
			.updated:not(.published) {
				display: none;
			}
		}
		.comments-link {
			a:before {
				content: '\f27b';
			}
		}
		.edit-link {
			a:before {
				content: '\f040';
			}
		}
		.reply-link {
			float: right;
			a:before {
				content: '\f112';
			}
		}
	}
}


.page-header {
	margin: 1.875rem 0rem 1.875rem -2.4rem;
	padding-left: 1.5375rem;
	position: relative;
		&:before {
			content: '';
			position: absolute;
			left: 0;
			bottom: -0.59rem;
			border-width: 10px 0 0 10px;
			border-style: solid;
		}
	&.page-title {
		margin-top: 0;
	}
}