html[data-theme="dark"] {

	--dm-bg: #141414;
	--dm-band: #1a1a1a;
	--dm-surface: #1d1d1d;
	--dm-surface-2: #262626;
	--dm-border: #2e2e2e;
	--dm-field-border: #4a4a4a;
	--dm-heading: #f0f0f0;
	--dm-text: #c9c9c9;
	--dm-text-muted: #8f8f8f;

	--ja-accent: #f44941;
	--ja-accent-hover: #f76d66;

	--body-text-color: var(--dm-text);
	--body-link-hover-color: var(--ja-accent);

	color-scheme: dark;
}

html[data-theme="dark"] body {
	background-color: var(--dm-bg);
	color: var(--dm-text);
}

html[data-theme="dark"] .t4-content {
	background-color: var(--dm-bg);
}

html[data-theme="dark"] .t4-content .t4-content-inner {
	background: var(--dm-band);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .h1,
html[data-theme="dark"] .h2,
html[data-theme="dark"] .h3,
html[data-theme="dark"] .h4,
html[data-theme="dark"] .h5,
html[data-theme="dark"] .h6 {
	color: var(--dm-heading);
}

html[data-theme="dark"] .article-title a {
	color: var(--dm-heading);
}

html[data-theme="dark"] .news-big .article-title,
html[data-theme="dark"] .news-big .article-title a {
	color: #181818;
}

html[data-theme="dark"] .contact .plain-style .inner > h3,
html[data-theme="dark"] .contact .plain-style .contact-title h2,
html[data-theme="dark"] .contact .plain-style .title-link h3,
html[data-theme="dark"] .contact .plain-style .title-info h2 {
	color: var(--dm-heading);
}

html[data-theme="dark"] a.mod-articles-category-title,
html[data-theme="dark"] .mod-articles-category-title a {
	color: var(--dm-heading);
}

html[data-theme="dark"] .btn-readmore,
html[data-theme="dark"] a.btn-readmore {
	color: var(--dm-heading);

	-webkit-text-fill-color: var(--dm-heading);
}

html[data-theme="dark"] label,
html[data-theme="dark"] .control-label {
	color: var(--dm-text);
}

html[data-theme="dark"] .btn-line {
	border-color: var(--dm-heading);
	color: var(--dm-heading);
}

html[data-theme="dark"] .btn-line:hover,
html[data-theme="dark"] .btn-line:focus,
html[data-theme="dark"] .btn-line:active {
	background: var(--dm-heading);
	color: var(--dm-bg);
}

html[data-theme="dark"] .btn.btn-secondary {
	background-color: var(--dm-heading) !important;
	border-color: var(--dm-heading) !important;
	color: var(--dm-bg);
}

html[data-theme="dark"] .page-item.active .page-link {
	background-color: var(--dm-heading);
	border-color: var(--dm-heading);
	color: var(--dm-bg);
}

html[data-theme="dark"] .page-link:hover,
html[data-theme="dark"] .page-link:focus {
	background-color: var(--dm-heading);
	border-color: var(--dm-heading);
	color: var(--dm-bg);
}

html[data-theme="dark"] .com-content-article__body blockquote.border-dark {
	border-color: var(--dm-text) !important;
}

html[data-theme="dark"] .categories-module a,
html[data-theme="dark"] .categories-module > li a {
	color: var(--dm-text);
}

html[data-theme="dark"] body.t4-error-page {
	background-color: var(--dm-bg);
	color: var(--dm-text);
}

html[data-theme="dark"] .t4-error-page .t4-error-msg {
	background-color: var(--dm-surface);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

html[data-theme="dark"] .t4-error-page h1 {
	color: var(--dm-heading);
}

html[data-theme="dark"] .t4-error-page .error-message {
	color: var(--dm-text);
}

html[data-theme="dark"] .t4-error-page .cta-wrap a {
	background: var(--dm-surface-2);
	color: var(--dm-text);
}

html[data-theme="dark"] code {
	color: var(--ja-accent);
}

html[data-theme="dark"] .t4-topbar ul.ja-login > li #ja-user-login,
html[data-theme="dark"] .t4-topbar ul.ja-login > li #ja-user-register {
	background-color: var(--dm-surface);
	border-color: var(--dm-border);
	color: var(--dm-text-muted);
}

html[data-theme="dark"] .t4-topbar ul.ja-login #ja-user-login ul li a,
html[data-theme="dark"] .t4-topbar ul.ja-login #ja-user-register ul li a {
	color: var(--dm-text);
}

html[data-theme="dark"] .t4-topbar ul.ja-login label,
html[data-theme="dark"] .t4-topbar ul.ja-login em {
	color: var(--dm-text);
}

html[data-theme="dark"] .tagspopular ul > li {
	background: var(--dm-surface);
	color: var(--dm-text);
}

html[data-theme="dark"] .tagspopular ul > li > a {
	color: var(--dm-text);
}

html[data-theme="dark"] .tagspopular ul > li > a:hover,
html[data-theme="dark"] .tagspopular ul > li > a:focus,
html[data-theme="dark"] .tagspopular ul > li > a:active {
	color: var(--ja-accent);
}

html[data-theme="dark"] .com-finder .form-inline label {
	color: var(--dm-text);
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
	background-color: var(--dm-surface-2);
	color: var(--dm-text);

	border-color: var(--dm-field-border);
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus {
	background-color: var(--dm-surface-2);
	color: var(--dm-text);
	border-color: var(--ja-accent);
}

html[data-theme="dark"] ::placeholder {
	color: var(--dm-text-muted);
	opacity: 1;
}

html[data-theme="dark"] .card {
	background-color: var(--dm-surface);
	border-color: var(--dm-border);
	color: var(--dm-text);
}

html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer {
	background-color: var(--dm-surface-2);
	border-color: var(--dm-border);
}

html[data-theme="dark"] .table {
	color: var(--dm-text);
	border-color: var(--dm-border);
}

html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table-bordered,
html[data-theme="dark"] .table-bordered th,
html[data-theme="dark"] .table-bordered td {
	border-color: var(--dm-border);
}

html[data-theme="dark"] .page-link {
	background-color: transparent;
	color: var(--dm-heading);
	border-color: var(--dm-heading);
}

html[data-theme="dark"] .page-item.disabled .page-link {
	color: var(--dm-text-muted);
	border-color: var(--dm-border);
	background-color: transparent;
}

html[data-theme="dark"] div.t4-wrapper .counter {
	background-color: transparent;
	color: var(--dm-heading);
	border-color: var(--dm-heading);
}

html[data-theme="dark"] .input-group-text,
html[data-theme="dark"] .input-group-addon > span {
	background-color: var(--dm-surface-2);
	color: var(--dm-text-muted);
	border-color: var(--dm-field-border);
}

html[data-theme="dark"] .contact .contact-address .fa {
	background: var(--dm-surface-2);
	color: var(--dm-text);
}

html[data-theme="dark"] legend {
	color: var(--dm-heading);
}

html[data-theme="dark"] .registration fieldset::before {
	background-color: var(--dm-border);
}

html[data-theme="dark"] .registration fieldset legend {
	background-color: var(--dm-band);
}

html[data-theme="dark"] .list-group-item {
	background-color: var(--dm-surface);
	border-color: var(--dm-border);
	color: var(--dm-text);
}

html[data-theme="dark"] .com-tags-tag.tag-category .list-group .list-group-item a {
	color: var(--dm-text);
}

html[data-theme="dark"] .article-title a:hover,
html[data-theme="dark"] .article-title a:focus,
html[data-theme="dark"] a.article-title:hover,
html[data-theme="dark"] a.article-title:focus,
html[data-theme="dark"] .item-title a:hover,
html[data-theme="dark"] .item-title a:focus {
	color: var(--dm-heading);
	-webkit-text-fill-color: var(--dm-heading);
	border-bottom-color: var(--dm-field-border);
}

html[data-theme="dark"] a.mod-articles-category-title:not(.article-title):hover,
html[data-theme="dark"] a.mod-articles-category-title:not(.article-title):focus {
	color: var(--color-primary, #f44941);
	-webkit-text-fill-color: var(--color-primary, #f44941);
	border-bottom: 0;
}

html[data-theme="dark"] .news-big a.article-title:hover,
html[data-theme="dark"] .news-big a.article-title:focus,
html[data-theme="dark"] .news-big .article-title a:hover,
html[data-theme="dark"] .news-big .article-title a:focus {
	color: var(--color-primary, #f44941);
	-webkit-text-fill-color: var(--color-primary, #f44941);
	border-bottom-color: var(--dm-field-border);
}

html[data-theme="dark"] .com-tags-tag.tag-category .list-group .list-group-item a:hover,
html[data-theme="dark"] .com-tags-tag.tag-category .list-group .list-group-item a:focus {
	color: var(--dm-heading);
	-webkit-text-fill-color: var(--dm-heading);
	border-bottom: 1px solid var(--dm-field-border);
	text-decoration: none;
}

html[data-theme="dark"] figure figcaption {
	background: var(--dm-surface-2);
	color: var(--dm-text);
}

html[data-theme="dark"] .owl-nav .owl-prev,
html[data-theme="dark"] .owl-nav .owl-next,
html[data-theme="dark"] .owl-prev,
html[data-theme="dark"] .owl-next {
	background-color: var(--dm-surface-2);
	color: var(--dm-text);
}

html[data-theme="dark"] .com-users-reset,
html[data-theme="dark"] .com-users-remind {
	background-color: var(--dm-surface);
}

html[data-theme="dark"] .t4-section.t4-breadcrumbs {
	border-top-color: var(--dm-border);
}

html[data-theme="dark"] .t4-main-body > .t4-row .sidebar-r:before,
html[data-theme="dark"] .right-section-1:before,
html[data-theme="dark"] div.news-medium .article-content:before,
html[data-theme="dark"] .ja-news-2 .news-medium .article-content:before {
	background: var(--dm-border);
}

html[data-theme="dark"] hr,
html[data-theme="dark"] .t4-content hr {
	border-top-color: var(--dm-border);
}

html[data-theme="dark"] div.news-medium {
	border-bottom-color: var(--dm-border);
}

html[data-theme="dark"] .news-small .article-inner {
	border-top-color: var(--dm-border);
}

html[data-theme="dark"] .category-action {
	border-top-color: var(--dm-border);
}

html[data-theme="dark"] .sidebar-l .t4-module + .t4-module,
html[data-theme="dark"] .sidebar-r .t4-module + .t4-module {
	border-top-color: var(--dm-border);
}

html[data-theme="dark"] .t4-typo-example,
html[data-theme="dark"] .com-users-reset,
html[data-theme="dark"] .com-users-remind,
html[data-theme="dark"] .list-group-item {
	border-color: var(--dm-border);
}

html[data-theme="dark"] .categories-module > li a {
	border-bottom-color: var(--dm-border);
}

html[data-theme="dark"] .right-section-1 > div + div {
	border-top-color: var(--dm-border);
}

html[data-theme="dark"] div[class*="t4-section-"] .module-title {
	border-top-color: var(--dm-border);
}

html[data-theme="dark"] .com-tags-tag.tag-category .list-group .list-group-item {
	background-color: transparent;
	border-bottom-color: var(--dm-border);
}

html[data-theme="dark"] .categories-module > li a:hover,
html[data-theme="dark"] .categories-module > li a:focus,
html[data-theme="dark"] .categories-module > li a:active {
	border-bottom-color: var(--dm-heading);
	color: var(--dm-heading);
}

html[data-theme="dark"] .bg-light {
	background-color: var(--dm-band) !important;
}

html[data-theme="dark"] .bg-white {
	background-color: var(--dm-surface) !important;
}

html[data-theme="dark"] .text-dark {
	color: var(--dm-heading) !important;
}

html[data-theme="dark"] .text-secondary {
	color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .bg-warning.text-dark,
html[data-theme="dark"] .bg-info.text-dark,
html[data-theme="dark"] .bg-success.text-dark,
html[data-theme="dark"] .bg-danger.text-dark,
html[data-theme="dark"] .bg-primary.text-dark,
html[data-theme="dark"] .bg-secondary.text-dark {
	color: #212529 !important;
}

html[data-theme="dark"] .t4-megamenu .dropdown-menu,
html[data-theme="dark"] .t4-megamenu .mega-dropdown-menu {
	background-color: var(--dm-surface-2);
	border-color: var(--dm-border);

	color: var(--dm-text);
}

html[data-theme="dark"] .t4-megamenu .dropdown-menu > li a,
html[data-theme="dark"] .t4-megamenu .mega-nav > li a,
html[data-theme="dark"] .t4-megamenu .dropdown-menu .mega-nav > li a {
	color: var(--dm-text);
}

html[data-theme="dark"] .t4-megamenu .t4-module .nav li.nav-item a:hover,
html[data-theme="dark"] .t4-megamenu .t4-module .nav li.nav-item a:focus,
html[data-theme="dark"] .t4-megamenu .t4-module .nav li.nav-item a:active,
html[data-theme="dark"] .t4-megamenu .mega-col-module .nav li.nav-item a:hover,
html[data-theme="dark"] .t4-megamenu .mega-col-module .nav li.nav-item a:focus,
html[data-theme="dark"] .t4-megamenu .mega-col-module .nav li.nav-item a:active {
	background-color: var(--dm-surface);
}

html[data-theme="dark"] .t4-offcanvas {
	background: var(--dm-surface);
}

html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar .nav-item .dropdown-menu {
	background-color: var(--dm-surface);
}

html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar .nav-link,
html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item {
	color: var(--dm-text);
}

html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar .nav-link:hover,
html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar .nav-link:focus,
html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item:hover,
html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item:focus {
	color: var(--dm-heading);
}

html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .nav-link,
html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item.active {
	color: var(--ja-accent);
}

html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar .btn-toggle,
html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .btn-toggle {
	background-color: var(--dm-surface-2);
	color: var(--dm-text-muted);
}

html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back {
	background-color: var(--dm-surface-2);
	color: var(--dm-text);
}

html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back:hover,
html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back:focus,
html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back:active {
	background-color: var(--dm-border);
}

html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back i {
	color: var(--dm-text-muted);
}

html[data-theme="dark"] .t4-offcanvas .t4-off-canvas-body .module-title span {
	color: var(--dm-heading);
}

.t4-theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 96px;
	background: transparent;
	border: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0;
	color: #fff;
	cursor: pointer;
	line-height: 1;
	transition: color .2s ease;
}

@media (max-width: 767.98px) {
	.t4-theme-toggle {
		width: 64px;
	}
}

.t4-theme-toggle:hover,
.t4-theme-toggle:focus {
	color: var(--color-primary, #f44941);
}

.t4-theme-toggle svg {
	display: block;
}

.t4-theme-toggle .t4-theme-toggle__sun {
	display: none;
}

html[data-theme="dark"] .t4-theme-toggle .t4-theme-toggle__moon {
	display: none;
}

html[data-theme="dark"] .t4-theme-toggle .t4-theme-toggle__sun {
	display: block;
}
