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

:root {
    --background-color: currentColor;
    --background: currentColor;
    --text-color: currentColor;
}
.lt-btn:hover,
.lt-slider-btn a:hover,
#sp_qc_submit:hover,
.lt-slider-text:before,
.lt-title p:before,
.skills .progress-bar, 
.lt-about-item-content a,
.skills span, 
.skills pan:after,
.lt-service-item.first,
.lt-service-item:hover,
#sp_qc_submit,
.lt-feature-item:after,
#offcanvas-toggler,
.lt-offer-right,
.line-title .sppb-section-title:before,
.lt-about-us .sppb-title-heading:before,
div.k2ItemsBlock ul li:after,
div.k2ItemsBlock ul li:hover .moduleItemReadMore:after,
.lt-feature-item:hover .sppb-addon-content a,
.sppb-panel-heading.active i,
.lt-team-item ul li a.share,
.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);
}
.lt-title h4::after,
.lt-product-item-right:hover .sppb-icon-container,
.sp-megamenu-parent > li .sp-menu-badge {
   background: var(--background-color);
}
.lt-blog h3,
.lt-slider-btn a,
#sp_qc_submit,
.lt-btn-no-bg,
.lt-together h1 span,
.lt-slider-button-text strong,
.lt-testimonial-content i,
.lt-about-item-content h3,
.lt-counter-item h6,
.skills .cont p,
.lt-about-item a:hover,
.video-item figure a:hover:after,
.lt-intro-title .sppb-addon-content:before,
.lt-intro-item:hover .sppb-icon i,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:hover > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
body .sp-megamenu-parent > li.active > a,
.lt-product-item-left .sppb-icon-container i,
.lt-product-item-right .sppb-icon-container i,
.tp-caption a.btn-slider,
div.k2ItemsBlock ul li a {
	color: var(--text-color);
}
#sp-bottom a,
.lt-btn.no-bg,
#lt-slider a.btn-icon:hover,
.lt-team-item h5,
#lt-pricing .lt-pricing-2 a.button-pricing:hover,
.lt-feature-item .sppb-icon-container i,
.sp-megamenu-parent > li.active > a,
#sp-bottom1 ul:hover .text,
#sp-bottom1 ul:hover .icon em,
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li.active > a,
.j2store-single-product .product-title a:hover,
.sp-megamenu-parent > li.active:hover > a, .et-services-title,
.et-stories-item .sppb-addon-text a, .et-stories-item .sppb-media-content h5, .et-stories-item i,
.et-services-text h3, .et-contact-icon i, .et-contact-item #sp-quickcontact-form #sp_qc_submit {
  	color: var(--text-color) !important;
}
.lt-about-item img,
#sp_qc_submit,
.lt-plan-item,
.et-divider.color, .et-stories-item .sppb-addon-text a,
.et-contact-item #sp-quickcontact-form #sp_qc_submit {
   border-color:var(--text-color) !important;
}
.btn-large, .button.btn-large,
.j2store-cart-button.btn.btn-primary:hover,
.lt-team-item .sppb-img-container:after,
#lt-pricing .lt-pricing-2:after,
.sppb-panel-modern>.sppb-panel-heading.active:after, .et-btn.color,
.et-contact-item #sp-quickcontact-form #sp_qc_submit:hover {
    background: var(--background-color) !important;
}
.video-item figure a:after:hover {
	border: 1px solid var(--text-color);
}