/*
Theme Name:   Shopper Store
Description:  Shopper Store is a modern and unique e-commerce theme with an elegant design. It features a child template of shoper, providing additional customization options. Well match fashion, clothing, cosmetics, toys, baby clothes, food, and grocery, or gift stores. Shopper-store offers a modern and elegant design for online shops, presenting products in a classy and beautiful way for a clean look. It's a great choice for those seeking a free, fresh website theme that enhances their webpage in every aspect. Seamlessly integrates with WooCommerce and other eCommerce plugins. It boasts clean, SEO optimized coding and offers many customization options for real-time website changes.
Author:       aThemeArt
Author URL:   https://athemeart.com/
Theme URI: https://athemeart.com/downloads/shoper-wordpress-shop-theme-free/
Template:     shoper

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.9
Requires at least: 5.0
Tested up to: 6.2.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


Shopper Store WordPress Theme, Copyright 2020 aThemeArt
Shopper Store is distributed under the terms of the GNU GPL

Shopper Store is child theme of shoper WordPress Theme, Copyright 2020 aThemeArt

*/
:root {
  --nav-color:#fff;
  --nav-h-color:#fff;
  --secondary-color: #734f96;
}

header.site-header{
    padding-bottom: 0;
}
@media only screen and (min-width: 850px) {

	#navbar{
		width: 100%;
	}
}
#nav_bar_wrap {
    border-top: solid 1px #eee;
    margin-top: 40px;
	background:#000;
}
#masthead [class*="col-"] {
    padding-top:0px;
    padding-bottom:0px;
}

#masthead #navbar .navigation-menu > li > a{
	padding:17px 20px;	
}
#masthead #navbar li{
	float:left;	
}
#masthead #navbar{
	display:block;	
}
#navbar .navigation-menu > li > a{
	border-radius:0px;
}
#masthead .header-icon li li > a{
	color:#000;	
}
#navbar .navigation-menu > li:hover > a, #navbar .navigation-menu > li:focus > a, #navbar .navigation-menu > li > a:focus, #navbar .navigation-menu > li.current-menu-item > a, #navbar .navigation-menu > li.current-page-parent > a, #navbar .navigation-menu > li.current_page_item > a {
    background: var(--secondary-color);
    color: var(--nav-h-color);
}
#masthead .header-icon li span.quantity{
	background:var( --secondary-color );	
}
#masthead .header-icon li span.quantity::before {
	border-top: 8px solid var( --secondary-color );	
}
#masthead .header-icon li:hover > a, #masthead .header-icon li a:focus {
    color: var( --secondary-color );	
}
#masthead .header-icon li ul {
	border-top: 1px solid var( --secondary-color );	
}
#masthead .header-icon li ul::after {
   border-bottom: 8px solid var( --secondary-color );	
}
#masthead #navbar li li{
	float:none;
	display:block;	
}
#navbar .navigation-menu li ul{
	z-index:999;	
}
#navbar .navigation-menu li li > a{
	 color: var(--secondary-color);
}
#navbar .navigation-menu li li > a:hover, #navbar .navigation-menu li li > a:focus, #navbar .navigation-menu li li.current-menu-item > a, #navbar .navigation-menu li li.current-page-parent > a{
	  background:var( --secondary-color );
	  color:#fff;
}
#navbar .navigation-menu li ul{
	border-top: 1px solid var( --secondary-color );
}
#navbar .navigation-menu li ul::after {
	border-bottom: 8px solid var( --secondary-color );
}
a.search-close-trigger:focus,a.search-close-trigger:hover{
	transform: scale(1.5); 
}
@media only screen and (max-width : 992px) {
	#masthead #navbar ul{
		margin-right:0px;
		width:100%;
	}
	#masthead .search-box{
		padding-top:40px;	
	}
	.ss-content{
		padding-right:00px;	
	}
	#navbar .navigation-menu > li > a{
		color:var( --secondary-color );
	}
	#masthead #navbar .navigation-menu > li > a{
		padding: 12px 20px;
	}
	#navbar .responsive-submenu-toggle {
		background: var(--secondary-color);
		border:1px solid  var(--secondary-color);
		color: #fff;
	}
	#navbar .responsive-submenu-toggle:hover, #navbar .responsive-submenu-toggle:focus{
		color: var(--secondary-color);
	}
}

#content .shoper-single-post blockquote {
    background-color: #f5f5f5;
    font-weight: 400;
    color: #444;
    border-left: 4px solid var( --secondary-color );
    font-style: italic;
    font-weight: 700;
    margin: 3%;
    padding: 15px;
}

#content .shoper-single-post blockquote p:last-child{
	margin-bottom: 0px;
}
#place_order{
	margin-left: 10px;
}
#content .shoper-single-post .post a.wc-forward{
	text-decoration: underline!important;
}