/*
 * Shortcode: common.scss
 * -----------------------------------------------
*/
.tm-sc-blog {
	article {
		.entry-meta i {
		}
		.box-hover-effect {
			display: block;
		}
		.post-thumb {
			.post-thumb-inner {
				.thumb {
					display: flex;
					overflow: hidden;
					position: relative;
					img {
						@include scale(1);
						@include transition(all .4s ease-in-out);
					}
					&:after {
						content: "";
						position: absolute;
						bottom: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background-color: rgba(0, 0, 0, 0.6);
						@include transition(all .3s linear);
						overflow: hidden;
						-webkit-transform: scaleY(0);
						-khtml-transform: scaleY(0);
						-moz-transform: scaleY(0);
						-ms-transform: scaleY(0);
						-o-transform: scaleY(0);
						transform: scaleY(0);
						opacity: 0;
					}
					.icon-link {
						background: #2d1212;
						color: #fff;
						opacity: 0;
						filter: alpha(opacity=0);
						-webkit-transition: all .45s;
						transition: all .45s;
						-moz-transition: all .45s;
						-ms-transition: all .45s;
						width: 32px;
						height: 32px;
						line-height: 33px;
						position: absolute;
						top: 15px;
						right: 15px;
						z-index: 99;
						text-align: center;
						margin-top: 45px;
					}
				}
			}
		}

		&:hover {
			.post-thumb {
				.post-thumb-inner {
					.thumb {
						img {
							@include scale(1);
						}
						&:after {
							-webkit-transform: scaleY(1);
							-khtml-transform: scaleY(1);
							-moz-transform: scaleY(1);
							-ms-transform: scaleY(1);
							-o-transform: scaleY(1);
							transform: scaleY(1);
							opacity: 1;
						}
						.icon-link {
							opacity: 1;
						}
					}
				}
			}
		}
	}

	&.tm-sc-blog-masonry-tiles {
		.has-masonry-tiles-fixed-image-size {
			&.isotope-layout {
				.isotope-item {
					.isotope-item-inner {
						height: 100%;
						.post {
							height: 100%;
							.entry-header {
								height: 100%;
								.post-thumb {
									height: 100%;
									.post-thumb-inner {
										height: 100%;
										.thumb {
											height: 100%;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}

	&.blog-style1-current-theme {
		.isotope-item-inner {
			overflow: visible;
		}
		article {
			@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.08) );
			-webkit-transition: all .3s cubic-bezier(.70,.04,.37,1);
			transition: all .3s cubic-bezier(.70,.04,.37,1);
			.entry-header {
				position: relative;
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				-webkit-transition: all .3s cubic-bezier(.70,.04,.37,1);
				transition: all .3s cubic-bezier(.70,.04,.37,1);
				.thumb {
					border-radius: 7px 7px 0 0;
				}
				.post-single-meta {
					background: #242424;
					color: #fff;
					position: absolute;
					bottom: -18px;
					left: 30px;
					padding: 8px 20px;
					font-size: 10px;
					text-transform: uppercase;
					letter-spacing: 1px;
					z-index: 1;
					i {
						display: none;
					}
					a {
						color: #fff;
					}
				}
				.link {
					background: #333;
					position: absolute;
					left: 0;
					top: 45%;
					right: 0;
					height: 50px;
					width: 50px;
					color: #fff;
					padding: 10px;
					text-align: center;
					margin: 0 auto;
					z-index: 1;
					opacity: 0;
					@include transition(all .4s ease-in-out);
				}
			}
			.entry-content {
				padding: 40px 30px 30px 30px;
				background-color: #fff;
				.entry-title {
					margin-top: 0;
					margin-bottom: 1.2rem;
				}
				.post-excerpt {
					margin-bottom: 20px;
					border-bottom: 1px solid #eee;
					padding-bottom: 20px;
				}
				.entry-meta {
					font-size: 14px;
					margin-bottom: 0;
					color: #999;
				}
				.post-btn-readmore {
					float: left;
					.btn-plain-text {
						color: #F89D35;
						font-size: 12px;
						&:hover, &:focus {
							color: #000;
						}
					}
				}
			}
			&:hover {
				box-shadow: 0 20px 30px rgba(0,0,0,.15);
				.entry-header {
					-webkit-transform: translateY(-10px);
					-ms-transform: translateY(-10px);
					transform: translateY(-10px);
					.link {
						opacity: 1;
						transform: rotateY(180deg);
					}
				}
			}
		}
	}

	&.blog-style2-classic {
		article {
			.entry-header {
				position: relative;
				overflow: hidden;
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				-webkit-transition: all .3s cubic-bezier(.70,.04,.37,1);
				transition: all .3s cubic-bezier(.70,.04,.37,1);

				.post-single-meta {
					background: #242424;
					color: #fff;
					position: absolute;
					right: 30px;
					bottom: 30px;
					padding: 8px 20px;
					font-size: 10px;
					text-transform: uppercase;
					letter-spacing: 1px;
					z-index: 1;
					i {
						display: none;
					}
					a {
						color: #fff;
					}
					.entry-date {
						.month {
							display: block;
							font-size: 20px;
							line-height: 1.1;
						}
						.day {
							display: block;
							font-size: 32px;
							line-height: 1.1;
						}
						.year {
							display: none;
						}
					}
				}
				.link {
					background: #333;
					position: absolute;
					left: 0;
					top: 45%;
					right: 0;
					height: 50px;
					width: 50px;
					color: #fff;
					padding: 10px;
					text-align: center;
					margin: 0 auto;
					z-index: 1;
					opacity: 0;
					@include transition(all .4s ease-in-out);
					&:hover {
						transform: rotateY(180deg);
					}
				}
			}
			.entry-content {
				padding: 20px 0 0;
				.entry-title {
					margin-top: 0;
					margin-bottom: 1rem;
				}
				.post-excerpt {
					margin-bottom: 20px;
				}
				.entry-meta {
					font-size: 14px;
					margin-bottom: 20px;
					color: #999;
				}
				.post-btn-readmore {
					float: left;
					.btn-plain-text {
						color: #F89D35;
						font-size: 12px;
						&:hover, &:focus {
							color: #000;
						}
					}
				}
			}
			&:hover {
				.entry-header {
					box-shadow: 0 20px 30px rgba(0,0,0,.15);
					-webkit-transform: translateY(-10px);
					-ms-transform: translateY(-10px);
					transform: translateY(-10px);
					.link {
						opacity: 1;
					}
				}
			}
		}
	}

	&.blog-style3-modern {
		.isotope-item-inner {
			overflow: visible;
		}
		article {
			margin-bottom: 30px;
			.entry-header {
				position: relative;
				.post-single-meta {
					background: #242424;
					color: #fff;
					position: absolute;
					right: 30px;
					top: 30px;
					padding: 8px 20px;
					font-size: 10px;
					text-transform: uppercase;
					letter-spacing: 1px;
					z-index: 1;
					i {
						display: none;
					}
					a {
						color: #fff;
					}
					.entry-date {
						.month {
							display: block;
							font-size: 20px;
							line-height: 1.1;
						}
						.day {
							display: block;
							font-size: 32px;
							line-height: 1.1;
						}
						.year {
							display: none;
						}
					}
				}
				.link {
					background: #333;
					position: absolute;
					left: 0;
					top: 45%;
					right: 0;
					height: 50px;
					width: 50px;
					color: #fff;
					padding: 10px;
					text-align: center;
					margin: 0 auto;
					z-index: 1;
					opacity: 0;
					@include transition(all .4s ease-in-out);
					&:hover {
						transform: rotateY(180deg);
					}
				}
			}
			.entry-content {
				text-align: center;
				padding: 40px 20px 60px;
				border-radius: 5px;
				background: #fff;
				position: relative;
				z-index: 999;
				margin: -30px 20px 0;
				@include box-shadow( 0px 30px 50px rgba(5, 5, 5, 0.04) );
				-webkit-transition: all .3s cubic-bezier(.70,.04,.37,1);
				transition: all .3s cubic-bezier(.70,.04,.37,1);
				.entry-title {
					margin-top: 0;
					margin-bottom: 1rem;
				}
				.post-excerpt {
					margin-bottom: 20px;
				}
				.entry-meta {
					font-size: 14px;
					margin-bottom: 20px;
					color: #999;
				}
				.post-btn-readmore {
					position: absolute;
					bottom: -30px;
					left: 50%;
					-webkit-transform: translate(-50%);
					-ms-transform: translate(-50%);
					transform: translate(-50%);
					width: 60px;
					height: 60px;
					border: 2px solid #111;
					border-radius: 50%;
					background-color: #fff;
					display: table;
					-webkit-transition: all .3s cubic-bezier(.70,.04,.37,1);
					transition: all .3s cubic-bezier(.70,.04,.37,1);
					.btn-plain-text-with-arrow {
						display: table-cell;
						position: absolute;
						top: 50%;
						left: 50%;
						-webkit-transform: translate(-50%,-50%);
						-ms-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
						&:after {
							top: 0;
							font-size: 24px;
							color: #111;
						}
						&:hover, &:focus {
							color: #000;
						}
					}
				}
			}
			&:hover {
				.entry-header {
					.link {
						opacity: 1;
					}
				}
				.entry-content {
					-webkit-transform: translateY(-10px);
					-ms-transform: translateY(-10px);
					transform: translateY(-10px);
					box-shadow: 0 20px 40px rgba(0,0,0,.09);
				}
			}
		}
	}

	&.blog-style4-everything-over-image {
		article {
			.owl-nav {
				display: none;
			}
			.entry-header {
				.thumb {
					img {
						@include scale(1);
						-webkit-transition: all .3s cubic-bezier(.70,.04,.37,1);
						transition: all .3s cubic-bezier(.70,.04,.37,1);
					}
				}
				.post-single-meta {
					background: #242424;
					color: #fff;
					position: absolute;
					right: 30px;
					top: 30px;
					padding: 8px 20px;
					font-size: 10px;
					text-transform: uppercase;
					letter-spacing: 1px;
					z-index: 1;
					i {
						display: none;
					}
					a {
						color: #fff;
					}
					.entry-date {
						.month {
							display: block;
							font-size: 20px;
							line-height: 1.1;
						}
						.day {
							display: block;
							font-size: 32px;
							line-height: 1.1;
						}
						.year {
							display: none;
						}
					}
				}
			}
			.entry-content-wrapper {
				box-sizing: border-box;
				padding: 20px;
				position: absolute;
				left: 0;
				top: 0;
				height: 100%;
				width: 100%;
				.entry-content {
					display: table;
					height: 100%;
					width: 100%;
					overflow: hidden;
					.entry-content-inner {
						display: table-cell;
						padding: 20px;
						height: 100%;
						width: 100%;
						position: relative;
						vertical-align: bottom;
						z-index: 9;
						-webkit-transform: translateY(70px);
						-ms-transform: translateY(70px);
						transform: translateY(70px);
						-webkit-transition: all .3s cubic-bezier(.70,.04,.37,1);
						transition: all .3s cubic-bezier(.70,.04,.37,1);
						.entry-title {
							color: #fff;
							margin-top: 0;
							margin-bottom: 1rem;
						}
						.post-excerpt {
							color: #fff;
							margin-bottom: 20px;
						}
						.entry-meta {
							font-size: 14px;
							margin-bottom: 20px;
							color: #fff;
							text-transform: capitalize;
							a {
								color: #fff;
							}
						}
						.post-btn-readmore {
							opacity: 0;
							@include transition(all .4s ease-in-out);
							a {
								color: #fff;
							}
						}
					}
				}
			}
			&:hover {
				.entry-header {
					.thumb {
						img {
							-webkit-transform: translateY(-10px) scale(1.1);
							-ms-transform: translateY(-10px) scale(1.1);
							transform: translateY(-10px) scale(1.1);
						}
					}
				}
				.entry-content-wrapper {
					.entry-content {
						.entry-content-inner {
							-webkit-transform: translateY(0);
							-ms-transform: translateY(0);
							transform: translateY(0);
							.entry-meta {
							}
							.post-btn-readmore {
								opacity: 1;
							}
						}
					}
				}
			}
		}
	}

	&.blog-style5-vertical-list {
		.isotope-layout {
			margin-left: 0;
			.isotope-item {
			}
		}
		article {
			padding: 2.2rem 0 2.5rem;
			border-bottom: 1px solid #eee;
			&:last-child {
				border-bottom: none;
				padding-bottom: 0;
			}
			&:first-child {
				padding-top: 0;
			}
			.entry-header {
			}
			.entry-content {
				.entry-title {
					margin-top: 0;
					margin-bottom: 1rem;
				}
				.entry-meta {
					font-size: 14px;
					margin-bottom: 0;
					color: #999;
				}
			}
		}
	}

	&.blog-style6-alternative-design {
		article {
			.owl-nav {
				display: none;
			}
			.entry-header {
				.thumb {
					img {
						@include scale(1);
						-webkit-transition: all .3s cubic-bezier(.70,.04,.37,1);
						transition: all .3s cubic-bezier(.70,.04,.37,1);
					}
				}
				.post-single-meta {
					position: absolute;
					left: 30px;
					top: 30px;
					font-size: 10px;
					text-transform: uppercase;
					letter-spacing: 1px;
					z-index: 1;
					-webkit-transition: all .3s cubic-bezier(.70,.04,.37,1);
					transition: all .3s cubic-bezier(.70,.04,.37,1);
					i {
						display: none;
					}
				}
			}
			.entry-content-wrapper {
				box-sizing: border-box;
				padding: 20px;
				position: absolute;
				left: 0;
				top: 0;
				height: 100%;
				width: 100%;
				-webkit-transition: all .3s cubic-bezier(.70,.04,.37,1);
				transition: all .3s cubic-bezier(.70,.04,.37,1);
				.entry-content {
					display: table;
					height: 100%;
					width: 100%;
					overflow: hidden;
					.entry-content-inner {
						display: table-cell;
						height: 100%;
						width: 100%;
						position: relative;
						vertical-align: bottom;
						z-index: 9;
						-webkit-transform: translateY(10px);
						-ms-transform: translateY(10px);
						transform: translateY(10px);
						-webkit-transition: all .3s cubic-bezier(.70,.04,.37,1);
						transition: all .3s cubic-bezier(.70,.04,.37,1);
						.entry-title {
							margin-top: 0;
							margin-bottom: 1rem;
						}
						.entry-meta {
							font-size: 14px;
							margin-bottom: 20px;
							text-transform: capitalize;
						}
					}
				}
			}
			&:hover {
				.entry-header {
					.thumb {
						img {
							-webkit-transform: translateY(-10px) scale(1.1);
							-ms-transform: translateY(-10px) scale(1.1);
							transform: translateY(-10px) scale(1.1);
						}
					}
				}
				.entry-content-wrapper {
					.entry-content {
						.entry-content-inner {
							-webkit-transform: translateY(0);
							-ms-transform: translateY(0);
							transform: translateY(0);
						}
					}
				}
			}


			.post-thumb {
				.post-thumb-inner {
					.thumb {
						&:before {
							display: none;
						}
						&:after {
							background-color: rgba(250, 250, 250, 0.96);
							-webkit-transform: scaleY(1);
							-khtml-transform: scaleY(1);
							-moz-transform: scaleY(1);
							-ms-transform: scaleY(1);
							-o-transform: scaleY(1);
							transform: scaleY(1);
							opacity: 1;
						}
					}
				}
			}

			&:hover {
				.post-thumb {
					.post-thumb-inner {
						.thumb {
							&:after {
								-webkit-transform: scaleY(1);
								-khtml-transform: scaleY(1);
								-moz-transform: scaleY(1);
								-ms-transform: scaleY(1);
								-o-transform: scaleY(1);
								transform: scaleY(1);
								opacity: 1;
							}
						}
					}
				}
			}
		}

		.isotope-layout-inner {
			.isotope-item:not(.isotope-item-sizer) {
				&:nth-child(8n + 1), &:nth-child(8n + 3),
				&:nth-child(8n + 6), &:nth-child(8n + 8) {
					article {
						.post-thumb {
							.post-thumb-inner {
								.thumb {
									&:before {
										display: none;
									}
									&:after {
										opacity: 0;
									}
								}
							}
						}
						.post-single-meta {
							opacity: 0;
							color: #fff;
							a {
								color: #fff;
							}
						}
						.entry-content-wrapper {
							opacity: 0;
							.entry-content {
								.entry-content-inner {
									.entry-title {
										color: #fff;
										a:hover {
											color: #fff;
										}
									}
									.post-excerpt {
										color: #fff;
									}
									.entry-meta {
										color: #fff;
										a {
											color: #fff;
										}
									}
								}
							}
						}
						&:hover {
							.post-thumb {
								.post-thumb-inner {
									.thumb {
										&:after {
											opacity: 1;
										}
									}
								}
							}
							.post-single-meta {
								opacity: 1;
							}
							.entry-content-wrapper {
								opacity: 1;
							}
						}
					}
				}
			}
		}
		article {
			&.format-link {
				.link-content {
					.link-content-wrapper {
						.title {
							font-size: 1rem;
						}
						.link {
							color: #999;
						}
					}
				}
			}
			&.format-quote {
				.quote-content {
					.quote-content-wrapper {
						blockquote {
							.quote {
								font-size: 1rem;
								margin-bottom: 20px;
								line-height: 1.5;
							}
							footer {
								font-size: 0.9rem;
								color: #999;
							}
						}
					}
				}
			}
		}
		.isotope-layout-inner {
			.isotope-item {
			}
		}
	}

	&.tm-sc-blog-floating-parallax {
		.floating-posts-holder {
			text-align: center;
			article {
				padding: 30px;
			}
			&:nth-child(4n + 1), &:nth-child(4n + 4) {
				article {
					@include media-breakpoint-down(lg) {
					}
				}
			}

			.entry-meta i {
				display: none;
			}
			.entry-header {
				clip-path: inset(0% 0% 0% 0%);
				-webkit-transition: all .3s cubic-bezier(.70,.04,.37,1);
				transition: all .3s cubic-bezier(.70,.04,.37,1);
			}
			.post-thumb {
				.post-thumb-inner {
					.thumb {
						border-radius: 7px;
					}
				}
			}
			&:hover {
				.entry-header {
					clip-path: inset(3% 3% 3% 3%);
				}
			}
		}
	}

}