.blog-list {
	.post.sticky {
		display: block;
		border-color: $color__theme;

		.blog-content {

			.entry-title {
				a {
					color: $color__theme;
				}
			}
		}
	}
}

.updated:not(.published) {
	display: none;
}

.no-results {
	.page-content {
		padding: 50px 0 120px;
		text-align: left;

		@media(max-width: 991px) {
			padding: 50px 0 80px;
		}
	}
}

.page-content,
.entry-content,
.entry-summary {
	word-break: break-word;

	&:after {
		content: '';
		clear: both;
		display: block;
	}
}

.page-header {
	.page-title {
		font-size: 40px;
		margin-top: 0;
		margin-bottom: 50px;
	}
}

.page-content {
	padding: 120px 0;
}

.page-template-default {
	.page-content {
		padding: 114px 0 97px;

		.comments-area {
			padding: 34px 0 23px;
		}

		.page-links {
			margin-bottom: 20px;
		}
	}
}

.blog-post-archive {
	padding: 120px 0;
}

.search-no-results {
	.page-content {
		.page-content {
			padding: 20px 0 0;
		}
	}
}

.post-author {
	font-weight: 600;
	color: $color__heading;
	display: block;

	img {
		border-radius: 50% !important;
		margin-right: 5px;
	}

	&:hover {
		color: $color__theme;
	}
}


.post-wrapper,
.blog-posts {
	.blog-post-list {
		margin-bottom: 50px;
	}
}

.post-wrapper {
	&.blog-masonry {
		width: calc(100% + 30px);

		.post-item {
			width: calc(50% - 30px);
			margin-right: 30px;
			margin-bottom: 50px;
		}

		&.column-3 {
			.post-item {
				width: calc(33.33% - 30px);
			}
		}
	}

	.post-item {
		margin-bottom: 60px;
	}
}

/* POst Grid */

.post-grid {
	position: relative;
	background: #fff;
	transition: all 0.3s ease-in-out;
	margin-bottom: 30px;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);

	.meta-category-wrapper {
		a {
			display: inline-block !important;
			border: 0;
			font-size: 13px;
			font-weight: 600;
			line-height: 1;
			padding: 6px 15px;
			background-color: rgba(23, 92, 255, 0.15);

			&:hover {
				color: #fff;
				background: $color__theme;
			}


			&:not(:last-child) {
				margin-right: 7px;
			}
		}
	}

	.feature-image {
		position: relative;
		overflow: visible;

		&:hover {
			img {
				transform: scale(1);
			}
		}
	}

	.blog-content {
		padding: 19px 30px 40px;

		.entry-title {
			font-size: 20px;
			line-height: 1.2;
			font-weight: 600;
			margin: 14px 0 9px;
		}

		.author {
			span {
				display: inline-block;
				margin-right: 5px;
			}
		}

		.author-simple {
			a {
				color: #5c5c60;

				&:hover {
					color: $color__theme;
				}
			}
		}

		p {
			margin-bottom: 26px;
		}

		.read_more_btn {
			display: inline-flex;
			align-items: center;
			text-transform: uppercase;
			font-weight: 600;
			font-size: 14px;


			i {
				margin-left: 5px;
				color: $color__heading;
			}

			&:hover {
				i {
					margin-left: 8px;
					transition: all 0.3s ease-in-out;
					color: $color__theme;

				}
			}
		}

	}

	&:hover {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 30px 50px 0px rgba(1, 4, 45, 0.08);

		.feature-image {
			img {
				transform: scale(1);
			}
		}
	}

	&.style-two {
		margin-bottom: 30px;
		box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.05);
		overflow: hidden;
		padding: 15px;
		border-radius: 20px;



		.feature-image {
			overflow: hidden;
			border-radius: 10px;

			img {
				min-height: 270px;
				border-radius: 10px;
			}

			@media(max-width: 576px) {
				width: 50%;
			}

			@media(max-width: 420px) {
				width: 100%;

				img {
					width: 100%;
				}
			}
		}


		.blog-content {
			flex: 1;
			padding: 20px;

			.entry-title {
				font-size: 20px;
				margin-bottom: 10px;
				line-height: 29px;
			}

			p {
				margin-bottom: 0;
			}

			.author-simple {
				a {
					color: #696969;

					&:hover {
						color: $color__theme;
					}
				}
			}
		}

		.meta-category-wrapper {
			margin-bottom: 16px;
		}

		&:hover {
			box-shadow: 0px 0px 35px 0px rgba(0, 153, 255, 0.15);
		}
	}

	&.style-three {

		.feature-image {
			img {
				min-height: 360px;
			}

			a {
				&:before {
					display: none;
				}
			}
		}

		.meta-category-wrapper {
			position: absolute;
			z-index: 2;
			top: 20px;
			right: 20px;

			a {
				display: inline-block;
				position: relative;
				color: $color__theme;
				overflow: hidden;

				&:after {
					content: "";
					position: absolute;
					left: 0;
					right: 0;
					bottom: 0;
					z-index: -1;
					height: 0;
					background: #2acaff;
					border-radius: 50% 50% 0 0;
					transition: height 0.4s ease-in-out;
				}

				&:hover {
					color: #fff;
					background-color: transparent;

					&:after {
						height: 300%;
					}
				}

				&:not(:last-child) {
					margin-right: 7px;
				}
			}
		}

		.blog-content {
			padding: 34px 30px 50px;

			.entry-title {
				font-size: 30px;
				line-height: 1.4;
				font-weight: 700;
				margin: 0 0 12px;

				@media(max-width: 576px) {
					font-size: 22px;
				}
			}

			.author-simple {
				a {
					color: #696969;

					&:hover {
						color: $color__theme;
					}
				}
			}

		}
	}

	&.style-four {
		box-shadow: none;
		border: 1px solid #e1e2e2;
		// padding: 20px 20px 27px;

		.feature-image {
			transition: all 0.3s ease-in-out;
			overflow: hidden;
			padding: 20px 20px 0 20px;
			border-radius: 5px 5px 0 0;
			position: relative;
			z-index: 1;


			a {
				&:before {
					display: none;
				}
			}

			img {
				height: 240px;
				border-radius: 5px 5px 0 0;
			}
		}

		.meta-category-wrapper {
			position: absolute;
			z-index: 2;
			top: 40px;
			left: 40px;

			a {
				display: inline-block;
				position: relative;
				color: #fff;
				overflow: hidden;

				&:after {
					content: "";
					position: absolute;
					left: 0;
					right: 0;
					bottom: 0;
					z-index: -1;
					height: 300%;
					background: $color__theme;
					border-radius: 50% 50% 0 0;
					transition: height 0.4s ease-in-out;
				}

				&:hover {
					color: #fff;
					background-color: transparent;
					border-color: #fff;

					&:after {
						height: 0;
					}
				}

				&:not(:last-child) {
					margin-right: 7px;
				}
			}
		}

		.blog-content {
			padding: 30px 20px 30px;

			.entry-title {
				margin: 16px 0 22px;
				line-height: 1.3;
				font-weight: 600;
			}

			.author-simple {
				.author {
					margin-left: 0;

					a {
						font-weight: 400;
						font-size: 14px;
						color: #949292;

						&:hover {
							color: $color__theme;
						}
					}
				}
			}

			.read_more_btn {
				text-transform: capitalize;
				font-size: 15px;
			}
		}

		.post-meta {
			li {
				text-transform: uppercase;
				font-weight: 400;
			}
		}

		&:hover {
			.feature-image {
				img {
					transform: scale(1.2);
				}
			}
		}
	}

	&.style--three {
		background-color: #202020;
		border-radius: 5px;
		padding: 25px;
		overflow: visible;

		.feature-image img {
			height: 210px;
		}

		.plus-icon {
			position: absolute;
			height: 46px;
			width: 46px;
			line-height: 48px;
			background: linear-gradient(96.49deg, #0082F8 0%, #3C10F2 101.82%);
			border-radius: 50%;
			color: #fff;
			text-align: center;
			font-size: 20px;
			right: 0;
			bottom: -45px;
			opacity: 0;
			visibility: hidden;
		}

		.blog-content {
			padding: 17px 0 0;
			position: relative;

			.entry-title {
				margin-top: 0;
				margin-bottom: 16px;
				line-height: 1.4;

				a {
					color: #fff;

					&:hover {
						color: $color__theme;
					}
				}
			}

			p {
				color: #D7D7D7;
			}

			.author-simple {
				a {
					color: #fff;
					font-size: 14px;

					&:hover {
						color: $color__theme;
					}
				}
			}
		}

		&:hover {
			.plus-icon {
				opacity: 1;
				visibility: visible;
			}
		}


	}
}

.post-meta {
	margin: 0;
	padding: 5px 0 0;
	line-height: 1;

	li {
		display: inline-flex;
		position: relative;
		font-size: 14px;
		color: #696969;
		align-items: center;

		i {
			margin-right: 8px;
			font-size: 16px;
			color: $color__theme;
			line-height: 0.9;
		}

		&:not(:last-child) {
			margin-right: 14px;

			@media(max-width: 480px) {
				margin-bottom: 15px;
			}
		}

		.author {
			a {
				color: #5c5c60;
				font-weight: 400;
				font-size: 15px;

				&:hover {
					color: $color__theme;
				}
			}
		}

		a {
			margin: 0;
			color: #71717c;
			line-height: normal;
			font-size: 15px;

			&:hover {
				color: $color__theme;
			}
		}
	}
}

.post-categories {
	margin: 0;
	padding: 0;
	list-style: none;

	li {
		display: inline-block;
		position: relative;

		&:not(:last-child) {
			a {
				&:after {
					content: '/';
					position: absolute;
					right: -15px;
					top: 0;
				}
			}
		}
	}
}

.entry-meta,
.post-categories {
	a {
		color: $color__theme;
		font-size: 12px;
		display: inline-block;
		text-transform: uppercase;
		margin-right: 20px;
		position: relative;
		line-height: 1.2;
		font-weight: 400;

		&:not(:last-child) {
			&:after {
				content: '/';
				position: absolute;
				right: -15px;
				top: 0;
			}
		}
	}
}


/** Blog List */
.blog-post-list {
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	width: 100%;

	&.sticky {
		box-shadow: none;
		background: #f4f5f7;

		.entry-title {
			a {
				color: $color__theme;
			}
		}
	}

	.post-thumbnail-wrapper {
		position: relative;
	}

	.post-thumbnail {
		position: relative;
		display: block;
		overflow: hidden;
		border-radius: 6px;
	}


	.entry-header {
		padding: 50px 50px 0;

		.entry-title {
			font-size: 24px;
			font-weight: 700;
			-ms-word-wrap: break-word;
			word-wrap: break-word;
		}
	}

	.meta-category-wrapper {
		position: absolute;
		top: 20px;
		left: 30px;
		z-index: 2;

		a {
			font-size: 14px;
			display: inline-block;
			padding: 2px 15px;
			color: #fff;
			border-radius: 4px;
			margin-right: 10px;
			position: relative;
			overflow: hidden;
			background-color: $color__theme;
			border: 0;

			&:hover {
				background-color: darken($color__theme, 5%);
			}
		}
	}

	.blog-content {
		padding: 30px 30px 45px;
	}

	.entry-title {
		font-size: 24px;
		line-height: 1.2;
		margin-bottom: 13px;
		font-weight: 600;
		word-wrap: break-word;

		a {
			color: $color__heading;


			&:hover {
				color: $color__theme;
			}
		}
	}

	.entry-content {
		p {
			margin-bottom: 35px;
		}
	}

	&.sticky {
		.post-thumbnail {
			margin-bottom: 0;
		}

		.entry-header {
			.entry-title {
				a {
					color: $color__theme;

					&:hover {
						color: $color__theme;
					}
				}
			}
		}
	}

	.blog-footer {
		display: flex;
		justify-content: space-between;
		align-items: center;

		.tt-btn {
			padding: 6px 27px;

			i {
				margin-left: 7px;
				font-size: 13px;
				line-height: 1;
				margin-top: 1px;
			}
		}
	}

	.post-meta-wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;

		.post-meta {
			color: #696969;
			font-size: 16px;
			line-height: 1;
			padding: 0;
			margin-bottom: 17px;

			li {
				font-size: 15px;

				.author {
					margin-left: 0;
				}
			}

			i {
				display: inline-block;
				line-height: 1;
				color: #175cff;
			}

			a {
				color: #71717c;
				display: inline-block;

				&:hover {
					color: $color__theme;
				}
			}
		}

	}
}

.meta-category-wrapper {

	a {
		font-size: 13px;
		display: inline-block;
		padding: 0 15px;
		color: $color__theme;
		border-radius: 4px;
		margin-right: 10px;
		background-color: rgba(23, 92, 255, 0.15);

		&:hover {
			background: $color__theme;
			color: #fff;
			border-color: $color__theme;
		}
	}
}

.post-meta-list {
	margin: 0;
	padding: 0;
	list-style: none;

	li {
		display: inline-block;
		margin-right: 20px;
		font-size: 16px;
		color: #696969;
		font-weight: 400;

		i {
			margin-right: 10px;
			color: #5c6f96;
			font-size: 14px;
		}

		a {
			color: #696969;
			font-weight: 400;
			font-size: 16px;

			&:hover {
				color: $color__theme;
			}
		}
	}
}

.related-post-wrapper {
	margin-top: 92px;

	.related-title {
		font-size: 30px;
		margin-bottom: 42px;
		font-weight: 600;
	}
}


.related-post {
	background-color: #f4f5f7;
	border-radius: 15px;
	overflow: hidden;

	.feature-image {
		img {
			min-height: 260px;
			width: 100%;
			object-fit: cover;
		}
	}

	.post-meta {
		margin-bottom: 17px;
		padding-top: 0;

		li {
			a {
				font-size: 13px;
				border-radius: 4px;
				padding: 6px 13px;
				display: inline-block;
				overflow: hidden;
				position: relative;
				z-index: 1;
				font-weight: 600;
				line-height: 1;
				color: $color__theme;
				background-color: rgba(23, 92, 255, 0.15);

				&:hover {
					background-color: $color__theme;
					color: #fff;
				}

				&:not(:last-child) {
					margin-right: 10px;
				}
			}
		}
	}

	.post-footer-meta {
		margin: 0;
		padding: 0;
		list-style: none;

		li {
			display: inline-block;
			position: relative;
			color: #5c5c60;

			&:not(:last-child) {
				margin-right: 25px;
			}

			a {
				color: #5c5c60;
				font-size: 15px;
				font-weight: 400;

				&:hover {
					color: $color__theme;
				}
			}

			i {
				color: $color__theme;
				margin-right: 10px;
			}
		}
	}

	.blog-content {
		padding: 30px 30px 34px;

		.post-title {
			font-size: 20px;
			margin-bottom: 17px;
			font-weight: 600;
			line-height: 1.3;
		}
	}
}


.share_social-wpapper {
	display: flex;
	padding: 0;
	align-items: center;

	.share-text {
		text-transform: uppercase;
		letter-spacing: 2px;
		color: $color__heading;
		font-weight: 600;
	}
}

//.social-share-link {
//	margin: 0;
//	padding: 0;
//	list-style: none;
//	display: flex;
//	flex-wrap: wrap;
//
//	li {
//		a {
//			background-color: #fff;
//			box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.2);
//			font-size: 13px;
//			margin-left: 10px;
//			color: #7e8d9f;
//			border-radius: 3px;
//			height: 30px;
//			width: 30px;
//			transition: all 0.3s ease-in-out;
//			display: inline-flex;
//			align-items: center;
//			justify-content: center;
//
//
//			&:hover {
//				background-color: $color__theme;
//				color: #fff;
//			}
//		}
//	}
//}


.social-share-link {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;

	li {
		display: inline-block;

		&:not(:last-child) {
			margin-right: 7px;
		}

		a {
			font-size: 15px;
			color: #fff;
			position: relative;
			height: 34px;
			width: 34px;
			line-height: 34px;
			text-align: center;
			display: block;

			i {
				display: block;
				line-height: 34px;
				cursor: pointer;

				&:after {
					content: '';
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					z-index: -1;
					border-radius: 4px;
					transition: all 0.3s ease-in-out;
					background-color: $color__theme;
				}

				&.fa-facebook-f {
					&:after {
						background-color: #405fa4;
					}
				}

				&.fa-twitter {
					&:after {
						background-color: #16aefd;
					}
				}

				&.fa-pinterest-p {
					&:after {
						background-color: #e60023;
					}
				}

				&.fa-fa-vimeo {
					&:after {
						background-color: #0a66c2;
					}
				}

				&.fa-linkedin-in {
					&:after {
						background-color: #2677b5;
					}
				}

				&:hover {
					&:after {
						transform: scale(1.2);
					}
				}
			}

			&:hover {
				color: #fff;
			}

		}
	}
}

.tag_list {
	margin-top: 30px;

	.tags {
		color: #051441;
		text-transform: uppercase;
		letter-spacing: 2px;
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 10px;
		font-weight: 600;
	}
}

.single-post-navigation {
	margin-top: 70px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 25px 0;
}

.single-post-nav {
	max-width: 90%;
	display: flex;
	align-items: center;

	@media (max-width: 576px) {
		width: 100%;
	}

	i {
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		font-size: 16px;
		color: $color__heading;
		margin-right: 15px;
		position: relative;
		overflow: hidden;
		z-index: 1;
		transition: all 0.3s ease-in-out;
		border: 2px solid #e6e7ea;

		//&:hover {
		//
		//}
	}

	.post-nav-wrapper {
		flex: 2;
	}

	.post-nav-title {
		font-size: 14px;
		font-weight: 500;
		color: #6d6f73;
		margin-bottom: 5px;
		line-height: 1;
	}

	.post-title {
		font-size: 14px;
		transition: all 0.3s ease-in-out;
		margin: 0;
		font-weight: 500;
		line-height: 1.4;
	}

	&:hover {
		i {
			background-color: $color__theme;
			color: #fff;
			border-color: $color__theme;
		}

		.post-title {
			color: $color__theme;
		}
	}
}

.post-next {
	@media(max-width: 767px) {
		margin-top: 30px;
	}

	.single-post-nav {
		margin-left: auto;

		i {
			margin: 0 0 0 15px;
		}
	}

	.post-nav-wrapper {
		text-align: right;
	}
}


.portfolio-post-navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 0;
	border-top: 1px solid $border__color;
	border-bottom: 1px solid $border__color;
	margin-top: 60px;


	@media(max-width: 576px) {
		display: block;
	}

	.middle-icon {
		color: #dadada;
		font-size: 30px;
		text-align: center;
	}

	> div {
		width: 40%;

		@media(max-width: 576px) {
			width: 100%;
		}
	}

	.middle-icon {
		width: 20%;

		@media(max-width: 576px) {
			width: 100%;
			margin: 20px 0;
		}
	}
}

blockquote, .wp-block-quote {
	background-color: #f4f5f7;
	padding: 43px 40px 41px;
	position: relative;
	margin: 54px 0 52px;
	overflow: hidden;
	border-left: 3px solid $color__theme;
	border-radius: 6px;

	p {
		font-size: 16px;
		color: #52525c;
		font-style: normal;
		margin-bottom: 4px;
		line-height: 34px;
		font-weight: 400;
		padding: 0 !important;
	}


	cite {
		font-style: normal;
		font-weight: 600;
		color: #071c4d;
		padding-top: 15px;
		display: inline-block;
		padding-left: 22px;
		position: relative;
		font-size: 16px;

		&:before {
			content: '';
			position: absolute;
			left: 0;
			top: 28px;
			height: 2px;
			width: 16px;
			background: $color__heading;
		}
	}
}

.blog-container {
	padding: 120px 0;
}

.single-post .page-content {
	padding: 0;
}

.blog {
	.page-content {
		padding: 120px 0;
	}
}

.post-grid {
	.feature-image {
		overflow: hidden;

		a.feature-image-block {
			position: relative;
			display: block;

			&:before {
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				background: rgba(0, 0, 0, 0.5);
				opacity: 0;
				transition: all 0.3s ease-in-out;
				z-index: 2;
			}
		}

		img {
			transition: all 0.5s ease-in-out;
			height: 260px;
			object-fit: cover;
		}

		&:hover {
			a {
				&:before {
					opacity: 1;
				}
			}

			img {
				transform: scale(1.07);
			}
		}
	}
}


// Single Post

.no-sidebar {
	.post-single {
		max-width: 1000px;
		margin: 0 auto;


	}

	&.single-post {
		#comments {
			max-width: 1000px;
			margin: 93px auto 0;
		}
	}


}


.post-single {
	margin-bottom: 0;

	.feature-image {
		margin-bottom: 28px;
	}

	.post-meta {
		padding-top: 0;

		li {
			color: #71717c;

			.author a {
				color: #71717c;

				&:hover {
					color: $color__theme;
				}
			}

		}
	}

	.entry-header {
		padding-bottom: 25px;
	}

	.entry-title {
		font-size: 36px;
		margin: 10px 0 25px;
	}

	.wp-block-image {
		margin-top: 30px;
	}

	.blocks-gallery-grid {
		li {
			img {
				border-radius: 10px;
			}
		}
	}

	blockquote {
		p {
			margin: 0;
		}
	}

	.wp-block-image {
		text-align: center;
	}

	.wp-block-image {
		margin-bottom: 39px;
	}

	.edit-link {
		margin-left: 15px;
	}

	.single-post-header {
		margin-bottom: 50px;

		.single-post-title {
			font-size: 36px;
			margin-bottom: 25px;
			-ms-word-wrap: break-word;
			word-wrap: break-word;
		}
	}

	.post-meta-cat {
		margin-bottom: 20px;

		a {
			height: 30px;
			line-height: 30px;
			padding: 0 30px;
			font-size: 18px;
			text-transform: capitalize;
			color: #fff;
			border-radius: 5px;
			background-color: #37a45d;
			min-width: auto;
			font-weight: 400;
			margin: 0 5px;
			border: 0px solid transparent;
			display: inline-block;

			&:first-child {
				background-color: #e9683e;
			}
		}
	}

	.meta-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.feature-image {
		text-align: center;

		img {
			border-radius: 6px;
		}
	}

	.entry-footer {
		margin-top: 35px;
		display: flex;
		justify-content: space-between;
		padding-top: 26px;
		border-top: 1px solid #ededed;
		width: 100%;

		.share-link-wrapper {
			display: flex;
			align-items: center;

			@media(max-width: 576px) {
				justify-content: center;
			}
		}

		.share-title {
			font-size: 16px;
			font-weight: 500;
			margin-bottom: 0;
			margin-right: 10px;
		}

		.tag_list {
			padding-bottom: 10px;
			border-bottom: 1px solid #e8ebf4;
		}
	}
}

.tag-title {
	font-size: 16px;
	display: inline-block;
	margin-right: 10px;
}

.single-post-header-bg {
	min-height: 550px;

	@media(max-width: 767px) {
		min-height: 350px;
	}

	.single-post-header {
		position: relative;
		z-index: 2;
		margin-top: 70px;
	}

	.tt-blog-meta-category {
		color: #fff;
		font-size: 13px;
		border: 2px solid $color__theme;
		padding: 8px 16px;
		display: inline-block;
		line-height: 1;
		border-radius: 6px;
		margin: 0 5px;
		z-index: 1;
		position: relative;
		overflow: hidden;
		background-color: $color__theme;
		font-weight: 500;

		&:hover {
			color: #fff;
			background-color: transparent;
			border-color: rgba(255, 255, 255, 0.5);
		}
	}

	.single-post-title {
		font-size: 45px;
		line-height: 1.2;
		max-width: 700px;
		margin: 20px auto 13px;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
		color: #fff;

		@media(max-width: 767px) {
			font-size: 30px;
		}
	}
}

.feature-image-banner {
	height: 500px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: rgba(0, 0, 0, 0.3);

	@media(max-width: 768px) {
		height: 380px;
	}

	&::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		// background: rgba(0,0,0,0.5);
	}

	.single-post-header {
		position: relative;
		z-index: 2;

		.single-post-title {
			font-size: 48px;
			font-weight: 600;
			color: #fff;
			margin-bottom: 0;
			line-height: 1.3;
			-ms-word-wrap: break-word;
			word-wrap: break-word;

			@media(max-width: 768px) {
				font-size: 34px;
			}

			@media(max-width: 480px) {
				font-size: 30px;
			}
		}

		.post-meta {
			margin-top: 24px;

			li, a {
				color: #fff;
			}

			a {
				&:hover {
					color: $color__theme;
				}
			}
		}
	}
}

.blog-share {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;

	.share-title p {
		color: #2b2350;
		display: inline-block;
		margin: 0;
		font-weight: 500;
		font-size: 20px;
	}
}

.share-link {
	margin: 0;
	padding: 0;
	list-style: none;

	li {
		display: inline-block;
		margin-right: 5px;
		padding-left: 0 !important;

		&:before {
			display: none;
		}

		&:last-child {
			margin-right: 0;
		}

		a {
			display: block;
			height: 44px;
			width: 44px;
			text-align: center;
			line-height: 43px;
			color: #aba8a4;
			border-radius: 50%;
			font-size: 14px;
			border: 1px solid #e5dada;

			&:hover {
				background: $color__theme;
				color: #fff;
				border-color: $color__theme;
			}
		}
	}
}

.post-single {
	.wp-block-search {
		margin-bottom: 20px;
	}
}

@media (max-width: 991px) {

	.post-wrapper {
		&.blog-masonry {
			&.column-3 {
				.post-item {
					width: calc(50% - 30px);
				}
			}
		}
	}
}

@media (max-width: 768px) {

	.post-wrapper {
		&.blog-masonry {
			&.column-3 {
				.post-item {
					width: 100%;
					margin-right: 0;
				}
			}
		}
	}

	.comment-list {
		.comment {
			.comment-body {
				&.menu-comments {
					.comment-author {
						height: 60px;
						width: 60px;
						margin-right: 15px;
					}
				}

				.comment-author {
					height: 60px;
					width: 60px;
					margin-right: 15px;
				}

				.comment-content {
					padding-bottom: 20px;

					h4 {
						font-size: 18px;
					}

					p {
						font-size: 16px;
						line-height: 26px;
					}
				}


			}
		}

		.children {
			padding-left: 70px;
		}
	}

	.comment-respond .comment-reply-title {
		font-size: 35px;
		margin-bottom: 30px;
	}
}

@media (max-width: 420px) {
	.comment-list .comment .comment-body .comment-content .ratings {
		position: static;
	}
}


.page-links {
	clear: both;
	margin: 0 0 1.5em;
	padding-top: 20px;

	a,
	.current {
		height: 30px;
		width: 30px;
		border-radius: 50%;
		background: #f8f6f2;
		color: $color__heading;
		display: inline-block;
		text-align: center;
		line-height: 31px;
		font-size: 16px;
		margin-left: 5px;

		&:hover {
			background: $color__theme;
			color: #fff;
		}
	}

	.current {
		background: $color__theme;
		color: #fff;
	}
}


.post-navigation {
	margin-bottom: 50px;

	.nav-links {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		position: relative;
		width: calc(100% + 2%);

		.nav-previous,
		.nav-next {
			width: calc(50% - 2%);
			height: 50px;
			line-height: 50px;
			padding: 0 15px;
			background: #333;
			margin-right: 2%;
			flex: 1;
			font-weight: 500;
			text-align: center;
			transition: all 0.3s ease-in-out;

			a {
				font-weight: 500;
				font-size: 16px;
				color: #fff;
				display: block;
				outline: 0;

				&:hover {
					color: #fff;
				}
			}

			&:hover {
				background: $color__theme;
			}
		}

		.nav-previous {
			padding-right: 30px;

		}

		.nav-next {
			padding-left: 30px;
		}
	}
}


.first-lg {
	-webkit-order: -1;
	-ms-flex-order: -1;
	-webkit-box-ordinal-group: 0;
	order: -1;
}


/* Author Box */

.fiana_post_author_box {
	background: #faf8f5;
	padding: 40px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 80px;
	border-radius: 6px;
	max-width: 670px;

	.profile_image {
		width: 80px;
		margin-right: 20px;
		border-radius: 50%;

		img {
			border-radius: 50%;
		}

	}

	.profile_content {
		flex: 1;

		.profile_name {
			font-size: 20px;
			line-height: 28px;
			color: $color__heading;
			margin-bottom: 10px;
			margin-top: 0;
			font-weight: 600;
		}

		.author-job {
			font-size: 16px;
			line-height: 28px;
			margin-bottom: 15px;
			display: inline-block;
		}

		.profile_bio {

			p {
				font-size: 16px;
				color: #827f79;
				margin-bottom: 0;
				font-weight: 500;
			}

		}
	}

	.user-social-link {
		margin: 0;
		padding: 0;
		list-style: none;

		li {
			display: inline-block;
			margin-right: 10px;
			font-size: 18px;
		}
	}
}

.post-share {
	display: inline-block;
	flex: 1;
}

.share-trigger {
	.share-items {
		float: right;

		a {
			height: 35px;
			width: 35px;
			display: inline-block;
			background: #f5f5f5;
			border-radius: 50%;
			text-align: center;
			line-height: 35px;
			margin-right: 5px;
			color: #fff;

			&.facebook-bg {
				background: #3b5998;

				&:hover {
					background: darken(#3b5998, 15%);
				}
			}

			&.twitter-bg {
				background: #3cf;

				&:hover {
					background: darken(#3cf, 15%);
				}
			}

			&.google-plus-bg {
				background: #dc4a38;

				&:hover {
					background: darken(#dc4a38, 15%);
				}
			}


			&.linkedin-bg {
				background: #0077B5;

				&:hover {
					background: darken(#0077B5, 15%);
				}
			}
		}
	}
}

@media (max-width: 991px) {

	.blog-container {
		padding: 80px 0;
	}

	#secondary {
		margin-top: 40px;
	}

}

@media (max-width: 768px) {
	.blog-container {
		padding: 50px 0;
	}
}

.search-header {
	margin-bottom: 30px;
}

.search_page_404_wrapper {
	text-align: center;
	max-width: 650px;
	margin: 0 auto;

	.page-title {
		margin-bottom: 14px;
	}

	.banner_404_text {
		margin-bottom: 30px;
	}
}

.search_result_form {
	.search-form {
		display: flex;
		border: 0;
		margin-bottom: 20px;
		background-color: #eff1f5;
		border-radius: 6px;
		height: 60px;

		input {
			border: none;
			border-radius: 0;
			padding: 20px;
			margin: 0;
			background: transparent;

			&::placeholder {
				color: #878793;
			}
		}

		.search-submit {
			border: 0;
			background: transparent;
			padding: 10px 20px;
			color: $color__theme;
			font-size: 22px;
		}
	}
}


.no-results {
	.page-content {
		padding: 0 0 120px;

		@media(max-width: 991px) {
			padding: 0 0 80px;
		}
	}
}

.pagination-wrapper ~ .sidebar {
	margin-bottom: 0;
}