/*
Theme Name: fashiony
Theme URI: joomlabuff.com
Author: joomlabuff
Author URI: joomlabuff.com
Description: fashiony is a free Ecommerce joomla template
Version: 1.0.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------


/*--------------------------------------------------------------
# Color Preset
--------------------------------------------------------------*/

:root {
  --background-color: currentColor;
  --text-color: currentColor;
  --border-color: currentColor;
}

#sp-topbar .find-map p span:before,
.header-right .single-item .icon,
.headers1-button .text h3, a,
.sppb-btn-link,
.single-project-style1 .project-details .left span,
.primary-text .sppb-title-subheading,
.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.article-list .article .article-header h1 a:hover,
.article-list .article .article-header h2 a:hover,
.article-list .article .article-header h1 a:active,
.article-list .article .article-header h2 a:active,
.article-list .article .article-header h1 a:focus,
.article-list .article .article-header h2 a:focus,
#sp-left .sp-module .sp-module-content ul li a:hover,
#sp-right .sp-module .sp-module-content ul li a:hover,
#sp-left .sp-module .sp-module-content .latestnews a:hover,
#sp-right .sp-module .sp-module-content .latestnews a:hover,
.j2store-product-list .j2store-sidebar-filters-container .j2store-category-list li.j2product-categories.active a:after,
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-product-brand-label:after,
.j2store-product-list .j2store-sidebar-filters-container .productfilters-list .j2store-product-brand-label:after,
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-productfilter-label:after,
.j2store-product-list .j2store-sidebar-filters-container .productfilters-list .j2store-productfilter-label:after,
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-view-back-button .j2store-product-back-btn:hover,
.j2store-single-product-view #sp-main-body .j2store-single-product .fashiony-product-price-wrap .fashiony-product-price-container .sale-price,
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-tab .nav-tabs li a:hover,
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-tab .nav-tabs li a.active,
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-tab .nav-tabs li a.hover,
.j2store-product-list .j2store-sidebar-filters-container .j2store-category-list li.j2product-categories.active a,
.dropdown-toggle:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover a,
.single-service-style2:hover .icon-box span:before,
.single-project-style1 .project-details .right a span:before,
.single-blog-post .text-holder .blog-title a:hover,
.jb-icons .sppb-icon-inner,
#sp-bottom .sp-module .sp-module-title,
.service-sidebar .menu li a:before,
.service-sidebar .our-brochures li .title-holder a:hover span:before,
.service-sidebar .our-brochures li .title-holder a:hover,
.single-team-member .name.overlay-content p,
.sp-simpleportfolio .sp-simpleportfolio-description ul li::before,
.how-can-help-box .inner-content ul li:hover .right i,
.primary-color .sppb-icon .icon-holder,
.primary-color .sppb-media-content .sppb-addon-text p{
  color: var(--text-color);
}

a:hover, a:focus, a:active,
.single-service-style1 .text-holder .text-box a h3:hover,
#sp-footer a:hover,
.sp-simpleportfolio .sp-simpleportfolio-filter li a:hover,
.sppb-btn-link:focus,
.sppb-btn-link:hover{
  color: var(--text-color);
}
.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button,
.j2store-product-list .j2store-sidebar-filters-container .ui-slider a.ui-slider-handle,
.j2store-product-list .j2store-sidebar-filters-container .price-input-box .btn-success:hover
.sppb-btn-primary.sppb-btn-outline:hover,
.jb-slider .carousel-control-next:hover,
.jb-slider .carousel-control-prev:hover,
.headers1-button .icon span:before,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a::before,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge)::before,
.title-decor .sppb-addon-title::after,
.title-decor .sppb-title-heading::after,
.title-decor-center .sppb-addon-title::after,
.title-decor-center .sppb-title-heading::after,
.single-service-style1:hover .text-holder .icon-box span:before,
.single-blog-post .post-date,
.sp-scroll-up,
.mission-vision-tab-box .sec-title .title span:after,
.single-branches-box .title-box:before{
  background: var(--background-color) !important;
}
.sppb-btn-primary,
.sp-simpleportfolio-filter .active a,
.sp-simpleportfolio-filter li a:hover,
.page-item.active .page-link,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner,
.single-service-style1:hover .text-holder .icon-box span:before,
.single-team-member .name.overlay-content{
  border-color: var(--border-color) !important;
}
.single-shop-item .img-holder .discount-percentage,
.single-shop-item .title-holder .discount-percentage,
.sppb-btn-primary.sppb-btn-outline:hover,
.sppb-btn-primary, .btn-primary,
.page-item.active .page-link,
#sp-left .sp-module .sp-module-title::after,
#sp-right .sp-module .sp-module-title::after{
  background-color: var(--background-color) !important;
}
.jb-slider .carousel-control-next:hover,
.jb-slider .carousel-control-prev:hover {
  background-color: #e56543;
}