body,
.sp-preloader {
	background-color: #ffffff;
	color: #111111;
}

.sp-preloader > div {
	background: #802bff;
}

.sp-preloader > div:after {
	background: #ffffff;
}

#sp-top-bar {
	background: #0e0024;
	color: #ffffff;
}

#sp-top-bar a {
	color: #ffffff;
}

#sp-menu ul.social-icons a:hover,
#sp-menu ul.social-icons a:focus {
	color: #802bff;
}

a {
	color: #ffcb00;
}

a:hover,
a:focus,
a:active {
	color: #ffcb00;
}

.tags > li {
	display: inline-block;
}

.tags > li a {
	background: rgba(128, 43, 255, 0.1);
	color: #802bff;
}

.tags > li a:hover {
	background: #9955ff;
}

.article-social-share .social-share-icon ul li a {
	color: #0e0024;
}

.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:focus {
	background: #802bff;
}

.pager > li a {
	border: 1px solid #ededed;
	color: #0e0024;
}

.sp-reading-progress-bar {
	background-color: #802bff;
}

.sp-megamenu-parent > li > a {
	color: #cccccc;
	font-weight: 600;
}

.sp-megamenu-parent > li:hover > a {
	color: var(--gradient-color-1);
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
	color: var(--gradient-color-1);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	background: #000000cc;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	color: #ffffff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	color: #ffcb00;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
	color: #802bff;
}

.sp-megamenu-parent .sp-mega-group > li > a {
	color: #ffffff;
}

#offcanvas-toggler > .fa {
	color: #cccccc;
}

#offcanvas-toggler > .fa:hover,
#offcanvas-toggler > .fa:focus,
#offcanvas-toggler > .fa:active {
	color: #802bff;
}

#offcanvas-toggler > .fas {
	color: #cccccc;
}

#offcanvas-toggler > .fas:hover,
#offcanvas-toggler > .fas:focus,
#offcanvas-toggler > .fas:active {
	color: #802bff;
}

#offcanvas-toggler > .far {
	color: #cccccc;
}

#offcanvas-toggler > .far:hover,
#offcanvas-toggler > .far:focus,
#offcanvas-toggler > .far:active {
	color: #802bff;
}

.offcanvas-menu {
	background-color: #00000070;
	color: #ffffff;
}

.offcanvas-menu .offcanvas-inner a {
	color: #ffffff;
}

.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active {
	color: #ffcb00;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a,
.offcanvas-menu .offcanvas-inner ul.menu > li span {
	color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
	color: #ffcb00;
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,
.offcanvas-menu
	.offcanvas-inner
	ul.menu
	> li.menu-parent
	> .menu-separator
	> .menu-toggler {
	color: rgba(255, 255, 255, 0.5);
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler {
	color: rgba(255, 255, 255, 0.5);
}

.offcanvas-menu .offcanvas-inner ul.menu > li li a {
	color: rgba(255, 255, 255, 0.8);
}

.btn-primary,
.sppb-btn-primary {
	border-color: #802bff;
	background-color: #802bff;
}

.btn-primary:hover,
.sppb-btn-primary:hover {
	border-color: #9955ff;
	background-color: #9955ff;
}

ul.social-icons > li a:hover {
	color: #802bff;
}

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

.sp-module ul > li > a {
	color: #0e0024;
}

.sp-module ul > li > a:hover {
	color: #ffcb00;
}

.sp-module .latestnews > div > a {
	color: #0e0024;
}

.sp-module .latestnews > div > a:hover {
	color: #802bff;
}

.sp-module .tagscloud .tag-name:hover {
	background: #802bff;
}

.search .btn-toolbar button {
	background: #802bff;
}

#sp-footer,
#sp-bottom {
	background: #151515;
	color: #cccccc;
}

#sp-footer a,
#sp-bottom a {
	color: #cccccc;
}

#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: #cccccc;
}

.sp-comingsoon body {
	background-color: #802bff;
}

.pagination > li > a,
.pagination > li > span {
	color: #0e0024;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
	color: #0e0024;
}

.pagination > .active > a,
.pagination > .active > span {
	border-color: #802bff;
	background-color: #802bff;
}

.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
	border-color: #802bff;
	background-color: #802bff;
}

.error-code,
.coming-soon-number {
	color: #802bff;
}