/* General color defination
Color value depend on preset color that picking on template settings > Presets
*/

:root {
    --background-color: currentColor;
    --background: currentColor;
    --text-color: currentColor;
}
#sp_qc_submit,
#sp_qc_submit:hover,
.skills .progress-bar, 
.skills span, 
.skills pan:after,
#sp_qc_submit,
#offcanvas-toggler,
a.hikacart,
#sp-bottom .menu li a:before,
.lt-about-us .sppb-title-heading:before,
div.k2ItemsBlock ul li:after,
div.k2ItemsBlock ul li:hover .moduleItemReadMore:after,
.skill-box .skills-circle  ul > li,
.skill-box .skills-circle ul > li > span.bar-circle-cover,
div.itemCommentsForm form input#submitCommentButton,
div.itemCommentsForm form input#submitCommentButton:hover,
.creativecontactform_wrapper input.creativecontactform_send,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:after {
    background-color: var(--background-color);
}
#sp_qc_submit:before {
   background: var(--background-color)!important;
}
#sp_qc_submit,
.video-item figure a:hover:after,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:hover > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
div.k2ItemsBlock ul li a {
	color: var(--text-color);
}
#sp-bottom a:hover,
#sp-bottom .menu li.active a,
sp-bottom .menu li a:hover,
#sp-bottom1 ul:hover .text,
#sp-bottom1 ul:hover .icon em,
.top-right a, .lt-price-item ul li:before, ul.top-left li em,
.lt-what-colum:hover .lt-what-title h3, .lt-title h3,
#sp-bottom2 .latestnews > li > a, .sp-megamenu-parent > li:last-child > a,
.sppb-nav-tabs>li.active>a:focus, .lt-tabs .sppb-nav-tabs>li>a:hover,
.lt-contact-info:hover h3 {
  	color: var(--text-color)!important;
}
a.hikacart,
#sp_qc_submit, .lt-bg-colum,
a.lt-btn-video:hover,
.lt-feature-item:hover, .lt-testimonial-item:hover, .lt-fund-item i,
.lt-what-colum:hover, .lt-tabs .sppb-nav-tabs>li.active>a,
.lt-contact-info:hover {
   border-color:var(--text-color)!important;
}
#sp-footer,
.lt-btn, .lt-slider-btn > a,
.btn-large, .button.btn-large,
.j2store-cart-button.btn.btn-primary:hover,
#lt-pricing .lt-pricing-2:after,
.sppb-panel-modern>.sppb-panel-heading.active:after,
#sp-bottom h3:before,
.lt-contact-icon .shrewd_solution_icon ul li a:hover,
#sp-quickcontact-form #sp_qc_submit:hover,
.sp-megamenu-parent > li > a:before, .lt-what-colum .sppb-icon-container i,
.lt-what-colum:hover .clearfix:first-child:before,
.lt-team-colum:hover .sppb-media-content, .lt-team-colum:hover .lt-team-icon,
.lt-contact-info i {
    background: var(--background-color)!important;
}
.video-item figure a:after:hover {
    border: 1px solid var(--text-color);
}