$blog-title-font-size:			20px !default
$blog-title-color:				#555 !default
$blog-title-hover-color:		$link-hover-color !default
$blog-meta-color:				#999 !default

$comment-heading-color:			$theme-color !default
$comment-bg-color:				#f8f8f8 !default
$comment-border-color:			#e1e1e1 !default
$comment-meta-color:			#cfcfcf !default

//=========================================================
// ICONS
//=========================================================
.entry-meta .entry-cat-links:before,
.entry-meta .entry-featured:before,
.entry-tags:before,
.entry-meta a:before
	font-size: 13px
	margin-right: 4px
	font-family: 'FontAwesome'
	font-style: normal
	font-weight: normal
	display: inline-block
	line-height: 1

.entry-featured:before
	content: "\f041"	//.fa-map-marker
.entry-date a:before
	content: "\f017"	//.fa-clock-o
.entry-author-link a:before
	content: "\f007"	//.fa-user-o
.entry-cat-links:before
	content: "\f115"	//.fa-folder-open-o
.entry-comments-link a:before
	content: "\f0e5"	//.fa-comment-o
.entry-edit-link a:before
	content: "\f040"	//.fa-pencil
.entry-love a:before
	content: "\f08a"	//.fa-heart-o
.entry-tags:before
	content: "\f02c"	//.fa-tags
.entry-format-aside a:before
	content: "\f1db"	//.fa-circle-thin
.entry-format-gallery a:before
	content: "\f030"	//.fa-camera
.entry-format-link a:before
	content: "\f0c1"	//.fa-link
.entry-format-image a:before
	content: "\f03e"	//.fa-picture-o
.entry-format-quote a:before
	content: "\f10e"	//.fa-quote-right
.entry-format-status a:before
	content: "\f0a2"	//.fa-bell-o
.entry-format-video a:before
	content: "\f03d"	//.fa-video-camera
.entry-format-audio a:before
	content: "\f028"	//.fa-volume-up
.entry-format-chat a:before
	content: "\f0e6"	//.fa-comments-o

//=========================================================
// ENTRY CONTENT
//=========================================================
article
	-ms-word-wrap: break-word
	word-wrap: break-word

.entry-content
	embed,
	object,
	iframe,
	video
		max-width: 100%

	.wp-audio-shortcode,
	.wp-video
		margin-bottom: 20px

.entry-read-more
	display: block
	margin-top: 7px

//=========================================================
// ENTRY FOOTER
//=========================================================
.entry-footer
	margin-top: 24px

	.amy-footer-meta
		border-top: 1px dotted $separator-color
		border-bottom: 1px dotted $separator-color
		padding: 10px 0
		line-height: 30px

		@include clearfix()

		.amy-post-tag-title,
		.amy-post-share-title
			font-family: $headings-font-family
			font-weight: bold
			text-transform: uppercase

		.entry-tags
			float: left

		.amy-post-share
			float: right

//=========================================================
// BLOG DEFAULT
//=========================================================
.blog-default
	.hentry
		padding-bottom: 25px
		margin-bottom: 25px

	.entry-header
		margin-bottom: 10px

	.entry-title
		margin: 0 0 15px 0
		a
			color: #000000
			&:hover
				color: $theme-color

	.entry-meta
		color: $blog-meta-color
		font-style: italic

		> span
			margin-right: 10px

		a
			color: $blog-meta-color

			&:hover,
			&:active,
			&:focus
				color: $link-hover-color

	.entry-tags
		padding-bottom: 25px
		border-bottom: 1px solid #efefef

		&:before
			color: $theme-color

		.tag-links
			a
				color: #999999
				&:hover
					color: $theme-color

.blog-search
	overflow: hidden




//=========================================================
// COMMENTS
//=========================================================
#comments
	.comment-title
		color: $comment-heading-color
		margin: 50px 0
		font-size: 25px

	ol
		list-style: none
		margin: 0
		padding: 0

	ul
		list-style: none
		padding-left: 40px

	.comment-body
		margin-bottom: 10px
		min-height: 75px
		padding-bottom: 15px
		padding-left: 85px
		position: relative
		background: #fff

		.comment-avatar
			position: absolute
			left: 0

			img
				border-radius: 50%

		.comment-data
			background: #ffffff
			padding: 20px
			border: 2px solid $comment-border-color
			position: relative
			border-radius: 3px

		.comment-meta
			padding-bottom: 10px
			border-bottom: 1px solid $comment-border-color

		.comment-author
			display: inline-block
			font-family: $headings-font-family
			font-weight: bold
			text-transform: none
			margin-right: 20px
			font-size: 18px

		.comment-metadata
			color: $comment-meta-color
			display: inline-block
			font-size: 14px
			font-style: italic

			a
				color: $comment-meta-color

		.comment-reply
			opacity: 0
			color: $theme-color
			position: absolute
			top: 20px
			right: 20px
			float: right
			text-transform: none
			font-size: 12px
			@include transition(opacity .2s)

		.comment-data:hover .comment-reply
			opacity: 1

		.comment-content
			padding-top: 15px

			p:last-child
				margin-bottom: 10px

.comment-respond
	margin-top: 30px

	.comment-reply-title
		color: $comment-heading-color
		font-size: 25px

//=========================================================
// POST FORMAT IMAGE
//=========================================================
.entry-image
	position: relative
	margin-bottom: 15px

	.entry-date-caption
		position: absolute
		top: 0%
		left: 0
		width: 102px
		height: 102px
		border-bottom-right-radius: 65px
		background: $theme-color
		text-align: center
		padding: 12px 0

		.time-day
			font-size: 25px
			font-family: $headings-font-family
			color: #ffffff
			display: inline-block
			border-bottom: 2px solid #a3dae6
			padding: 3px
			line-height: 32px
		time
			font-size: 13px
			color: #ffffff
			display: block
			margin-top: 2px

	img
		max-width: 100%
		height: auto

	a
		display: inline-block
		position: relative
		width: 100%
		height: 100%

//=========================================================
// POST FORMAT MEDIA
//=========================================================
.entry-media
	overflow: hidden
	margin-bottom: 14px

	embed,
	object,
	video,
	iframe
		max-width: 100%

	.wp-playlist
		margin: 0 !important

.wp-playlist-item,
.wp-playlist
	border-color: #e8e8e8

.format-audio
	.entry-image
		margin-bottom: 0

//=========================================================
// POST FORMAT GALLERY
//=========================================================
.entry-gallery
	overflow: hidden
	margin-bottom: 14px

.gallery
	@include clearfix()

.gallery-item
	float: left
	max-width: 33.33%
	vertical-align: top
	width: 100%
	margin: 0

	.gallery-columns-1 &
		max-width: 100%

	.gallery-columns-2 &
		max-width: 50%

	.gallery-columns-4 &
		max-width: 25%

	.gallery-columns-5 &
		max-width: 20%

	.gallery-columns-6 &
		max-width: 16.66%

	.gallery-columns-7 &
		max-width: 14.28%

	.gallery-columns-8 &
		max-width: 12.5%

	.gallery-columns-9 &
		max-width: 11.11%

.gallery-icon img
	margin: 0 auto

.gallery-caption
	color: #999
	display: block
	font-size: 13px
	font-style: italic

	.gallery-columns-6 &,
	.gallery-columns-7 &,
	.gallery-columns-8 &,
	.gallery-columns-9 &
		display: none

//=========================================================
// POST FORMAT CHAT
//=========================================================
.amy-chat
	margin: 0
	padding: 0
	list-style: none

.amy-chat-row
	margin-bottom: 15px

.amy-chat-author
	font-weight: $font-weight-bold
	display: inline

	.amy-chat-row-even &
		color: #2980b9

	.amy-chat-row-odd &
		color: #27ae60

.amy-chat-text
	display: inline

//=========================================================
// POST FORMAT QUOTE
//=========================================================
.format-quote blockquote
	margin-left: 0
	margin-right: 0



// responsive
@media(max-width: 989px)
	.amy-post-tags
		.pull-left,
		.pull-right
			float: none !important

		.amy-post-share
			margin-top: 10px

	.amy-comments-wrapper
		ul
			padding-left: 20px

		.comment-body
			padding-left: 60px

			.comment-avatar img
				max-width: 50px
				height: auto

			.comment-data
				&:before,
				&:after
					top: 20px