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

:root {
  --background-color: currentColor;
  --background: currentColor;
  --text-color: currentColor;
}
#offcanvas-toggler,
a.hikacart,
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,
.sppb-panel-modern>.sppb-panel-heading, .ico_countdown_progress_completed,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:hover > a {
 	background-color: var(--background-color);
}
body.ltr .sp-megamenu-parent > li .sp-menu-badge,
.sp-megamenu-parent > li .sp-menu-badge, .feature-item:hover i,
.conver-coin .cover-coin-button {
 	background: var(--background-color)!important;
}
div.k2ItemsBlock ul li a {
	color: var(--text-color);
}
#sp-bottom a:hover, .feature-item:hover i,
.title-design h6, .services-item:hover i, .services-item:hover h3, 
.services-item:hover .sppb-addon-text, .work-item h3, .world-title h1,
#sp-footer p {
 	color: var(--text-color)!important;
}
a.hikacart,
#sp_qc_submit,
.btn-slider:hover, .conver-coin .cover-coin-button:hover,
.conver-coin .sppb-row, .feature-item:hover i:after,
.divider, .services-item {
 	border-color:var(--text-color)!important;
}
.btn-large, .button.btn-large, 
.sppb-panel-modern>.sppb-panel-heading.active:after,
.sp-megamenu-parent > li > a:before, 
.slider .sppb-btn-success, .title-content i, .contact-item em,
.btn-primary, .notifyjs-metro-info, .btn-slider:hover,
.feature-item i, .feature-item:before, .feature-item:after,
.services-item, .btn-design, .counter, .ico .button {
 	background: var(--background-color)!important;
}