/* 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:hover,
.skills .progress-bar, 
.skills span, 
.skills pan:after,
#sp_qc_submit,
#offcanvas-toggler,
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-megamenu-parent > li .sp-menu-badge {
    background: var(--background-color);
}
#sp_qc_submit,
.skills .cont p,
.video-item figure a:hover:after,
div.k2ItemsBlock ul li a {
    color: var(--text-color);
}
#sp-bottom1 ul:hover .text,
#sp-bottom1 ul:hover .icon em,
.j2store-single-product .product-title a:hover {
  	color: var(--text-color)!important;
}
#sp_qc_submit, .page-item.active .page-link,
#sp-position1 ul li a:before, .et-dirider, .et-divider, .et-programs-sidebar, .et-blog .et-blog-colum .sppb-column-addons, .et-dirived,
.et-pricing-colum.center, .et-working-colum {
    border-color:var(--text-color) !important;
}
.corner {
    border-right-color:var(--text-color) !important;
}
.btn-large, .button.btn-large,
.j2store-cart-button.btn.btn-primary:hover,
.sppb-panel-modern>.sppb-panel-heading.active:after, .et-about-item {
    background: var(--background-color)!important;
}
.video-item figure a:after:hover {
    border: 1px solid var(--text-color);
}

.et-contact .et-contact-item .sppb-icon-container,
.btn-success, .et-new-item, .et-info-color, .page-item.active .page-link,
#sp-position1 ul li a, .et-button, #sp-bottom1 .shrewd_solution_icon ul li a,
.et-text-bg .sppb-row-container, #sp-quickcontact-form #sp_qc_submit, .sp-megamenu-parent > li > a:before, .lt-title-icon:before,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:hover > a, .et-say, .et-questions, .et-projects, .et-bg,
.et-btn-pricing, .et-btn-pricing:hover, .button-slider, #sp-footer ul.menu-ft li:before,
#sp-bottom h3:before, .et-bg, .et-event-info li a, .et-btn-event a, .et-event-colum .clearfix:hover, .et-services-item .et-services-bottom a, .et-slider-title-colum {
    background: var(--background-color)!important;
}

.et-title h3, a:hover, .et-get-item .sppb-media-content h3, 
.et-title strong.last, .et-event i, .et-counter-item h3, #sp-logo p, .et-title-big,
.et-title-color h3, .et-quote-icon i, .et-qoute-name .sppb-addon-content, .et-quote-text h3, .et-icon-link a, .et-btn.color,
.et-bg-title h4, .et-step-item .color, .et-extra-item ul li:before, .sppb-panel-heading.active .sppb-panel-title,
.sppb-panel-heading.active i, .et-info-item i, .et-info-link h3, .lt-title-icon i, .et-link-services.ser2, .et-services-item.center h3,
.et-services-item.center .sppb-icon-container i, .et-pricing-item i, .et-pricing-item ul li:before, .et-testimonials-item .job, .head-left ul li i,
.et-about-list li:before, .et-testimonial-item h3, #sp-bottom3 li:before, .et-team-item .sppb-addon-text, .et-program-item h3,
.et-event-info li em, .et-about-icon i, #sp-bottom #sp-bottom1 em, .et-horse-item i, .et-horse-item h3 {
    color: var(--text-color)!important; 
}