.elx-blog-feed-item {
	margin-bottom: 40px;
	.elx-blog-item .elx-blog-img-date,
	.elx-blog-item .elx-blog-text-meta {
		max-width: 100%;
	}
	.elx-blog-item {
		padding: 30px;
		&:before {
			height: 100%;
		}
	}
	.elx-blog-item .elx-blog-text-meta {
		padding: 30px 30px 0px 0px;
	}
	.elx-blog-item .elx-blog-text h3 {
		font-size: 30px;
		font-weight: 700;
		padding-bottom: 18px;
	}
	.elx-blog-item .elx-blog-text .read_more {
		margin-top: 20px;
	}
	.elx-blog-item .elx-blog-date {
		right: 30px;
	}
}
.elx-blog-widget {
	padding: 40px 35px;
	background-color: #eff4f6;
	margin-bottom: 40px;
	.widget-title {
		font-size: 22px;
		font-weight: 700;
		color: var(--base-color-2);
		padding-bottom: 25px;
	}
	.category-widget {
		padding: 40px 35px;
		background-color: #eff4f6;
		li {
			margin-bottom: 15px;
			&:last-child {
				margin-bottom: 0;
			}
			a {
				width: 100%;
				z-index: 1;
				font-size: 18px;
				color: #586563;
				padding: 15px 20px;
				position: relative;
				display: inline-block;
				background-color: #fff;
				&:before {
					top: 15px;
					right: 20px;
					z-index: 1;
					content: '\f178';
					font-weight: 400;
					position: absolute;
					color: var(--base-color);
					transition: all 500ms ease;
					font-family: 'Font Awesome 5 Pro';
				}
				&:after {
					top: 0;
					left: 0;
					width: 0%;
					z-index: -1;
					content: '';
					height: 100%;
					position: absolute;
					transition: all 500ms ease;
					background-color: var(--base-color);
				}
				&:hover {
					color: #fff;
					&:before {
						color: #fff;
					}
					&:after {
						width: 100%;
					}
				}
			}
		}
	}
	.category-widget {
		padding: 0;
	}
	.bz-recent-blog-item {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #e0ded7;
		&:last-child {
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: none;
		}
		.blog-img {
			width: 70px;
			height: 70px;
			overflow: hidden;
			margin-right: 20px;
		}
		.blog-text {
			max-width: 205px;
			h3 {
				color: #000000;
				font-size: 16px;
				font-weight: 500;
			}
			span {
				color: #6f7183;
				font-size: 14px;
				margin-bottom: 5px;
				display: inline-block;
			}
		}
	}
	.gallery-widget {
		li {
			margin: 1px;
			a {
				width: 100%;
				display: block;
				overflow: hidden;
				position: relative;
				border-radius: 5px;
				&:before {
					top: 0;
					left: 0;
					width: 0%;
					content: '';
					height: 100%;
					position: absolute;
					transition: 500ms all ease;
					background-color: rgba(0, 0, 0, 1);
				}
				&:after {
					left: 0;
					right: 0;
					top: 40%;
					opacity: 0;
					font-size: 18px;
					content: '\f066';
					font-weight: 900;
					text-align: center;
					position: absolute;
					transition: 500ms all ease;
					transform: translateY(-50%);
					font-family: 'Font Awesome 5 Pro'
				}
				&:hover {
					&:before {
						width: 100%;
					}
					&:after {
						top: 50%;
						opacity: 1;
					}
				}
			}
		}
	}
	.tag-widget {
		li {
			margin-right: 4px;
			margin-bottom: 10px;
			a {
				color: var(--base-color-2);
				font-size: 14px;
				padding: 8px 15px;
				font-weight: 500;
				display: inline-block;
				background-color: #fff;
				&:hover {
					color: #fff;
					background-color: var(--base-color);
				}
			}
		}
	}
}
.elx-blog-details-section {
	padding: 120px 0px 60px;
}
.elx-blog-details-text-img {
	max-width: 850px;
	.elx-blog-item:before {
		display: none;
	}
	.elx-blog-item {
		margin-bottom: 50px;
	}
	.elx-blog-item .elx-blog-img-date,
	.elx-blog-item .elx-blog-text-meta {
		max-width: 100%;
	}
	p {
		line-height: 1.667;
		padding-bottom: 30px;
	}
	blockquote {
		font-size: 20px;
		font-weight: 600;
		line-height: 1.7;
		text-align: center;
		padding: 35px 40px;
		margin-bottom: 40px;
		color: var(--base-color-2);
		background-color: #eef4f6;
		font-family: var(--heading);
		.blockquote-author {
			margin-top: 30px;
			h3 {
				color: var(--base-color);
				font-size: 18px;
				font-weight: 700;
			}
			span {
				color: #666666;
				font-weight: 400;
				font-size: 15px;
				font-family: var(--body-font);
			}
		}
	}
	h2 {
		color: var(--base-color-2);
		font-size: 30px;
		font-weight: 700;
		padding-bottom: 20px;
	}
	.elx-blog-details-text {
		padding: 40px 45px;
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 0px 26.39px 2.61px rgba(28, 63, 44, 0.06);
	}
	.blog-meta {
		margin-bottom: 20px;
		.date-meta {
			color: #0a1316;
			font-weight: 700;
			margin-right: 10px;
		}
		.author-meta {
			color: #55656a;
		}
	}
	.elx-blog-details-sec-img {
		margin-bottom: 35px;
	}
	.elx-blog-details-list {
		padding-left: 30px;
		li {
			font-size: 16px;
			padding-left: 25px;
			position: relative;
			margin-bottom: 10px;
			&:before {
				top: 0;
				left: 0;
				content: '\f058';
				position: absolute;
				font-weight: 300;
				color: var(--base-color);
				font-family: 'Font Awesome 5 Pro';
			}
		}
	}
	.elx-blog-details-list-img-area {
		margin-bottom: 35px;
	}
	.elx-blog-details-author {
		padding: 40px 0px 20px;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		.inner-img {
			width: 155px;
			height: 125px;
			margin-right: 30px;
			margin-bottom: 15px;
		}
		.inner-text {
			max-width: 500px;
			.author-name {
				font-size: 22px;
				font-weight: 700;
				display: inline-block;
				padding-bottom: 10px;
				font-family: var(--heading);
				color: var(--base-color-2);
			}
			p {
				padding-bottom: 0;
			}
		}
	}
}
.elx-comment-form {
	margin-top: 45px;
	h3 {
		color: var(--base-color-2);
		font-size: 30px;
		font-weight: 700;
		padding-bottom: 10px;
	}
	input,textarea {
		width: 100%;
		height: 55px;
		border: none;
		margin-bottom: 25px;
		padding-left: 25px;
		background-color: #eef4f6;
		&:placeholder {
			color: #7a7a7a;
		}
	}
	textarea {
		height: 165px;
		padding-top: 15px;
	}
	button {
		color: #fff;
		border: none;
		font-weight: 700;
		padding: 18px 20px;
		font-family: var(--heading);
		background-color: var(--base-color);
		i {
			margin-left: 8px;
		}
	}
}