.blog h1 {margin-bottom: 1em;}
.kiss {margin: 0 auto;}
.kiss a, .kiss a:focus, .kiss a:after, h1 span{color: #ff980a;}
.kiss a:hover {color: #ff980a;border-bottom: 1px solid #ff980a;}
.site-grid a:not([class]) {text-decoration: none;}
a {text-decoration: none;}
.metismenu.mod-menu .metismenu-item {padding: 0.3em 1em;}	
.page-header h1 {margin: 1rem 0 1.2rem 0;font-size: 2.5rem;}
ul {list-style-type: square;}
p {font-size: 1.1rem;margin-top: 10px;}
.sppb-blocknumber-text {font-size: 1.1rem;}
.com-content-article ul,.com-content-article ol {font-size: 1.1rem;margin-bottom: 2.2rem;margin-top: 1.8rem;}
.com-content-article ol li,.com-content-article ul li {margin-top: 0.4rem;margin-left: 1.4rem;}
.footer .grid-child{display: block;padding-right: 2rem;}
.mod-breadcrumbs__divider .icon-location:before {content: none;}
.site-grid a:not([class]) {text-decoration: none;}
.px-3{
	padding-left: 0rem!important;
}

:root {
    --website-color-1: #252627;
	--website-color-2: #BF1313;
	--website-color-3: #E1E5EC;
	--website-color-4: #87a7e0;
	--website-color-5: rgba(225, 229, 236, 0.15);
	--website-color-6: #d1d5db;
	--website-color-7: #4E6187;
	--website-color-8: #dedfdf;
	--website-color-9: #fff;
	--website-color-10: #AE0202;
	--website-color-11: #292A2B;
	--website-color-12: #303134;
	--website-color-13: #6d757e;
	--website-color-14: #212121;
	--website-color-15: #F6F8F7;
	--website-color-16: #181c25;
	--website-color-17: #E6E9E9;
}
.com-content-article ul.tags {margin: 0.8rem 0 1rem 0;}
.com-content-article ul.tags li {margin: 0.5rem;}
.com-content-article a.btn-info {color: var(--website-color-3); border-bottom: none;}
.com-content-article .btn-info {background-color: var(--website-color-2);border-color:var(--website-color-2);border-radius:0rem;}
.com-content-article.item-page li.list-inline-item a.btn-info:hover {background-color:var(--website-color-10);border-color:var(--website-color-10); border-bottom: 0px; color: var(--website-color-9);}
.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {position: unset; font-size: 1.2rem;}
.container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before, .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before {background:var(--website-color-2); opacity: 1;}
.ifact{
	color: var(--website-color-2);
	padding:0.5rem;
	font-size: 1.4rem;
}
.article-info{
	border-bottom: 1px solid var(--website-color-6);
	display: flex;
	}
.article-info dd {
	padding:0.4rem;
}
.com-content-article a, .item-content p a {
		color: var(--website-color-4);
		text-decoration: none;
		border-bottom: 1px solid var(--website-color-4);
	}
		.item-content h2 a:hover {color: var(--website-color-2);
		text-decoration: none;border-bottom: 2px solid var(--website-color-2);}
.com-content-article a:hover, .item-content p a:hover {
		color: var(--website-color-7);
		border-bottom: 1px solid var(--website-color-7);
	}
.com-content-article h2 {
		margin: 0.7em;
	}
	.com-content-article h3 {
		margin: 0.3em;
	}
	.sidebar-right .card-header {background-color: var(--website-color-2); font-size: 1.3rem; color: var(--website-color-9);border-radius:0rem;}
	.sidebar-right.card [aria-current]:not([aria-current="false"]) {text-decoration: none;color: var(--website-color-2);border-bottom: 1px solid var(--website-color-2);}.sidebar-right.card a:hover {color: var(--website-color-2);border-bottom: 1px solid var(--website-color-2);text-decoration: none;} .sidebar-right .mod-list li.active>a {text-decoration: none;}
	.breadcrumb-item a:hover {border-bottom: 1px solid var(--website-color-2);}
	.item-content #fd .o-inline-list>div a:hover {color: var(--website-color-2);text-decoration: none;}
	.site-grid .btn-primary:focus, .site-grid .btn-primary:hover {background-color: var(--website-color-2);color: var(--website-color-9);}
	.com-content-article #fd .o-btn--primary {
		background-color: var(--website-color-2);
		border-color: var(--website-color-2);
	}
	.com-content-article #fd .o-btn--primary:hover {
		background-color: var(--website-color-10);
		border-color: var(--website-color-10);
		color: var(--website-color-9);
	}
	.footer div.mod-languages ul {float: right;}
	.com-content-article .dd a{text-decoration: none;}
	.article-info dd a {border-bottom: 0px;}
	.article-info dd a:hover {border-bottom: 0px;}
	.article-info a img {padding-left: 5px;}
	
@media screen and (prefers-color-scheme: dark) { /* для переопределения цветов, указанных по умолчанию в плагине Dark Magic */
    :root {
        --cassiopeia-color-primary: var(--website-color-1) !important;
        --cassiopeia-color-link: var(--website-color-2) !important;
        --cassiopeia-color-hover: var(--website-color-2) !important;
        --cassiopeia-color-gradient-end: var(--website-color-11) !important;
        --cassiopeia-color-gradient-start: var(--website-color-11) !important;
    }
	.com-content-article .text-muted {color: var(--website-color-6)!important;}
	.header {box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.75), 0px 5px 14px rgba(0, 0, 0, 0.3);}
	.logius {background-image: url(/images/logo.png);width: 235px;height: 90px;}
	.site-grid .card {background-color: var(--website-color-1);border-color: var(--website-color-5); 
	border-radius:0rem;}
	.sidebar-right.card a {color: var(--website-color-8);}
	html, body {background: var(--website-color-1);color: var(--website-color-3) !important;}
	.breadcrumb-item.active {color: var(--website-color-13);}
	.item-content h2 a {color: var(--website-color-9);text-decoration: none;}
	.footer{border-top: 1px solid var(--website-color-6);}
	.site-grid .btn-primary {background-color: var(--website-color-9);width: 100%;color: var(--website-color-1);}
    .back-to-top-link {color: white !important;}
    #cf_1 { /* Convert Forms так же используют CSS переменные */
        --background-color: rgba(0, 0, 0, 0.9) !important;
    }
	.com-content-article #fd .o-snackbar, .com-content-article #kt .kt-comment {
		background-color: var(--website-color-12);
	}
	.grid-child #system-message-container joomla-alert .alert-wrapper {color: var(--jui-alert-button-color-dark); background: var(--website-color-9);}
	.list-group-item {color: var(--website-color-9);}
	.item-content #fd .o-snackbar {background-color: var(--website-color-12);}
	.item-content #fd .o-inline-list>div+div:before {color: var(--website-color-12);}
	.com-content-article #fd .text-gray-800 {color: var(--website-color-3);}
	.com-content-article #fd .text-success-500 {--tw-text-opacity: 1;
    color: var(--fd-success-500-hex,rgba(var(--fd-success-500),var(--tw-text-opacity)) );}
	.com-content-article #fd .bg-success-100 {background-color: #043F2F;}
    .com-content-article #kt .kt-spoiler-block {color: var(--website-color-14);background-color: var(--website-color-14);}
	.com-content-article #fd .o-btn--default, #fd .light .o-dropdown,#fd .light .o-form-control, #fd .light .emoji-selectables, #fd .light .o-dialog-content, #fd .light .o-dialog-header--divider, #fd.o-dialog.has-footer .light .o-dialog-footer, #fd .light .o-btn--default, #fd .light .o-btn--default:hover {background-color: var(--website-color-14); color: var(--website-color-6) !important;}
	#fd .light .text-gray-500 {background-color: var(--website-color-12); color: var(--website-color-13);}
	.com-content-article #fd .o-form-check__text {color: var(--website-color-3);}
	.com-content-article #fd .o-editor-wrapper {background-color: var(--website-color-14);}
	.com-content-article #fd .o-form-group--ifta .o-form-label {color: var(--website-color-3);}
	.com-content-article #fd .bg-info-100 {background-color: #24313C;}
	.com-content-article #fd .o-form-control, .com-content-article #fd .markItUpEditor, .com-content-article #fd .markItUpHeader {background-color: var(--website-color-14);color: var(--website-color-9);}
	.com-content-article #fd .markItUp .markItUpButton a {color: var(--website-color-6) !important;}
	.com-content-article #fd .markItUp .markItUpButton a:before, .com-content-article #fd .o-form-control {color: var(--website-color-6) !important;}
	.com-content-article #fd .emoji-picker {background-color: var(--website-color-3);}
	.logius {background-image: url(/images/logo.png);width: 235px;height: 90px;}
}
@media screen and (prefers-color-scheme: light) { /* для переопределения цветов, указанных по умолчанию в плагине Dark Magic */
:root {
        --cassiopeia-color-gradient-end: var(--website-color-15) !important;
        --cassiopeia-color-gradient-start: var(--website-color-15) !important;
    }
html, body {background: var(--website-color-15);}
	.container-header {background-color: var(--website-color-9); background-image: linear-gradient(135deg,var(--website-color-15) 0,var(--website-color-15) 100%);}
	.logius {background-image: url(/images/logo2.png);width: 235px;height: 90px;}
    .metismenu.mod-menu .metismenu-item>a {color: var(--website-color-1);}
    .header {box-shadow: 0px 0px 2px #f9f9f9, 0px 5px 14px #dfe3e7;}
    .footer{border-top: 1px solid var(--website-color-14); background: var(--website-color-9); color: var(--website-color-14);}
    .com-content-article {color: var(--website-color-16);}
    .site-grid .btn-primary {background-color: var(--website-color-9);width: 100%;color: var(--website-color-16);}
	.back-to-top-link:hover, .back-to-top-link:focus {background-color: var(--website-color-2);}
	.com-content-article #fd .o-snackbar, .com-content-article #kt .kt-comment {background-color:var(--website-color-9);}
	.com-content-category-blog__children h3 a {color: var(--website-color-2);}
	.item-content h2 a {color: var(--website-color-16);text-decoration: none;}
	.item-content #fd .o-snackbar {background-color: var(--website-color-17);}
	.item-content #fd .o-inline-list>div+div:before {color: var(--website-color-17);}
	.container-header .navbar-toggler {border: 1px solid var(--website-color-16);color: var(--website-color-16);cursor: pointer;}
	.form-check-input:checked {background-color: var(--website-color-2);
    border-color: var(--website-color-2);}
}