// main: style.scss
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0 0 2em;
}
.entry-title{
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 1.2;
}
.page-title {
	margin-bottom: 25px;
}
.entry-share {
	@include rem( 'margin', 25px -2px 30px );
}
.page , .single {
	.hentry {
		border: none;
	}
}
.single {
	.entry-header {
		margin-bottom: 20px;
	}
	.entry-content {
		margin-top: 1.0625rem;
		margin-bottom: 0;
	}
}
.entry-excerpt {
	color: #888888;
	font-size: 13px;
	p {
		margin-bottom: 0px;
	}
}
.entry-content {
	font-size: 16px;
	ul, ol {
		margin-left: 20px;
		li {
			margin-bottom: 8px;
		}
	}
}
.post-edit-link {
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 10px 0px 0px;
	font-size: 13px;
}
// .byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.featured-image{
	position: relative;
	margin-bottom: 20px;
	img {
		display: block;
	}
}
.entry-info {
    padding: 0;
    position: relative;
    z-index: 100;
}
.no-post-thumbnail {
	.entry-info {
		margin: 0;
		padding: 0;
	}
	.post-right {
		margin: 0;
	}
}
h2.entry-title {
    font-size: 19px;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 5px;
	margin-top: 0;
	@include media-breakpoint-down(md) {
		font-size: 22px;
	}
	a {
		color: #222222;
		text-decoration: none;
		&:hover {
			color: $color__primary;
		}
	}
}
.entry-meta {
    display: block;
    color: #888888;
	margin-bottom: 15px;
    margin-top: 2px;
	font-size: 12px;
	&::after {
		@include clearfix();
	}
	div {
		display: inline-block;
	}
	a {
		color: #888888;
		text-decoration: none;
		&:hover{
			text-decoration: underline;
		}
	}
	.author a {
		font-weight: 700;
	}
	span {
		margin-right: 15px;
	}
	.comments-link {
		margin-right: 0px;
		float: right;
		i {
			margin-right: 2px;
		}
	}
}
.single .entry-meta {
	margin: 4px 0px 15px;
}
.entry-footer {
	a {
		color: #999;
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
	}
	.cat-links {
		margin-bottom: 8px;
	}
	.cat-links, .tags-links {
		margin-left: -3px;
		margin-right: -3px;
		span {
			background: $color__primary;
			color: #fff;
			@include rem( 'font-size', 13px );
		   	@include rem( 'margin', 0 10px 0 0px );
		    @include rem( 'padding', 2px 10px );
			display: inline-block;
			text-transform: uppercase;
			font-weight: 700;
			letter-spacing: 0.5px;
		}
		a {
			border: 1px solid #e9e9e9;
			display: inline-block;
			@include rem( 'font-size', 13px );
		   	@include rem( 'margin', 0 2px );
		    @include rem( 'padding', 1px 8px );
		}
	}
}
a.read-more {
	color: $color__primary;
	text-decoration: none;
	&:hover {
		text-decoration: underline;
	}
}
/* Archie */
.archive, .search {
	.page-header {
		padding-top: 5px;
		padding-bottom: 10px;
		h1 {
			font-size: 24px;
		}
	}
	.post-grid:nth-of-type(2n+1) {
		float: left;
		clear: both;
	}
	.post-grid:nth-of-type(2n) {
		float: right;
		clear: none;
	}
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
	margin-top: 40px;
	.logged-in-as a {
		color: $color__primary;
		font-weight: bold;
	}
	.comment-list  {
		list-style: none;
		margin: 0;
		padding: 0;
		li {
			margin: 30px 0;
			padding-bottom: 30px;
			border-bottom: 1px solid #e6e6e6;
			.avatar {
				border-radius: 3px;
				float: left;
				width: 60px;
			}
			.comment-wrapper {
				background: #f8f9f9 none repeat scroll 0 0;
				margin-left: 6rem;
				padding: 20px;
				position: relative;
				&:before {
					border-color: transparent #f6f7f9 transparent transparent;
					border-style: solid;
					border-width: 0 10px 10px 0;
					content: "";
					height: 0;
					left: -9px;
					position: absolute;
					top: 0;
					width: 0;
				}
				.comment-meta {
					margin-bottom: 20px;
					a {
						text-decoration: none;
					}
				}
				.comment-author {
					margin-bottom: 20px;
					a {
						color: #bbb;
						font-size: 1.1rem;
						letter-spacing: 0.3px;
						text-transform: uppercase;
					}
				}
				.comment-actions {
					i {
						padding-left: 10px;
						font-size: 13px;
					}
				}
			}
			li {
				border-bottom: none;
				margin-bottom: 0;
				padding-bottom: 0;
			}
		}
	}
}
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
#respond  {
	input#submit {
		width: auto;
		font-weight: bold;
	}
	h3#reply-title {
		font-size: 24px;
		margin-bottom: 25px;
		padding-bottom: 3px;
		letter-spacing: -0.3px;
	}
}