// Base file for colors

.footer-call-us .call-us-icon i,
.header-support-info .support-icon i,
.header-support-inner .support-icon,
.widget_electro_products_filter .widget_layered_nav li > a:hover::before,
.widget_electro_products_filter .widget_layered_nav li > a:focus::before,
.widget_electro_products_filter .widget_product_categories li > a:hover::before,
.widget_electro_products_filter .widget_product_categories li > a:focus::before,
.widget_electro_products_filter .widget_layered_nav li.chosen > a::before,
.widget_electro_products_filter .widget_product_categories li.current-cat > a::before,
.features-list .media-left i,
.secondary-nav>.dropdown.open >a::before,
.secondary-nav>.dropdown.show >a::before,
.secondary-nav>.dropdown>.dropdown-toggle.show::before,
.secondary-nav>.dropdown:hover>.dropdown-toggle[data-hover=dropdown]::before,
p.stars a,
.top-bar.top-bar-v1 #menu-top-bar-left.nav-inline .menu-item > a i,
.handheld-footer .handheld-footer-bar .footer-call-us .call-us-text span,
.footer-v2 .handheld-footer .handheld-footer-bar .footer-call-us .call-us-text span,
.top-bar .menu-item.customer-support i,
.header-v13 .primary-nav-menu .nav-inline>.menu-item>a:hover,
.header-v13 .primary-nav-menu .nav-inline>.dropdown:hover > a,
.header-v13 .off-canvas-navigation-wrapper .navbar-toggler:hover,
.header-v13 .off-canvas-navigation-wrapper button:hover,
.header-v13 .off-canvas-navigation-wrapper.toggled .navbar-toggler:hover,
.header-v13 .off-canvas-navigation-wrapper.toggled button:hover {
	color: var(--bs-ec-primary);
}

.header-logo svg ellipse,
.footer-logo svg ellipse{
	fill: var(--bs-ec-primary);
}

.primary-nav .nav-inline > .menu-item .dropdown-menu,
.primary-nav-menu .nav-inline > .menu-item .dropdown-menu,
.navbar-primary .navbar-nav > .menu-item .dropdown-menu,
.vertical-menu .menu-item-has-children > .dropdown-menu,
.departments-menu .menu-item-has-children:hover > .dropdown-menu,
.cat-nav .handheld>.mas-elementor-nav-menu--dropdown,
.cat-nav .handheld>.mas-elementor-nav-menu--dropdown li.menu-item-has-children .dropdown-menu,
.top-bar .nav-inline > .menu-item .dropdown-menu,
.secondary-nav>.dropdown .dropdown-menu,
.header-v6 .vertical-menu .list-group-item > .dropdown-menu,
.best-selling-menu .nav-item>ul>li.electro-more-menu-item .dropdown-menu,
.home-v5-slider .tp-tab.selected .tp-tab-title:before,
.home-v5-slider .tp-tab.selected .tp-tab-title:after,
.header-v5 .electro-navigation .departments-menu-v2>.dropdown>.dropdown-menu,
.product-categories-list-with-header.v2 header .caption .section-title:after,
.primary-nav-menu .nav-inline >.menu-item .dropdown-menu,
.dropdown-menu-mini-cart,
.dropdown-menu-user-account,
.electro-navbar-primary .nav>.menu-item.menu-item-has-children .dropdown-menu,
.header-v6 .header-logo-area .departments-menu-v2 .departments-menu-v2-title+.dropdown-menu,
.departments-menu-v2 .departments-menu-v2-title+.dropdown-menu li.menu-item-has-children .dropdown-menu,
.secondary-nav-v6 .secondary-nav-v6-inner .sub-menu,
.secondary-nav-v6 .widget_nav_menu .sub-menu,
.header-v9 .electro-header-v9-navbar .navbar-nav .dropdown-menu,
.header-v14 .primary-nav .mas-elementor-nav-menu >.menu-item > .dropdown-menu {
	border-top-color: var(--bs-ec-primary);
}

.columns-6-1 > ul.products > li.product .thumbnails > a:hover,
.primary-nav .nav-inline .yamm-fw.open > a::before,
.columns-6-1>ul.products.product-main-6-1 .electro-wc-product-gallery__wrapper .electro-wc-product-gallery__image.flex-active-slide img,
.single-product .electro-wc-product-gallery .electro-wc-product-gallery__wrapper .electro-wc-product-gallery__image.flex-active-slide img,
.products-6-1-with-categories-inner .product-main-6-1 .images .thumbnails a:hover,
.home-v5-slider .tp-tab.selected .tp-tab-title:after,
.electro-navbar .departments-menu-v2 .departments-menu-v2-title+.dropdown-menu li.menu-item-has-children>.dropdown-menu,
.product-main-6-1 .thumbnails>a:focus, .product-main-6-1 .thumbnails>a:hover,
.product-main-6-1 .thumbnails>a:focus, .product-main-6-1 .thumbnails>a:focus,
.product-main-6-1 .thumbnails>a:focus>img, .product-main-6-1 .thumbnails>a:hover>img,
.product-main-6-1 .thumbnails>a:focus>img, .product-main-6-1 .thumbnails>a:focus>img {
	border-bottom-color: var(--bs-ec-primary);
}

.navbar-primary,
.footer-newsletter,
.button:hover::before,
li.product:hover .button::before,
li.product:hover .added_to_cart::before,
.owl-item .product:hover .button::before,
.owl-item .product:hover .added_to_cart::before,
.widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-pagination ul.page-numbers > li a.current,
.woocommerce-pagination ul.page-numbers > li span.current,
.pagination ul.page-numbers > li a.current,
.pagination ul.page-numbers > li span.current,
.owl-dots .owl-dot.active,
.products-carousel-tabs .nav-link.active::before,
.deal-progress .progress-bar,
.products-2-1-2 .nav-link.active::before,
.products-4-1-4 .nav-link.active::before,
.da .da-action > a::after,
.header-v1 .navbar-search .input-group .btn,
.header-v3 .navbar-search .input-group .btn,
.header-v6 .navbar-search .input-group .btn,
.header-v8 .navbar-search .input-group .btn,
.header-v9 .navbar-search .input-group .btn,
.header-v10 .navbar-search .input-group .btn,
.header-v12 .navbar-search .input-group .btn,
.vertical-menu > li:first-child,
.widget.widget_tag_cloud .tagcloud a:hover,
.widget.widget_tag_cloud .tagcloud a:focus,
.navbar-mini-cart .cart-items-count,
.navbar-compare .count,
.navbar-wishlist .count,
.wc-tabs > li.active a::before,
.ec-tabs > li.active a::before,
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments,
.products-2-1-2 .nav-link:hover::before,
.products-4-1-4 .nav-link:hover::before,
.single_add_to_cart_button,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .deal-cart-button .button,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .deal-cart-button .added_to_cart,
.wpb-accordion .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a i,
ul.products > li.product.list-view:not(.list-view-small) .button:hover,
ul.products > li.product.list-view:not(.list-view-small) .button:focus,
ul.products > li.product.list-view:not(.list-view-small) .button:active,
ul.products > li.product.list-view.list-view-small .button:hover::after,
ul.products > li.product.list-view.list-view-small .button:focus::after,
ul.products > li.product.list-view.list-view-small .button:active::after,
.widget_electro_products_carousel_widget .section-products-carousel .owl-nav .owl-prev:hover,
.widget_electro_products_carousel_widget .section-products-carousel .owl-nav .owl-next:hover,
.full-color-background .header-v3,
.full-color-background .header-v4,
.full-color-background .top-bar,
.top-bar-v3,
.pace .pace-progress,
.electro-handheld-footer-bar ul li a .count,
.handheld-navigation-wrapper .stuck .navbar-toggler,
.handheld-navigation-wrapper .stuck button,
.handheld-navigation-wrapper.toggled .stuck .navbar-toggler,
.handheld-navigation-wrapper.toggled .stuck button,
.da .da-action>a::after,
.demo_store,
.header-v5 .header-top,
.handheld-header-v2,
.handheld-header-v2.stuck,
#payment .place-order button[type=submit],
.single-product .product-images-wrapper .woocommerce-product-gallery.electro-carousel-loaded .flex-control-nav li a.flex-active,
.single-product .product-images-wrapper .electro-wc-product-gallery .flex-control-nav li a.flex-active,
.single-product .product-images-wrapper .flex-control-nav li a.flex-active,
.section-onsale-product .savings,
.section-onsale-product-carousel .savings,
.columns-6-1>ul.products.product-main-6-1>li.product .electro-wc-product-gallery .flex-control-nav li a.flex-active,
.products-carousel-tabs-v5 header ul.nav-inline .nav-link.active,
.products-carousel-tabs-with-deal header ul.nav-inline .nav-link.active,
section .deals-carousel-inner-block .onsale-product .onsale-product-content .deal-cart-button .added_to_cart,
section .deals-carousel-inner-block .onsale-product .onsale-product-content .deal-cart-button .button,
.header-icon-counter,
.electro-navbar,
.departments-menu-v2-title,
section .deals-carousel-inner-block .onsale-product .onsale-product-content .deal-cart-button .added_to_cart,
section .deals-carousel-inner-block .onsale-product .onsale-product-content .deal-cart-button .button,
.deal-products-with-featured header,
.deal-products-with-featured ul.products > li.product.product-featured .savings,
.mobile-header-v2,
.mobile-header-v2.stuck,
.product-categories-list-with-header.v2 header .caption .section-title,
.product-categories-list-with-header.v2 header .caption .section-title,
.home-mobile-v2-features-block,
.show-nav .nav .nav-item.active .nav-link,
.header-v5,
.header-v5 .stuck,
.electro-navbar-primary,
.navbar-search-input-group .navbar-search-button,
.da-block .da-action::after,
.products-6-1 header.show-nav ul.nav .nav-item.active .nav-link,
ul.products[data-view=list-view].columns-1>li.product .product-loop-footer .button,
ul.products[data-view=list-view].columns-2>li.product .product-loop-footer .button,
ul.products[data-view=list-view].columns-3>li.product .product-loop-footer .button,
ul.products[data-view=list-view].columns-4>li.product .product-loop-footer .button,
ul.products[data-view=list-view].columns-5>li.product .product-loop-footer .button,
ul.products[data-view=list-view].columns-6>li.product .product-loop-footer .button,
ul.products[data-view=list-view].columns-7>li.product .product-loop-footer .button,
ul.products[data-view=list-view].columns-8>li.product .product-loop-footer .button,
ul.products[data-view=list-view]>li.product .product-item__footer .add-to-cart-wrap a,
.products.show-btn>li.product .added_to_cart,
.products.show-btn>li.product .button,
.yith-wcqv-button,
.header-v7 .masthead,
.header-v10 .secondary-nav-menu,
section.category-icons-carousel-v2,
.category-icons-carousel .category a:hover .category-icon,
.products-carousel-banner-vertical-tabs .banners-tabs>.nav a.active,
.products-carousel-with-timer .deal-countdown-timer,
.section-onsale-product-carousel-v9 .onsale-product .deal-countdown-timer,
.dokan-elector-style-active.store-v1 .profile-frame + .dokan-store-tabs > ul li.active a:after,
.dokan-elector-style-active.store-v5 .profile-frame + .dokan-store-tabs > ul li.active a:after,
.aws-container .aws-search-form .aws-search-clear,
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button,
.electro-dark .full-color-background .masthead .navbar-search .input-group .btn,
.electro-dark .electro-navbar-primary .nav>.menu-item:hover>a,
.electro-dark .masthead .navbar-search .input-group .btn,
.header-v11 .navbar-search .input-group-btn .btn,
.cat-nav .mas-elementor-menu-toggle .navbar-toggler {
	background-color: var(--bs-ec-primary);
}

.electro-navbar .departments-menu-v2 .departments-menu-v2-title+.dropdown-menu li.menu-item-has-children>.dropdown-menu,
.products-carousel-banner-vertical-tabs .banners-tabs>.nav a.active::before {
	border-right-color: var(--bs-ec-primary);
}

.hero-action-btn:hover {
	background-color: var(--bs-ec-primary-d) !important;
}

.hero-action-btn,
#scrollUp,
.custom .tp-bullet.selected,
.home-v1-slider .btn-primary,
.home-v2-slider .btn-primary,
.home-v3-slider .btn-primary,
.electro-dark .show-nav .nav .active .nav-link,
.electro-dark .full-color-background .masthead .header-icon-counter,
.wc-search button:not(:hover) {
	background-color: var(--bs-ec-primary) !important;
}

.departments-menu .departments-menu-dropdown,
.departments-menu .menu-item-has-children > .dropdown-menu,
.widget_price_filter .ui-slider .ui-slider-handle:last-child,
section header h1::after,
section header .h1::after,
.products-carousel-tabs .nav-link.active::after,
section.section-product-cards-carousel header ul.nav .active .nav-link,
section.section-onsale-product,
section.section-onsale-product-carousel .onsale-product-carousel,
.products-2-1-2 .nav-link.active::after,
.products-4-1-4 .nav-link.active::after,
.products-6-1 header ul.nav .active .nav-link,
.header-v1 .navbar-search .input-group .form-control,
.header-v1 .navbar-search .input-group .input-group-addon,
.header-v1 .navbar-search .input-group .btn,
.header-v3 .navbar-search .input-group .form-control,
.header-v3 .navbar-search .input-group .input-group-addon,
.header-v3 .navbar-search .input-group .btn,
.header-v6 .navbar-search .input-group .form-control,
.header-v6 .navbar-search .input-group .input-group-addon,
.header-v6 .navbar-search .input-group .btn,
.header-v8 .navbar-search .input-group .form-control,
.header-v8 .navbar-search .input-group .input-group-addon,
.header-v8 .navbar-search .input-group .btn,
.header-v9 .navbar-search .input-group .form-control,
.header-v9 .navbar-search .input-group .input-group-addon,
.header-v9 .navbar-search .input-group .btn,
.header-v10 .navbar-search .input-group .form-control,
.header-v10 .navbar-search .input-group .input-group-addon,
.header-v10 .navbar-search .input-group .btn,
.header-v12 .navbar-search .input-group .form-control,
.header-v12 .navbar-search .input-group .input-group-addon,
.header-v12 .navbar-search .input-group .btn,
.widget.widget_tag_cloud .tagcloud a:hover,
.widget.widget_tag_cloud .tagcloud a:focus,
.navbar-primary .navbar-mini-cart .dropdown-menu-mini-cart,
.woocommerce-checkout h3::after,
#customer_login h2::after,
.customer-login-form h2::after,
.navbar-primary .navbar-mini-cart .dropdown-menu-mini-cart,
.woocommerce-edit-address form h3::after,
.edit-account legend::after,
.woocommerce-account h2::after,
.address header.title h3::after,
.addresses header.title h3::after,
.woocommerce-Address header.title h3::after,
.woocommerce-order-received h2::after,
.track-order h2::after,
.wc-tabs > li.active a::after,
.ec-tabs > li.active a::after,
.comments-title::after,
.comment-reply-title::after,
.pings-title::after,
#reviews #comments > h2::after,
.single-product .woocommerce-tabs ~ div.products > h2::after,
.single-product .electro-tabs ~ div.products > h2::after,
.single-product .related>h2::after,
.single-product .up-sells>h2::after,
.cart-collaterals h2:not(.woocommerce-loop-product__title)::after,
.footer-widgets .widget-title:after,
.sidebar .widget-title::after,
.sidebar-blog .widget-title::after,
.contact-page-title::after,
#reviews:not(.electro-advanced-reviews) #comments > h2::after,
.cpf-type-range .tm-range-picker .noUi-origin .noUi-handle,
.widget_electro_products_carousel_widget .section-products-carousel .owl-nav .owl-prev:hover,
.widget_electro_products_carousel_widget .section-products-carousel .owl-nav .owl-next:hover,
.wpb-accordion .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a i,
.single-product .woocommerce-tabs+section.products>h2::after,
#payment .place-order button[type=submit],
.single-product .electro-tabs+section.products>h2::after,
.deal-products-carousel .deal-products-carousel-inner .deal-products-timer header .section-title:after,
.deal-products-carousel .deal-products-carousel-inner .deal-countdown > span,
.deals-carousel-inner-block .onsale-product .onsale-product-content .deal-countdown > span,
.home-v5-slider .section-onsale-product-v2 .onsale-product .onsale-product-content .deal-countdown > span,
.products-with-category-image header ul.nav-inline .active .nav-link,
.products-6-1-with-categories header ul.nav-inline .active .nav-link,
.products-carousel-tabs-v5 header ul.nav-inline .nav-link:hover,
.products-carousel-tabs-with-deal header ul.nav-inline .nav-link:hover,
section.products-carousel-v5 header .nav-inline .active .nav-link,
.mobile-header-v1 .site-search .widget.widget_product_search form,
.mobile-header-v1 .site-search .widget.widget_search form,
.show-nav .nav .nav-item.active .nav-link,
.departments-menu-v2 .departments-menu-v2-title+.dropdown-menu,
.navbar-search-input-group .search-field,
.navbar-search-input-group .custom-select,
.products-6-1 header.show-nav ul.nav .nav-item.active .nav-link,
.header-v1 .aws-container .aws-search-field,
.header-v3 .aws-container .aws-search-field,
.header-v6 .aws-container .aws-search-field,
.header-v8 .aws-container .aws-search-field,
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button,
.electro-dark .electro-navbar .navbar-search .input-group .btn,
.electro-dark .masthead .navbar-search .input-group .btn,
.home-v13-vertical-menu .vertical-menu-title .title::after,
body:not(.electro-dark) .wc-search input[type=search] {
	border-color: var(--bs-ec-primary);
}

@include media-breakpoint-up(xxl) {
	.onsale-product-carousel .onsale-product__inner {
		border-color: var(--bs-ec-primary);
	}
}

.navbar-primary .navbar-nav > .menu-item > a:hover,
.navbar-primary .navbar-nav > .menu-item > a:focus,
.electro-navbar-primary .nav>.menu-item>a:focus,
.electro-navbar-primary .nav>.menu-item>a:hover {
	background-color: var(--bs-ec-primary-d);
}

.navbar-primary .navbar-nav > .menu-item > a {
	border-color: var(--bs-ec-primary-d);
}

.full-color-background .navbar-primary,
.header-v4 .electro-navbar-primary {
	border-top-color: var(--bs-ec-primary-d);
}

.full-color-background .top-bar .nav-inline .menu-item+.menu-item:before,
.top-bar-v3 .nav-inline .menu-item+.menu-item:before {
	color: var(--bs-ec-primary-d);
}

.electro-navbar-primary .nav>.menu-item+.menu-item>a,
.home-mobile-v2-features-block .features-list .feature+.feature .media {
	border-left-color: var(--bs-ec-primary-d);
}

.header-v5 .vertical-menu .list-group-item>.dropdown-menu {
	border-top-color: var(--bs-ec-primary);
}

.single-product div.thumbnails-all .synced a,
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.columns-6-1>ul.products.product-main-6-1 .flex-control-thumbs li img.flex-active,
.products-2-1-2 .nav-link:hover::after,
.products-4-1-4 .nav-link:hover::after,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-thumbnails .images .thumbnails a.current,
.dokan-elector-style-active.store-v1 .profile-frame + .dokan-store-tabs > ul li.active a,
.dokan-elector-style-active.store-v5 .profile-frame + .dokan-store-tabs > ul li.active a {
	border-bottom-color: var(--bs-ec-primary);
}

.home-v1-slider .btn-primary:hover,
.home-v2-slider .btn-primary:hover,
.home-v3-slider .btn-primary:hover,
.home-v13-hero-search .woocommerce-product-search button {
	background-color: var(--bs-ec-primary-d) !important;
}


/*........Dokan.......*/

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:focus,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a:hover,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a:focus,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a.active,
.dokan-store .pagination-wrap ul.pagination > li a.current,
.dokan-store .pagination-wrap ul.pagination > li span.current,
.dokan-dashboard .pagination-wrap ul.pagination > li a.current,
.dokan-dashboard .pagination-wrap ul.pagination > li span.current,
.dokan-pagination-container ul.dokan-pagination > li.active > a,
.dokan-coupon-content .code:hover,
.dokan-report-wrap ul.dokan_tabs > li.active a::before,
.dokan-dashboard-header h1.entry-title span.dokan-right a.dokan-btn.dokan-btn-sm {
  	background-color: var(--bs-ec-primary);
}

.dokan-widget-area .widget .widget-title:after,
.dokan-report-wrap ul.dokan_tabs > li.active a::after,
.dokan-dashboard-header h1.entry-title span.dokan-right a.dokan-btn.dokan-btn-sm,
.dokan-store-sidebar .widget-store-owner .widget-title:after {
  	border-color: var(--bs-ec-primary);
}

.electro-tabs #tab-seller.electro-tab .tab-content ul.list-unstyled li.seller-name span.details a,
.dokan-dashboard-header h1.entry-title small a,
.dokan-orders-content .dokan-orders-area .general-details ul.customer-details li a{
  	color: var(--bs-ec-primary);
}

.dokan-dashboard-header h1.entry-title small a:hover,
.dokan-dashboard-header h1.entry-title small a:focus {
	color: var(--bs-ec-primary-d);
}

@media (max-width: 575.98px) {
	.electro-wc-product-gallery .electro-wc-product-gallery__image.flex-active-slide a {
		background-color: var(--bs-ec-primary);
	}
}
