@charset "utf-8";

[data-theme="dark"]{
	--primary-dark: #FFF;
	--primary-light: #000;
	--secondary-dark: #343231;
	--secondary-light: #F4F4F2;
}

body[data-theme="dark"]{
	background: #343231;
	background-image: none;
}
body[data-theme="dark"] .mobile-header .logo img,
body[data-theme="dark"] .mobile-header .btn-mobile-menu img{
	filter: invert(100%);
}
body[data-theme="dark"] .header .logo{
	filter: invert(100%);
}
body[data-theme="dark"] .header .search-wrapper .search input{
	background: #343231;
	border-color: #888;
}
	body[data-theme="dark"] .header .search-wrapper .search img{
		filter: invert(50%);
	}
body[data-theme="dark"] .home-cover .content{
	background: rgba(0, 0, 0, 0.7);
}
body[data-theme="dark"] .home-popular a > span{
	filter: invert(100%);
	color: #000;
}
body[data-theme="dark"] .category-header h1{
	-webkit-text-fill-color: #343231;
}
body[data-theme="dark"] .home-widget.category-widget{
	background: var(--primary-light);
	padding: 40px 0;
}
body[data-theme="dark"] .home-photostory .title h2{
	-webkit-text-fill-color: var(--primary-light);
}
body[data-theme="dark"] .home-photostory{
	background: var(--primary-light);
}
	body[data-theme="dark"] .home-photostory .title a img{
		filter: invert(50%);
	}
body[data-theme="dark"] .home-recent-news{
	background: #000;
}
	body[data-theme="dark"] .home-recent-news .title h2{
		-webkit-text-fill-color: var(--primary-light);
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: var(--primary-dark);
	}
	body[data-theme="dark"] .home-widget .title a img,
	body[data-theme="dark"] .home-report .title a img,
	body[data-theme="dark"] .article .article-sharing a.comment img{
		filter: invert(100%);
	}
	body[data-theme="dark"] .article .article-sharing a.social{
		background: #343231;
		border: 1px solid #FFF;
	}

body[data-theme="dark"] .home-widget .title h2,
body[data-theme="dark"] .home-report .title h2{
	-webkit-text-fill-color: #343231;
}

body[data-theme="dark"] .photo-gallery-item .caption span,
body[data-theme="dark"] .photo-gallery-item .caption strong{
	color: var(--primary-dark)
}

body[data-theme="dark"] .copyright{
	background-color: var(--primary-light);
	color: #FFF;
}