/*-----------------------------------------------------------------------------------

    Template Name: Marketshop eCommerce HTML Template
    Author: Harnish Design
    Author URI: http://harnishdesign.net

-----------------------------------------------------------------------------------*/

/*===================================================================================*/
/*  General
/*===================================================================================*/
body {
	font-family: 'WYekan', sans-serif;
	/*شهر قطعه*/
	--copyright-color: #fe0000;
	--footer-color: #000;
	--titlefooter-color: #fe0000;
	--main-color: #000;
	--second-color: #09b0c0;
	--menuhover-color: #09b0c0;
	--darkBlue-color: #000;
	/*رنگین کمون*/
	/*--main-color: #25baff; 
	--second-color: #e4007d;
	--footer-color: #0076ab;
	--copyright-color: #003952;
	--titlefooter-color: #FFF;
	--menuhover-color: #c60a7a;*/
}

a, a b, .articleHeader span a, .pagination > li > a {
	color: #000000;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: var(--main-color);
	border-color: #e61f26;
}

a:hover, a b:hover, .category .tabs li a:hover, .sitemap li a:hover, .pagination > li > a:hover, .breadcrumb a:hover, .login-content .right a:hover, .box-category a:hover, .list-item a:hover {
	color: #000;
}
/*===================================================================================*/
/*  Header
/*===================================================================================*/
#header .header-row {
	background-color: #f5f5f5; /*شهر قطعه*/
	/*background: linear-gradient(to right,#e5007d  0%,#62296e 100%) !important;*/ /*رنگین کمون*/
	padding: 10px 0 0;
}

#header .htop {
	background-color: var(--main-color);
}

#header .links > ul > li > a, #header .links > ul > li .wrap_custom_block > a, #header .links > ul > li.mobile, #header .links > ul > li.email, #language span, #currency span, #header #top-links > ul > li > a {
	color: #959595;
	text-transform: uppercase;
}

	#header .links > ul > li.wrap_custom_block > a b {
		border-color: #959595 transparent transparent;
	}

#header .links, #header .links > ul > li, #language, #currency, #header #top-links > ul > li, #header #top-links {
	border-color: var(--main-color);
}

	#top .dropdown-menu li a, #currency ul li .currency-select, #language ul li .language-select {
		color: #000;
	}

		#top .dropdown-menu li a:hover, #currency ul li .currency-select:hover, #language ul li .language-select:hover {
			color: var(--main-color);
		}
/**===== Search Bar =====**/
#header #search input {
	background: #f5f5f5;
	color: #000 !important;
	border-color: #dddbdb;
	border-radius: 5px !important;
	box-shadow: 0 2px 5px 0 hsl(0deg 2.88% 16.98% / 25%);
}

#header .button-search {
	color: #878787;
}
/**===== Mini Cart =====**/
#header #cart .heading {
	color: #878787;
}

#header #cart.open .heading {
	color: #fff;
}

	#header #cart.open .heading span:after {
		border-color: transparent transparent #ccc;
	}

#header #cart .heading .cart-icon:before, #header #cart .heading .cart-icon:after, #header #cart .dropdown-menu {
	border-color: #ccc;
}

#header #cart .heading .cart-icon {
	background: #ccc;
}
/*===================================================================================*/
/*  Menu
/*===================================================================================*/
#menu {
	background-color: #f5f5f5;
	border: none;
	/*box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);*/
}

	#menu .nav > li > a, #menu .navbar-header > span {
		color: #585858;
		text-transform: uppercase;
		font-size: 14px;
	}

		#menu .nav > li > a.home_link span:before {
			border-color: transparent transparent var(--main-color);
		}

		#menu .nav > li > a.home_link span:after {
			border-color: var(--main-color);
		}

		#menu .nav > li > a.home_link span {
			background: var(--main-color);
		}

	#menu .nav > li > .dropdown-menu, #menu .nav > li > .dropdown-menu li .dropdown-menu {
		border-top-color: var(--main-color);
	}

	#menu .nav > li.sub:hover > a:after {
		border-bottom-color: var(--main-color);
	}

	#menu .nav > li:hover > a {
		/*background-color: var(--menuhover-color);*/
		border-bottom: 3px solid var(--menuhover-color) !important;
		color: var(--main-color) !important;
	}

	#menu .nav > li div > ul > li > a, #menu .nav > li.menu_brands > div > div a {
		color: #565555;
	}

		#menu .nav > li div > ul > li:hover > a, #menu .nav > li.mega-menu > div > .column:hover > a, #menu .nav > li.menu_brands > div > div a:hover {
			color: var(--main-color);
		}
/*===================================================================================*/
/*  Feature box
/*===================================================================================*/
.custom-feature-box .feature-box {
	background: #aaa;
}

	.custom-feature-box .feature-box .title {
		font-size: 20px;
		color: #fff;
	}

	.custom-feature-box .feature-box p {
		font-size: 15px;
		color: #fff;
	}
/*===================================================================================*/
/*  Sub Title
/*===================================================================================*/
#container h2, #container h3, .product-tab .tabs li a {
	text-transform: uppercase;
	font-size: 15px;
	color: #424242;
	padding-bottom: 1%;
	/*padding-top: 2%;*/
	margin-right: 1%;
}
/*===================================================================================*/
/*  Product Thumb
/*===================================================================================*/
.saving {
	background: #f12b63;
	color: #fff;
}

.price, .price-new, .product-info .price {
	color: #00a9c7;
}

.product-thumb .button-group > button {
	background-color: #389015;
}

	.product-thumb .button-group > button:hover {
		background-color: #62b940;
	}

.product-thumb .button-group .add-to-links button {
	color: #777;
}

	.product-thumb .button-group .add-to-links button:hover {
		color: #000;
	}
/*===================================================================================*/
/*  Buttons
/*===================================================================================*/
.btn-primary {
	background-color: #389015;
	width: 100%;
	font-size: 11px;
}

	.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
		background-color: #000;
	}
/*===================================================================================*/
/*  Footer
/*===================================================================================*/
#footer .fpart-first {
	background-color: var(--footer-color);
}

	#footer .fpart-first, #footer .fpart-first a {
		color: #d8d6d6;
	}

		#footer .fpart-first a:hover {
			color: var(--second-color);
		}

#footer h5 {
	color: var(--second-color);
	text-transform: uppercase;
	font-size: 14px;
}

#footer #powered {
	border-bottom-color: #222;
}

#footer .fpart-second {
	background-color: var(--copyright-color);
}

	#footer .fpart-second a {
		color: var(--main-color);
	}

		#footer .fpart-second a:hover {
			color: #000;
		}
/*===================================================================================*/
/*  Extra
/*===================================================================================*/
.owl-carousel.single-slider .owl-controls .owl-buttons .owl-next:hover, .owl-carousel.single-slider .owl-controls .owl-buttons .owl-prev:hover, #back-top a:hover {
	background-color: var(--main-color);
}

.faq .panel-title:hover, .sitemap li a:hover {
	color: var(--main-color);
}
/*media responsive*/
.drop-icon {
	color: var(--second-color);
}

.left-top {
	background-color: var(--main-color);
}

#menu .navbar-header > span > b:before {
	border-color: transparent transparent #878787;
}

#menu .navbar-header > span > b:after {
	border-color: #878787 transparent transparent;
}

#menu .nav > li > span.submore:after {
	color: #fff;
}