// POST

.post {
	img {
		max-width: 100%;
		height: auto;
	}
	figure {
		margin: 0;
	}
	.entry-title {
		a {
			display: inline;
		}
	}
	&.sticky {
		.entry-media {
			position: relative;
		}
		.sticky-icon {
			width: 30px;
			height: 30px;
			position: absolute;
			top: 0;
			left: 30px;
			z-index: 2;
			div {
				position: relative;
				height: 30px;
				line-height: 30px;
				text-align: center;
				color: fade(#fff, 80%);
				background: @tm-hover;
				i {
					font-size: 20px;
					line-height: 30px;
				}
				&:before,
				&:after {
					content: '';
					position: absolute;
					bottom: -20px;
				}
				&:before {
					left: 0;
					width: 0; 
					height: 0; 
					border-top: 0 solid transparent;
					border-bottom: 20px solid transparent; 
					border-left: 15px solid @tm-hover;
				}
				&:after {
					right: 0;
					width: 0;
					height: 0; 
					border-top: 0 solid transparent;
					border-bottom: 20px solid transparent;
					border-right: 15px solid @tm-hover;
				}
			}
		}
	}
}

/* Post default
--------------------------- */

.post.grid {
	.make-xs-column(12);
	.make-sm-column(4);
	float: left;
	margin-bottom: 30px;
	.entry-media {
		padding: 0;
		margin: 0 0 20px 0;
		position: relative;
		overflow: hidden;
		&:before,
		img,
		a {
			.transition();
		}
		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			background: fade(@tm-primary, 0%);
		}
		a {
			display: block;
			position: absolute;
			border: 1px solid fade(#fff,70%);
			width: 90%;
			height: 90%;
			left: 5%;
			top: 5%;
			z-index: 2;
			.scale(.75);
			.opacity(0);
			color: #fff;
		}
		i.fa-search {
			font-size: 30px;
			position: absolute;
			margin-top: -15px;
			margin-left: -14px;
			top: 50%;
			left: 50%;
		}
	}
	.entry-title {
		font-size: 18px;
		line-height: 40px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.entry-content {
		line-height: 24px;
		.opacity(.5);
		word-wrap: break-word;
	}
	.entry-title,
	.entry-content {
		text-align: center;
	}
	.post-inner {
		&:hover {
			.entry-media {
				&:before {
					background: fade(@tm-primary, 50%);
				}
				// img {
				// 	.scale(1.1);
				// }
				a {
					.scale(1);
					.opacity(1);
				}
			}
		}
	}
}

/* Post split
--------------------------- */

.post.split, .page.split {
	margin-bottom: 10px;
	.post-inner {
		.clearfix();
	}
	.entry-media {
		.make-xs-column(12);
		.make-sm-column(12);
		.make-md-column(7);
		.make-lg-column(5);
		float: left;
		@media (max-width: @screen-sm-max) {
			padding: 0;
		}
		text-align: center;
		img {
			margin: 0 !important;
		}
	}
	.content-wrapper {
		.make-xs-column(12);
		.make-sm-column(12);
		.make-md-column(5);
		.make-lg-column(7);
		word-wrap: break-word;
		float: left;
		text-align: center;
		padding: 40px;
	}
	.entry-title {
		font-size: 36px;
		line-height: normal;
		@media (max-width: @screen-md-max) {
			font-size: 24px;
		}
	}
	.entry-content {
		line-height: 24px;
		
	}
	.entry-meta {
		overflow: hidden;
		text-align: left;
		font-size: 11px;
		.read-more {
			float: right;
			font-weight: 700;
			@media (max-width: @screen-xs-max) {
				float: none;
			}
			i {
			}
			&:after {
				content:"\203A";
				margin-left: 5px;

			}
		}
		.meta-author {
			text-transform: uppercase;
		}
		.meta-author,
		.meta-date {
			margin-right: 15px;
			i {
				margin-right: 5px;
			}
		}
	}
	.entry-content,
	.entry-footer {
	}
	.entry-header,
	.entry-content {
		margin-bottom: 30px;
	}
	@media (min-width: @screen-sm-min) {
		&.odd {
			.entry-media {
				float: right;
				padding-right: 0;
			}
		}
		&.even {
			.entry-media {
				padding-left: 0;
			}
		}
	}
	&.light {
		.post-inner {
			background: fade(@tm-primary,10%);
		}
		.entry-title {
			a {
				&:hover {
					color: @tm-hover;
				}
			}
		}
		.entry-content,
		.entry-footer {
			color: fade(@tm-primary,50%);
			a {
				color: fade(@tm-primary,50%);
				&:hover {
					color: @tm-hover;
				}
			}
		}
		.read-more {
			color: fade(@tm-primary, 85%) !important;
			.link_hover();
			&:hover {
				color: @tm-hover !important;
			}
		}
	}
	&.dark {
		.post-inner {
			background: fade(@tm-primary,90%);
		}
		.entry-title {
			color: #fff;
			a {
				color: #fff;
				&:hover {
					color: @tm-hover;
				}
			}
		}
		.entry-content,
		.entry-footer {
			color: fade(#fff, 50%);
			a {
				color: fade(#fff, 50%);
				&:hover {
					color: @tm-hover;
				}
			}
		}
		.read-more {
			color: fade(#fff, 85%) !important;
			.link_hover();
			&:hover {
				color: @tm-hover !important;
			}
		}
	}
	&.is-with-sidebar {
		.entry-title {
			font-size: 30px;
			@media (max-width: @screen-md-max) {
				font-size: 24px;
			}
		}
	}
}

/* Post single
--------------------------- */
.single-post {
  .tm-page-heading {
	width: 90%;
  }
}
.post.single {

	.entry-media {
		margin-bottom: 30px;
	}
	.entry-content {
		color: fade(#000, 50%);
		margin-bottom: 30px;
		line-height: 1.8;
	}
	.meta-wrapper {
		padding: 30px 0;
		overflow: hidden;
	}
	.entry-meta,
	.entry-social {
		@media (min-width: @screen-sm-min) {
			width: 50%;
			float: left;
		}
		@media (max-width: @screen-xs-max) {
			text-align: center;
			margin-bottom: 15px;
		}
	}
	.entry-meta {
		// .tm-posted-on();
		font-size: 11px;
		text-transform: uppercase;
		color: rgba(0, 0, 0, 0.5);
		font-weight: 700;
		a {
			color: rgba(0, 0, 0, 0.5);
			&:hover {
			  color: @tm-hover;
			}
		}
	}
	.entry-social {
		@media (min-width: @screen-sm-min) {
			text-align: right;
		}
		a {
			display: inline-block;
			margin: 0 3px;
			height: 38px;
			width: 38px;
			border: 2px solid @tm-primary;
			.border_radius(50%);
			line-height: 36px;
			text-align: center;
			&:hover {
				color: @tm-hover;
				border-color: @tm-hover;
			}
		}
	}
	.entry-author-info {
		padding: 40px 0;
		border-top: 1px solid fade(#000, 10%);
		img {
			.border_radius(50%);
			display: inline-block;
		}
		.row {
			@media (min-width: @screen-sm-min) {
				display: table;
				> div {
					vertical-align: middle;
					display: table-cell;
				}
			}
			@media (max-width: @screen-xs-max) {
				> div {
					margin-bottom: 15px;
				}
			}
		}
		.author-id,
		.author-av {
			text-align: center;
		}
		.author-de {
			@media (max-width: @screen-xs-max) {
				text-align: center;
			}
		}
		.fullname {
			font-size: 12px;
			color: fade(@tm-primary, 85%);
			text-transform: uppercase;
			letter-spacing: 3px;
			margin-bottom: 5px;
		}
		.position {
			font-size: 18px;
			font-style: italic;
			color: fade(@tm-primary, 50%);
		}
		.author-de {
			color: fade(#000, 50%);
			line-height: 1.8;
		}
	}
}

/* Comment
--------------------------- */

#comments {
	border-top: 1px solid fade(#000, 10%);
	padding: 40px 0;
	.comments-title {
		margin-bottom: 30px;
	}
	.comment-list {
		> .comment > ol {
			padding-left: 20px;
			@media (min-width: @screen-sm-min) {
				padding-left: 15%;
			}
			> .comment > ol {
				padding-left: 20px;
				@media (min-width: @screen-sm-min) {
					padding-left: 15%;
				}
			}
		}
		.children {
			.comment-content {
				background: fade(#000, 5%);
				padding: 10px;
				.border-radius(5px,5px,5px,5px);
			}
		}
	}
	.comment {
		line-height: 34px;
		> div {
			margin-bottom: 30px;
			overflow: hidden;
		}
	}
	.comment-author {
		float: left;
		width: 15%;
		img {
			.border_radius(50%);
			max-width: 100%;
			height: auto;
			padding-right: 15px;
		}
	}
	.comment-content {
		float: left;
		width: 85%;
		color: fade(#000, 70%);
		a {
			color: fade(#000, 70%);
		}
	}
	.metadata {
		margin-top: 15px;
		border-top: 1px solid fade(#000, 10%);
		text-align: right;
		overflow: hidden;
		a:before {
			margin-right: 5px;
		}
		.fn {
			text-transform: uppercase;
			float: left;
			font-weight: 700;
			font-style: normal;
			a:before {
				.font-awesome("\f007");
			}
		}
		> a {
			&:before {
				.font-awesome("\f017");
			}
			&:hover {
				color: @tm-hover;
			}
		}
		.comment-edit-link,
		.comment-reply-link {
			&:before {
				display: none;
			}
		}
		.comment-reply-link {
			color: fade(#00b3ff, 60%);
			text-transform: uppercase;
			margin-left: 10px;
			&:hover {
				color: fade(#00b3ff, 80%)
			}
		}
	}
	.tm-comment-respond {
		.entry-media {
			@media (max-width: @screen-xs-max) {
				display: none;
			}
			img {
				.border_radius(50%);
			}
		}
	}
	.comment-respond {
		.comment-reply-title {
			// display: none;
		}
		#cancel-comment-reply-link {
			color: fade(@tm-primary, 50%);
			&:before {
				.font-awesome("\f057");
				margin-right: 5px;
			}
			&:hover {
				color: @tm-hover;
			}
		}
		.logged-in-as {
			color: fade(#000, 70%);
			margin-bottom: 15px;
			a {
				color: fade(#000, 70%);
				&:hover {
					color: @tm-hover;
				}
			}
		}
		input,
		textarea {
			border: 1px solid @tm-primary;
			padding: 8px 10px;
			display: block;
			width: 100%;
			margin-bottom: 15px;
			.border_radius(3px);
			color: @tm-primary;
			&::-webkit-input-placeholder {
				color: fade(@tm-primary, 80%);
			}
			&:-moz-placeholder {
				color: fade(@tm-primary, 80%);
			}
			&::-moz-placeholder {
				color: fade(@tm-primary, 80%);
			}
			&:-ms-input-placeholder {
				color: fade(@tm-primary, 80%);
			}
			&:focus {
				background: fade(#000, 5%);
			}
			.transition();
		}
		input[type="submit"] {
			.tm-button-border();
			float: right;
			width: auto;
		}
		textarea {
			resize: none;
			min-height: 100px;
		}
	}
}

/* Page header
--------------------------- */

#tm-page-header {
	margin-bottom: 30px;
	position: relative;
	@media (min-width: @screen-sm-min) {
		margin-bottom: 60px;
	}
	&:after {
		content: '';
		display: block;
		clear: both;
	}
	.tm-cats-list .tm-label,
	.tm-cats-list .tm-label i {
		.transition();
	}
	.tm-page-heading {
		font-size: 45px;
		padding: 0;
		float: none;
		@media (max-width: @screen-sm-max) {
			font-size: 30px;
		}
		&.underline {
			span {
				@media (min-width: @screen-md-min) {
					border-bottom: 1px solid;
				}
			}
		}
	}
	.tm-cats-list {
		position: relative;
		z-index: 4;
		@media (min-width: @screen-md-min) {
			position: absolute;
			right: 0;
			top: 50%;
			margin-top: -19px;
		}
		@media (max-width: @screen-sm-max) {
			margin-top: 10px;
		}
		clear: both;
		font-size: 12px;
		text-transform: uppercase;
		height: 38px;
		width: 150px;
		.tm-label {
			line-height: 36px;
			padding: 0 15px;
			border: 1px solid @tm-primary;
			display: block;
			.border_radius();
			cursor: pointer;
			text-align: center;
			&:hover {
				background: @tm-primary;
				color: fade(#fff, 70%);
				i {
					color: fade(#fff, 70%);
					transform: rotate(0);
					-webkit-transform: rotate(0);
					-moz-transform: rotate(0);
				}
			}
		}
		> ul {
			padding: 10px 15px;
			border: 1px solid @tm-primary;
			border-top: none;
			.border_radius(0 0 5px 5px);
			background: #fff;
			position: relative;
			z-index: 2;
			display: none;
			ul {
				padding-left: 10px;
			}
			li {
				display: block;
			}
			a {
				line-height: 20px;
				display: block;
			}
		}
		&.is-open {
			.tm-label {
				background: @tm-primary;
				color: fade(#fff, 70%);
				i {
					color: fade(#fff, 70%);
					transform: rotate(540deg);
					-webkit-transform: rotate(540deg);
					-moz-transform: rotate(540deg);
				}
			}
		}
	}
}

/* Pagination
--------------------------- */
.tm-pagination {
	text-align: center;
	margin: 50px 0;
	.page-numbers {
		height: 38px;
		width: 38px;
		display: inline-block;
		border: 1px solid @tm-primary;
		.border_radius();
		line-height: 36px;
		cursor: pointer;
		&.current {
			cursor: default;
		}
		&:hover,
		&.current {
			background: @tm-primary;
			color: fade(#fff, 80%);
		}
	}
}