/**
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */

body, .sp-preloader {
  background-color: #fff;
  color: var(--avc-black);
}
.sp-preloader > div {
  background: var(--avc-black);;
}
.sp-preloader > div:after {
  background: #fff;
}
#sp-top-bar {
  background: #333;
  color: #aaa;
}
#sp-top-bar a {
  color: #aaa;
}

a {
  color: var(--avc-red);
}
a:hover, a:focus, a:active {
  color: var(--avc-red);
}
.tags > li {
  display: inline-block;
}
.tags > li a {
  background: rgba(5, 5, 5, 0.1);
  color: var(--avc-black);;
}
.tags > li a:hover {
  background: var(--avc-black);
}
.article-social-share .social-share-icon ul li a {
  color: var(--avc-black);
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: var(--avc-black);;
}
.pager > li a {
  border: 1px solid #ededed;
  color: var(--avc-black);
}
.sp-reading-progress-bar {
  background-color: var(--avc-black);;
}
.sp-megamenu-parent > li > a {
  color: var(--avc-black);
  font-weight: 800;
  font-size: calc(var(--avc-regular-resolution-width)*20/var(--avc-ref-screen));
  font-weight: bold;
  margin-right: 16px;
}
.sp-megamenu-parent > li:hover > a {
  color: var(--avc-black);
  font-weight: 800;
  border-bottom: solid calc(var(--avc-regular-resolution-width)*7/var(--avc-ref-screen)) var(--avc-red);
  border-bottom-color: var(--avc-red);
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: var(--avc-red);
  font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: var(--avc-white);
  opacity: .85;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: var(--avc-black);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: var(--avc-red);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: var(--avc-red);
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: var(--avc-black);
}
#offcanvas-toggler > .fa {
  color: var(--avc-black);
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
  color: var(--avc-red);
}
.offcanvas-menu {
  background-color: #fff;
  color: var(--avc-black);
}
.offcanvas-menu .offcanvas-inner ul > li a, .offcanvas-menu .offcanvas-inner ul > li span{
  color: var(--avc-black);
}

.offcanvas-menu .offcanvas-inner ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, 
.offcanvas-menu .offcanvas-inner ul > li a:focus, 
.offcanvas-menu .offcanvas-inner ul > li span:focus {
  text-decoration-line: underline;
  text-decoration-thickness: 4px;
  text-decoration-color: var(--avc-red);
  text-underline-offset: 10px;
  color: var(--avc-black) !important;
}
.offcanvas-menu .offcanvas-inner ul > li.menu-parent > a > .menu-toggler, 
.offcanvas-menu .offcanvas-inner ul > li.menu-parent > .menu-separator > .menu-toggler {
  color: var(--avc-red);
}

.offcanvas-menu .offcanvas-inner ul > li.menu-parent > a:hover > .menu-toggler {
  color: var(--avc-black);
}

.offcanvas-menu .offcanvas-inner ul > li.menu-parent > a:active > .menu-toggler{
  text-decoration-line: underline;
  text-decoration-thickness: 4px;
  text-decoration-color: var(--avc-red);
  text-underline-offset: 10px;
  color: var(--avc-black) !important;
}

.offcanvas-menu .offcanvas-inner ul > li ul li a {
  color: var(--avc-black);
  margin-bottom: -30px;
  font-weight: normal;
}
.btn-primary, .sppb-btn-primary {
  border-color: var(--avc-black);;
  background-color: var(--avc-black);;
}
.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: var(--avc-black);;
  background-color: var(--avc-black);;
}
ul.social-icons > li a:hover {
  color: var(--avc-black);;
}
.sp-page-title {
  background: var(--avc-black);;
}
.layout-boxed .body-innerwrapper {
  background: #fff;
}
.sp-module ul > li > a {
  color: var(--avc-black);
  font-weight: normal;
  font-size: calc(var(--avc-regular-resolution-width)*14/var(--avc-ref-screen));
}
.sp-module ul > li > a:hover {
  color: var(--avc-red) !important;
  font-weight: 700;
}
.sp-module .latestnews > div > a {
  color: #fff;
}
.sp-module .latestnews > div > a:hover {
  color: #fff;
}
.sp-module .tagscloud .tag-name:hover {
  background: var(--avc-black);;
}
.search .btn-toolbar button {
  background: var(--avc-black);
}
#sp-bottom {
  background:  rgba(168,169,173,1);
  color: var (--avc-white);
}
#sp-footer {
  background:  var(--avc-black);
  color: var (--avc-white);
  height: 5px;
  z-index: 1;
  position: relative;
}
#sp-footer a, #sp-bottom a {
  color: var(--avc-white);
  font-size:  calc(var(--avc-regular-resolution-width)*16/var(--avc-ref-screen));
  font-weight: bold;
}

#sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:active, #sp-bottom a:active, #sp-footer a:focus, #sp-bottom a:focus {
  color: #fff;
}
#sp-bottom .sp-module-content .latestnews > li > a > span {
  color: #fff;
}

.sp-comingsoon body {
  background-color: var(--avc-black);;
}
.pagination > li > a, .pagination > li > span {
  color: var(--avc-black);
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: var(--avc-black);
}
.pagination > .active > a, .pagination > .active > span {
  border-color: var(--avc-black);;
  background-color: var(--avc-black);;
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: var(--avc-black);;
  background-color: var(--avc-black);;
}
.error-code, .coming-soon-number {
  color: var(--avc-black);;
}
