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

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

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

/*===================================================================================*/
/*  General
/*===================================================================================*/
body {
	font-family: 'WYekan', sans-serif;
	/*شهر قطعه*/ 
	--main-color: #000;
	--second-color: #e61f26;
	--copyright-color: #fe0000;
	--footer-color: #000;
	--titlefooter-color: #fe0000;
	--menuhover-color: #fe0000;
	/*رنگین کمون*/
	/*--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: 17px;
	}
#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:x-large;
	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%;}
.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(--titlefooter-color);
	text-transform:uppercase;
	font-size: 19px;
	font-family: BKoodakBold;
}
#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 #fff; }
#menu .navbar-header > span > b:after { border-color:#fff transparent transparent; }
#menu .nav > li > span.submore:after { color:#fff; }