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

:root {
    --background-color: currentColor;
    --background: currentColor;
    --text-color: currentColor;
}
.top-head,
.et-slider-btn a,
#sp_qc_submit:hover,
.skills .progress-bar, 
.skills span, 
.skills pan:after,
#sp_qc_submit,
#offcanvas-toggler,
.et-testimonial-column:after,
div.k2ItemsBlock ul li:after,
div.k2ItemsBlock ul li:hover .moduleItemReadMore:after,
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,
.sp-module ul > li > a,
.video-item figure a:hover:after,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:hover > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.tp-caption a.btn-slider,
div.k2ItemsBlock ul li a {
    color: var(--text-color);
}
#sp-bottom a,
#sp-bottom1 ul:hover .text,
#sp-bottom1 ul:hover .icon em,
.j2store-single-product .product-title a:hover,
.sp-megamenu-parent > li.active:hover > a, .et-about-item-box .sppb-icon-container i, .et-about-item-box h3,
.sppb-panel-heading.active i, .sppb-panel-heading.active .sppb-panel-title {
    color: rgba(213, 170, 109, 1)!important;
}
#sp_qc_submit, .et-counter-item, .et-subscribe .btn.btn-primary:hover {
    border-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 {
    background: var(--background-color)!important;
}
.et-support, .et-about-phone, .et-btn.color, .et-subscribe .btn.btn-primary:hover {
    background: rgba(213, 170, 109, 1)!important;
}
.et-team-item .et-team-job,
.et-team-item .shrewd_solution_icon ul li a:hover, .et-title h3, .et-services-item i, .et-clients-item i,
.lt-services-item h3, .et-choose-item h3, .et-team-img .sppb-addon-text, .title-icon:, .header-top-left span {
    color: var(--text-color)!important;
}
#sp-bottom a, #sp-bottom1 ul:hover .text, #sp-bottom1 ul:hover .icon em, .j2store-single-product .product-title a:hover, .sp-megamenu-parent > li.active:hover > a, .et-about-item-box .sppb-icon-container i, .et-about-item-box h3, .sppb-panel-heading.active i, .sppb-panel-heading.active .sppb-panel-title, .et-title h3, .lt-services-item h3{
	color: var(--text-color);
}