body, .sp-preloader {
    background-color: #f4f4f4; /* Светло-серый фон для легкости восприятия */
    color: #444444; /* Тёмно-серый текст для лучшей читабельности */
}
.sp-preloader>div {
    background: #0345bf;
    animation: spin 1.5s linear infinite; /* Анимация вращения для preloader */
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.sp-preloader>div:after {
    background: #ffffff;
}

#sp-top-bar {
    background: #333333;
    color: #bbbbbb; /* Чуть более яркий текст для улучшения контраста */
}
#sp-top-bar a {
    color: #bbbbbb;
}
#sp-top-bar a:hover {
    color: #ffffff; /* Белый цвет для выделения при наведении */
}

#sp-header {
    background: #ffffff;
}
a {
    color: #0345bf;
}
a:hover, a:focus, a:active {
    color: #044cd0;
    text-decoration: underline; /* Подчеркивание при наведении для интерактивности */
}

.tags>li {
    display: inline-block;
}
.tags>li a {
    background: rgba(3, 69, 191, 0.1);
    color: #0345bf;
    border-radius: 4px; /* Добавление скругления для мягкости */
    padding: 4px 8px;
    transition: background 0.3s ease, color 0.3s ease; /* Плавный переход цветов */
}
.tags>li a:hover {
    background: #044cd0;
    color: #ffffff; /* Белый цвет при наведении для контраста */
}

.article-social-share .social-share-icon ul li a {
    color: #8a4545;
}
.article-social-share .social-share-icon ul li a:hover, 
.article-social-share .social-share-icon ul li a:focus {
    background: linear-gradient(90deg, #0345bf, #044cd0); /* Градиент для более динамичного эффекта */
    color: #ffffff;
}

.pager>li a {
    border: 1px solid #EDEDED;
    color: #8a4545;
}
.pager>li a:hover {
    border-color: #0345bf;
    color: #0345bf;
}

.sp-megamenu-parent>li>a {
    color: #252525;
    font-weight: 600; /* Увеличение толщины шрифта для акцента */
}
.sp-megamenu-parent>li:hover>a {
    color: #0345bf;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* Легкая тень для акцента */
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #0345bf;
    font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Добавление тени для объёма */
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: #252525;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #0345bf;
    text-decoration: underline;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #0345bf;
}

#offcanvas-toggler>.fa {
    color: #252525;
}
#offcanvas-toggler>.fa:hover, #offcanvas-toggler>.fa:focus, #offcanvas-toggler>.fa:active {
    color: #0345bf;
}

.offcanvas-menu {
    background-color: #ffffff;
    color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span {
    color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus {
    color: #0345bf;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li.active>a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.active>span {
    color: #0345bf;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler {
    color: rgba(37, 37, 37, 0.5);
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {
    color: rgba(37, 37, 37, 0.8);
}

.btn-primary, .sppb-btn-primary {
    border-color: #0345bf;
    background-color: #0345bf;
    border-radius: 5px; /* Скруглённые углы для более мягкого вида */
    transition: background 0.3s ease, border-color 0.3s ease; /* Плавный переход при наведении */
}
.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: #044cd0;
    background-color: #044cd0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Лёгкая тень при наведении */
}

ul.social-icons>li a:hover {
    color: #0345bf;
    transform: scale(1.1); /* Легкое увеличение при наведении */
    transition: transform 0.2s ease;
}

.layout-boxed .body-innerwrapper {
    background: #ffffff;
}

.sp-module ul>li>a {
    color: #8a4545;
}
.sp-module ul>li>a:hover {
    color: #0345bf;
}

.sp-module .latestnews>div>a {
    color: #8a4545;
}
.sp-module .latestnews>div>a:hover {
    color: #0345bf;
}

.sp-module .tagscloud .tag-name:hover {
    background: #0345bf;
}

.search .btn-toolbar button {
    background: #0345bf;
    border-radius: 5px;
}

#sp-footer, #sp-bottom {
    background: linear-gradient(180deg, #171717, #111111); /* Градиентный фон для футера */
    color: #ffffff;
}
#sp-footer a, #sp-bottom a {
    color: #a2a2a2;
}
#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus,
#sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {
    color: #ffffff;
}

#sp-bottom .sp-module-content .latestnews>li>a>span {
    color: #ffffff;
}

.sp-comingsoon body {
    background-color: #0345bf;
}

.pagination>li>a, .pagination>li>span {
    color: #8a4545;
}
.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {
    color: #0345bf;
    border-color: #0345bf;
    background-color: #f4f4f4; /* Легкий фон при наведении */
}
.pagination>.active>a, .pagination>.active>span {
    border-color: #0345bf;
    background-color: #0345bf;
}
.pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus {
    border-color: #044cd0;
    background-color: #044cd0;
}

.error-code, .coming-soon-number {
    color: #0345bf;
}