.e-wrapper {
	max-width: 1280px;
	width: 93%;
	margin: 0 auto;
	position: relative;
}

.dark-background p,
.dark-background a,
.dark-background * {
	color: #fff !important;
	border-color: #fff !important;
}

.blog-header {
	text-align: center;
	background-size: cover;
	background-position: center center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 400px;
	margin-top: 60px;
	margin-bottom: 60px;
	padding: 60px 0px;
}

.dark-filter,
.white-filter {
	position: relative;
	z-index: 1;
}

.dark-filter:before,
.white-filter:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.5;
	left: 0px;
	top: 0px;
}

.dark-filter:before {
	background: #000;
}

.white-filter:before {
	background: #fff;
}

.blog-posts {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.s-blog {
	width: 33.3333%;
	margin-bottom: 50px;
}

.columns-2 {
	width: 50%;
}

.columns-2 .s-blog-img img,
.columns-2 .s-blog-img {
	height: 450px;
}

.columns-1 {
	width: 100%;
}

.columns-1 .s-blog-img img,
.columns-1 .s-blog-img {
	height: 450px;
}

.s-blog-img {
	position: relative;
	overflow: hidden;
	height: 300px;
	transition: 0.4s;
}

.s-blog-img img {
	height: 300px;
	width: 100%;
	object-fit: cover;
	object-position: top center;
	transition: 0.4s;
}

.s-blog-img:hover img {
	transform: scale(1.1, 1.1);
}

.s-blog-inner {
	margin: 0 19px;
}

.d-flex {
	display: flex;
}

.a-c {
	align-items: center;
}

.s-meta {
	justify-content: space-between;
	margin-top: 20px;
}

.rd-button {
	padding: 10px 25px;
	color: #fff;
	background: #212121;
	transition: 0.4s;
	display: inline-block;
	font-weight: 600;
}

.rd-button:hover {
	opacity: 0.7;
	color: #f7f7f7;
}

.s-blog-category ul {
	padding: 0px;
	margin: 0px;
	display: flex;
}

.s-blog-category ul li:not(:last-child) a:after {
	content: ', ';
}

.s-blog-category ul li {
	list-style-type: none;
	margin-right: 5px;
}

.s-blog-category ul li a {
	text-decoration: underline;
}

.s-blog-category ul li a:hover {
	text-decoration: none;
}

.s-meta-date {
	color: #666;
}

.s-blog-category {
	margin-top: 10px;
}

.s-blog-title {
	min-height: 70px;
}

.s-blog-title h3 {
	margin: 10px auto;
	font-weight: bold;
	line-height: 1.5;
	transition: 0.4s;
}

.s-blog-title h3:hover {
	opacity: 0.8;
}

.s-blog-inner a:hover {}

.bordered {
	box-shadow: 0 20px 20px 0 rgba(131, 131, 131, .08);
}

.s-content-wrap {
	padding: 15px 20px;
}

.s-content {
	color: #666;
	min-height: 46px;
}

.s-blog-title a:hover {
	opacity: 0.8s;
}

.bordered.s-blog-inner {
	background: #fff;
}

.dark-theme .s-blog-inner.bordered {
	background: #212121;
	box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .08);
}

.dark-theme * {
	color: #fff;
}

.dark-theme .s-blog-category a,
.dark-theme .s-content,
.dark-theme .s-inner-meta span {
	color: #c1c1c1;
}

.dark-theme .s-blog-title h3 a {
	color: #fff;
}

.dark-theme a.rd-button {
	color: #212121;
	background: #fff;
	font-weight: 600;
}

.dark-theme a.rd-button:hover {
	color: #000;
}

.blog-header-desc {
	max-width: 700px;
	margin: 0px auto 30px;
	padding: 0 15px;
}

.pagination {
	margin-bottom: 50px;
	margin-top: 30px;
}

.pagination a,
.pagination span {
	width: 30px;
	height: 30px;
	margin: 0 5px;
	display: inline-block;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f7f7f7;
	font-weight: 700;
}

.pagination span {
	background: #212121;
	color: #fff;
}

.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}

.blog-header-title h1 {
	margin: 5px 0px 15px;
	padding: 0px;
}

.blog-posts article {
	width: calc(80% - 40px);
	margin-right: 40px;
	/* box-shadow: 0 20px 20px 0 rgba(131,131,131,.19); */
	padding: 0 30px 30px 30px;
	background: #fff;
}

.blog-posts aside {
	width: 20%;
}

html body .full-width {
	width: 100%;
}

/*----------------------Blog Single Style-----------------------*/
.blog-post-content p,
.blog-post-content a,
.blog-post-content strong,
.blog-post-content li {
	line-height: 1.5;
	font-size: 15px;
	/* color: #212121; */
}

.blog-post-content h2,
.blog-post-content h3,
.blog-post-content h4,
.blog-post-content h5,
.blog-post-content h6 {
	/* color: #212121; */
}

.blog-post-content h2 {
	font-size: 30px;
	margin: 25px 0px 20px;
}

.blog-post-content h3 {
	font-size: 25px;
	margin: 15px 0px 10px;
}

.blog-post-content h4 {
	font-size: 22px;
	margin: 15px 0px 10px;
}

.blog-post-content h5 {
	font-size: 18px;
	margin: 15px 0px 10px;
}

.kc-gotop {
	font-weight: bold;
}

.blog-post-content ul {
	margin: 0px;
	margin-right: 0px;
	margin-left: 40px;
}

.blog-post-content ul {
	padding: 0px;
	margin-bottom: 20px;
}

.blog-post-content ul li {
	list-style-type: none;
	position: relative;
	margin-bottom: 5px;
	background: #f7f7f7;
	padding: 10px 0px;
	padding-left: 10px;
}

.blog-post-content ul li:before {
	/* content: ''; */
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: #8a8a8a;
	left: -25px;
	top: 55%;
	transform: translateY(-50%);
}

.blog-post-content ul li {
	list-style-image: url(https://vacuactivus.com/wp-content/uploads/2025/01/ellipse-yellow.svg);
}

.blog-post-content a {
	text-decoration: underline;
}

.blog-post-content p {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-top: 0px;
}

.blog-post-content stong {
	font-weight: bold;
}

.contents li.top:before {
	font-weight: bold;
}

.blog-post-content .kc__title {
	background: #f7f7f7;
	padding: 15px;
	padding-left: 25px;
	padding-right: 0px;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}

.blog-post-content .contents {
	padding-bottom: 20px;
}

.blog-post-content .contents li {
	margin-bottom: 10px;
}

.blog-post-content .contents li a span {
	font-size: 16px;
	color: #616060;
	transition: 0.4s;
}

.blog-post-content .contents li a span:hover {
	color: #212121;
}

.blog-post-content .kc__wrap {
	border-bottom: 2px solid #dadada;
	margin-bottom: 20px;
}

.contents li a {
	text-decoration: none;
}

html body .blog-post-content img {
	margin-top: 15px;
	margin-bottom: 15px;
}

.sidebar-heading {
	background: #f7f7f7;
	padding: 15px;
	padding-left: 25px;
	padding-right: 0px;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}

.recent .text {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dadada;
}

.blog-post-content .kc__gotop {
	text-decoration: none;
	color: #616060;
}

.share-blog {
	display: flex;
	justify-content: flex-end;
	margin: 20 0px 30px;

}

.share-blog a {

	display: flex;
	background: #212121;
	margin-left: 10px;
	justify-content: center;
	align-items: center;
	padding: 5px;
}

.share-blog a svg {
	width: 25px;
	height: 25px;
}

/*Comments Fix*/
html body .wpd-form-head,
html body .wpdiscuz-user-settings,
html body .wpd-comment-share,
html body .wpd-tools,
html body .wpd-comment-link,
html body .wpd-editor-buttons-right .wmu-upload-wrap,
html body .ql-toolbar .ql-code-block,
html body .ql-toolbar .ql-link,
html body .ql-toolbar .ql-sourcecode,
html body .ql-toolbar .ql-spoiler,
html body .wc-field-submit .wpd_label,
html body .wmu-upload-wrap {
	display: none !important;
}

html body #wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-post_author .wpd-avatar img,
html body #wpdcom .wpd-thread-head .wpd-thread-info {
	border-color: #212121 !important;
}

html body #wpdcom .wpd-blog-post_author .wpd-comment-label {
	background: #212121 !important;
	color: #fff !important;
}

html body #comments #wpdcom span,
html body #respond #wpdcom span,
#wpdcom span {
	/* color: #fff !important; */
}

html body #wpdcom .wpd-comment .wpd-reply-to a,
html body #wpdcom .wpd-blog-post_author .wpd-comment-author,
html body #wpdcom .wpd-blog-post_author .wpd-comment-author a {
	color: #212121;
}

/*No Paddings*/
.no-padding .s-blog-inner {
	margin: 0px;
}

.no-padding .s-blog {
	margin-bottom: 0px;
}

.no-padding .blog-header {
	margin-top: 0px;
	margin-bottom: 0px;
}

.s-inner-meta,
.s-inner-meta span {
	display: flex;
	align-items: center;
}

.s-meta-date {
	margin-right: 10px;
}

.s-inner-meta span span {
	width: 18px;
}

html body #wpdcom .wpdiscuz-sort-buttons {
	width: 137% !important;
}

html .single .blog-posts .blog-post-content a {
	transition: 0.4s;
}

.blog-single-desc .dashicons {
	margin-right: 5px;
}

html .single .blog-posts .blog-post-content a:hover {
	opacity: 0.8;
}

.item-container,
.recent .text {
	transition: 0.4s;
}

.item-container:hover,
.recent .text:hover {
	opacity: 0.8;
}

.item-container a {
	display: block;
	margin-bottom: 10px;
}

.post-nav {
	margin: 15px 0px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.post-nav a {
	text-decoration: none;
	display: flex;
	align-items: center;
}

/*Post Author*/
.post-author-inner {
	margin-top: 30px;
	margin-bottom: 30px;
}

.post-author-content {
	align-items: center;
	align-content: center;
	margin-top: 15px;
}

.author-img {
	width: 160px;
}

.post-author-meta {
	width: 100%;
}

.post-author-title h5 {
	margin-top: 0px;
}

.author-img img {
	width: 120px;
	height: 120px;
	border-radius: 999px;
	object-fit: cover;

}

.post-author-content {
	padding: 20px;
}

.single .s-inner-meta {
	justify-content: center;
}

.single-inner-tags {
	margin-top: 20px;
}

.single-inner-tags a {
	margin: 0 10px 10px;
	border-width: 1px;
	border-style: solid;
	padding: 4px 11px;
	display: inline-block;
	transition: 0.4s;
}

.single-inner-tags a:hover {
	opacity: 0.8;
}

@media only screen and (max-width:1490px) {
	html body .item-container .back {
		height: 150px !important;
	}
}

@media only screen and (max-width:1070px) {
	.s-blog {
		width: 50%;
	}

	html body .blog-header-title h1 {
		font-size: 30px !important;
	}

	html body .blog-header {
		min-height: 250px;
	}

	html body .item-container .back {
		height: 100px !important;
	}

	html body .blog-posts article {
		width: 100%;
		margin-right: 0px;
	}

	html body .blog-posts aside {
		width: 100%;
		margin-top: 60px;
	}

	html body .recent-posts {
		display: flex;
		flex-wrap: wrap;
	}

	html body .item-container {
		width: 50%;
		padding: 0 20px 30px;
	}

	html body .item-container .back {
		height: 230px !important;
	}
}

@media only screen and (max-width:768px) {
	.s-blog {
		width: 100%;
		max-width: 500px;
	}

	.s-blog-inner {
		margin: 0 19px;
	}

	.s-blog-inner {
		margin: 0 0px;
	}

	html body .blog-header-desc,
	html body .s-content {
		font-size: 15px !important;
	}

	html body .blog-header-title h1 {
		font-size: 20px;
	}

	html body .blog-header {
		padding-top: 30px;
	}

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

	html body .s-meta span,
	html body .rd-button,
	html body .s-blog-category ul li a {
		font-size: 13px;
	}

	.columns-2 .s-blog-img img,
	.columns-2 .s-blog-img {
		height: 230px;
	}

	.columns-1 .s-blog-img img,
	.columns-1 .s-blog-img {
		height: 230px;
	}

	.s-meta {
		flex-wrap: wrap;
		margin-top: 10px;
		justify-content: flex-end;
	}

	.s-inner-meta {
		width: 100%;
	}

	.s-read {
		margin-top: 20px;
		float: right;
	}

	.rd-button {
		padding: 6px 19px;
	}

	.s-blog-img img,
	.s-blog-img {
		height: 230px;
	}

	html body .item-container {
		width: 100%;
		padding: 0 20px 30px;
		max-width: 400px;
		margin: 0 auto;
	}

	html body .item-container .back {
		height: 150px !important;
	}

	/*Single Fixes*/
	html body .blog-header-title h1 {
		font-size: 25px !important;
	}

	html body .blog-posts article {
		padding: 0 15px 30px 15px !important;
	}

	.blog-post-content ul {
		margin-left: 19px !important;
	}

	.blog-post-content ul li:before {
		left: -15px !important;
	}

	.blog-post-content .kc__title {
		font-size: 17px !important;
	}

	html body .blog-post-content h2 {
		font-size: 22px !important;
	}

	html body .blog-post-content h3 {
		font-size: 20px !important;
	}

	html body .blog-post-content h4 {
		font-size: 18px !important;
	}

	html body .blog-post-content h5 {
		font-size: 16px !important;
	}

	html body .blog-post-content h6 {
		font-size: 16px !important;
	}

	html body .blog-post-content p,
	html body .blog-post-content a,
	html body .blog-post-content strong,
	html body .blog-post-content li {
		font-size: 16px !important;
	}

	html body .blog-post-content .contents li {
		margin-bottom: 5px !important;
	}

	.post-author-content {
		flex-direction: column;
		text-align: center;
	}

	.author-img img {
		width: 70px;
		height: 70px;
	}

	.author-img {
		width: 100%;
		margin-bottom: 20px;
	}

	.post-author-content {
		padding: 10px;
	}

	.post-author-content-inner {
		margin-bottom: 20px;
	}

	.single-inner-tags a {
		margin: 0 5px 7px;
	}

	.single-inner-tags {
		margin-bottom: 20px;
	}

}