/* 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,
.line-title .sppb-section-title: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-megamenu-parent > li .sp-menu-badge {
    background: var(--background-color);
}
.skills .cont p,
.video-item figure a:hover:after,
.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,
div.k2ItemsBlock ul li a {
    color: var(--text-color);
}
.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-rating ul li a, .et-testimonial-item h5,
#sp-bottom3 .vu_wh-item.active .vu_wh-hours,.et-button:hover, .address-info, .ser-button-text:hover,
.sppb-panel-heading.active i, .et-class-text h3, .et-beginners-class h3, .et-tab .sppb-panel-heading.active .sppb-panel-title,
.et-write .shrewd_solution_icon li a {
  	color: var(--text-color)!important;
}
.et-dirider, .et-services .et-btn:hover, .page-item.active .page-link, .btn-success, .et-drive, .et-price-btn, .et-price-btn:hover {
    border-color: var(--text-color)!important;
}
.j2store-cart-button.btn.btn-primary:hover,
.sppb-panel-modern>.sppb-panel-heading.active:after, .et-btn, .right-menu .lt-button, .et-price-colum.center > .sppb-column-addons {
    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, #sp-quickcontact-form #sp_qc_submit, .page-item.active .page-link, .btn-success,
.et-course-colum, .et-beginners-learn, .et-team-item .shrewd_solution_icon li a, #et-bg-title, .et-price-btn, .et-price-colum.center .et-price-btn:hover,
.et-write-us > .sppb-column-addons {
    background: var(--background-color)!important;
}

.et-title h3, .et-services-item h3, 
.et-courses-item h3, h4.team-heading-title, .et-price-btn:hover, .et-price-colum.center .et-price-btn {
    color: var(--text-color)!important;
}