/*
Theme Name:   Shopart
Description:  ShopArt is a modern child theme of the fastest shop template, suitable for selling clothing, shoes, accessories, health and wellness, food and grocery, and toys and games. It offers advanced technology and multiple shop front layouts, product filters, and easy product columns. The blog page layout differs from its parent theme as it presents blogs in a grid view. The header section has a stylish black and white combination, giving it a unique and classic look. It fully supports popular page builders like Elementor, Brizy, Visual Composer, Divi, SiteOrigin, Beaver Builder, and more, making it easy for you to customize your website. Additionally, it is fully compatible with WooCommerce, providing you with a powerful e-commerce platform to sell your products.
Author:       aThemeArt
Author URL:   https://athemeart.com/
Template:     fastest-shop

License:      GNU General Public License v3
License URI:  https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain:  shopper-store

Version:      1.0.6
Requires at least: 5.0
Tested up to: 6.0.2
Requires PHP: 7.0
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, sticky-post, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, blog, e-commerce

Shopart WordPress Theme, Copyright 2021 aThemeArt
Shopart is distributed under the terms of the GNU GPL

Shopart is child theme of Fastest Shop WordPress Theme, Copyright 2020 aThemeArt

*/


/* Write here your own personal stylesheet */
:root {
    --nav-color: #ffffff;
    --nav-color-h: #ee2852;
    --nav-bg-h: #fff;
    --nav-sub-color: #707070;
    --nav-sub-color-h: #fff;
    --nav-sub-bg-h: #ee2852;
    --nav-wrap-bg: #f7f7f7;
    --primary-color: #6c757d;
    --secondary-color: #000;
    --tertiary-color: #ee2852;
    --quaternary-color: #fff;
}

#nav-bar-style {
    background: #ee2852;
}
#masthead.site-header.header-4 #navbar > ul > li > a > i{
  margin-right: 5px;
}
#masthead.site-header.header-4 #navbar.topbar-disable .nav_tooltips{
	bottom:105%;
	top:auto;	
}
#masthead.site-header.header-4 ul.header-icon > li > a:hover,
#masthead.site-header.header-4 ul.header-icon > li > a:focus,
#masthead.site-header.header-4 ul.header-icon > li > a.active{
	color:#000;
}
#masthead.site-header.header-4 .branding-wrap::before{
	display: none;
}
#masthead.site-header.header-4 .branding-wrap{
	padding:10px 0px;
}
#masthead.site-header.header-4 ul.header-icon > li{
	margin-left: 3px;
	margin-right: 3px;
}
#masthead.site-header.header-4{
	border-bottom: none;
}
#masthead.site-header.header-4 #navbar > ul > li > a{
	line-height: 55px;
}
#masthead.site-header.header-4 .branding-wrap{
	width: auto;
}
#masthead.site-header.header-4 #navbar li{
	float:left;	
}
#masthead.site-header.header-4 #navbar li li{
	float:none;
	display:block;
}
#nav-bar-style #navbar ul{
	float: left;
}
@media only screen and (max-width : 900px) {
	#masthead.site-header.header-3 #navbar ul, #nav-bar-style #navbar ul{
		float: none;
	}
	#nav-bar-style{
		background:none!important;
		border:none!important;
		padding-bottom:15px!important;
	}
}
 #navbar > ul > li.current-menu-item > a,
 #masthead.site-header.header-4 ul.header-icon li li > a:hover,
#masthead.site-header.header-4 ul.header-icon li li > a:focus,
#masthead.site-header.header-4 ul.header-icon li li > a.active{
    color: var( --nav-color-h );
    background: var( --nav-bg-h );
}
#masthead.site-header.header-4 .branding-wrap{
	padding:25px 0px;	
}

#commentform textarea{
	margin-top:20px;	
}

@media only screen and (max-width : 900px) {
	#masthead ul.header-icon > li > a{
		color:#000;
	}
	#masthead.site-header.header-4 .branding-wrap {
		padding: 25px 0px;
		margin-bottom: 10px;
	}
	#masthead.site-header.header-4 #navbar li {
		float: left;
		width: 100%;
	}
	#masthead.site-header.header-4 #navbar > ul > li > a {
		line-height:26px;
		color:#000;
	}
	.fly-search-bar .container-wrap{
		max-width:100%;
		padding-left:10px;	
	}
	.fly-search-bar .container-wrap .search-close-trigger {
		top:-35px;
		right:0px;	
	}
}

.fastest-shop-blogwrap .post-meta-wrap,
.fastest-shop-blogwrap .post-meta-wrap ul{
	position:static;
	padding:0px 0px 0px 0px;text-align:left;
	background:none;
	border-radius:0px;
	box-shadow:none;
		
}
.fastest-shop-blogwrap .post-meta-wrap ul{
	margin-left:-10px;
}
.fastest-shop-blogwrap .post-meta-wrap li{
	float:left;	
}
nav.navigation.posts-navigation {
    clear: both;
    display: block;
    width: 100%;
}
.container, .container-sm, .container-md, .container-lg, .container-xl {
  max-width: 1200px;
}