/*============================*/
/*	Blog
/*============================*/
.page-header
	border: none
	margin: 0
	height: 300px

.blog-post
	position: relative
	margin-bottom: 50px

	&:last-child
		margin-bottom: 0

	.blog-post-media
		margin-bottom: 15px
		overflow: hidden
		img
			width: 100%

	.blog-post-info
		position: relative
		padding-bottom: 15px
		margin-bottom: 15px

		.title
			margin: 5px 0

		small
			+opacity(.8)

		a
			color: inherit

		&:after
			content: ""
			position: absolute
			width: 30px
			height: 1px
			background: #ddd
			bottom: 0
			left: 0


	.blog-post-content
		margin-bottom: 35px

		&:last-child
			margin-bottom: 0

	.read-more
		margin-top: 15px

	.blog-post-author
		margin-bottom: 35px

		.image
			width: 140px
			float: left

		.content
			padding-left: 160px

		.info
			margin: 0 0 15px

			h4 , span
				display: inline-block
				margin: 0
			
			span
				+opacity(0.8)
				border-left: 1px solid
				margin: 0 0 0  10px
				padding-left: 15px
				color: inherit

	.post-header
		padding-top: 25px
		margin-bottom: 25px
		position: relative
		&:after
			content: ""
			position: absolute
			width: 40px
			height: 1px
			background: $main-color
			top: 0
			left: 0

.blog-masonry
	margin-top: -15px
	margin-bottom: -15px

.blog-post-masonry
	.blog-post
		background: #fff
		padding: 40px 20px
		text-align: center
		margin: 15px 0

	.blog-post-media
		margin: -40px -20px 15px

	.blog-post-info
		margin-bottom: 10px
		padding-bottom: 10px
		&:after
			left: 50%
			margin-left: -10px
			width: 20px

		.title
			margin: 8px 0 5px


.search-form
	.btn
		border-left: 0 !important
		margin-left: -5px !important
		z-index: 2
		color: $main-color
		padding: 10px 15px
		i
			margin: 0


.latest-posts
	margin: 0
	padding: 0

	li
		margin-bottom: 25px
		> div
			padding-left: 100px

		img
			width: 80px
			float: left

		&:last-child
			margin: 0

.flickr
	margin-right: -10px
	img
		width: 80px
		height: auto
		margin: 0 10px 10px 0
		float: left

.widget
	position: relative
	margin: 0 0 40px

	.widget-title
		margin-bottom: 25px
		h4
			margin: 0

.slide
	.owl-controls
		position: static
		margin: 0

	.owl-pagination
		z-index: 50
		bottom: 20px
		position: absolute
		width: 100%

	.owl-prev , .owl-next
		z-index: 50
		top: 50%
		position: absolute
		left: 17px
		font-size: 34px !important
		margin-top: -17px

	.owl-next
		right: 17px
		left: auto


.comments

	li
		.avatar
			overflow: hidden
			width: 80px
			float: left
			background: #efefef

		.comment
			margin-left: 100px
			padding-bottom: 20px
			margin-bottom: 20px

			h5 
				margin: 0 0 5px

			.date-replay
				margin: 0 0 10px

		.children
			margin-left: 50px
			margin-top: 20px
