/*
Theme Name: The9 Storefront
Author: aThemeArt
Author URI: https://athemeart.com/
Theme URI: https://athemeart.com/downloads/the9-storefront/
Description:The9 Storefront is a sleek and powerful free WooCommerce theme built for modern online shops. As a child theme of The9 Store, it combines stylish design with robust eCommerce features—perfect for startups, small businesses, and personal brands. Whether you're selling fashion, electronics, organic products, or digital goods, The9 Storefront delivers a clean, user-friendly layout. It includes a smart product catalog, advanced search, and a convenient flyout cart for a smoother shopping experience. You’ll also find built-in blogging tools like masonry grids, list views, animated headers, and author boxes—perfect for sharing updates, stories, or promotions. With an easy-to-use customizer, you can change colors, layouts, and more—no coding needed. This WordPress shop theme is ideal for a wide range of stores, including boutiques, clothing, watches, footwear, cosmetics, hardware, mobile accessories, tools, laptops, furniture, healthcare items, pharmacy products, and more. 
Template: the9-store
Version: 1.0.2
Requires at least: 5.0
Tested up to: 7.0
Requires PHP: 7.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Tags: blog, e-commerce, three-columns, grid-layout, 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, portfolio, footer-widgets
Text Domain: the9-storefront
*/
* {
	padding: 0;
	margin: 0;	
}
.content-wrap {
	    background-color: #EDEDED;
}
.the9-store-post .post {
	padding: 0px;
}

/**:root {
	--body-font:'"Google Sans", sans-serif;;
	--heading-font:'Playfair Display'
  	--nav-font:'Poppins', sans-serif;
}*/

.logo-container{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 999;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
	padding:30px 0px;
	background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}
#navbar{
	background:none;
}
#navbar ul > li > a{
	border: none!important;
}
#navbar ul > li > a:hover, #navbar ul > li > a:focus, #navbar ul > li:hover > a, #navbar ul > li:focus > a, #navbar ul > li.current-menu-item > a, #navbar ul > li.current_page_parent > a{
	background:none;
}
#navbar .navigation-menu > li a::after {
	display: none;
}
#static_header_banner{
	min-height: 50vh;
	height: auto;
}
#static_header_banner .content-text{
	padding-top: 180px;
	padding-bottom: 50px;
}
.wp-block-image img {
	box-sizing: border-box;
	max-width: 100%;
	vertical-align: bottom;
	min-width: 98.8vw;
}
.logo-wrap a{
	color: #fff;
}
.top-form-minicart.box-icon-cart{
	padding: 0px;
	width: auto;
	margin:0px 5px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 30px;
}
.top-form-minicart:before,
.top-form-minicart:after{
	display: none!important;
}
.top-form-minicart.box-icon-cart .icofont-cart {
  color: var(--secondary-color);
  height: 40px;
  width: 40px;
  background-color: #F7F7F7;
  border-radius:50%;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  position: relative;
  margin-right: 0px;
  font-size: 18px;
}
.top-form-minicart.box-icon-cart .cart-contents{
	text-align: left;
}
.top-form-minicart.box-icon-cart .cart-contents .amount{
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
}
.top-form-minicart.box-icon-cart .cart-contents .count{
  display: block;
  line-height: 18px;
  font-family: var(--nav-font);
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 20px;
}
#navbar .navigation-menu > li > a, #navbar .navigation-menu li li > a {
  font-weight: 500;
  font-size: 16px;
  text-transform:capitalize;
}
#navbar .navigation-menu li li > a{
	font-size: 14px;
	font-weight: 400;
}
#navbar li li a{
	padding: 5px 10px;
}
#navbar ul ul ul {
	left: 10%;
	top: 40px;
}
.ss-content {
	overflow: hidden;
}

.theme-btn, .btn.bg-btn, .wc-proceed-to-checkout .button, .components-button.wc-block-components-button, .single-prev-next a{
		font-weight: 600;
		font-size: 14px;
		letter-spacing: 1px;
}
.customSelect.orderby::after {
		font-family: 'bootstrap-icons'!important;
		content: '\f229'!important;
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		height: 32px;
		width: 32px;
		font-size: 11px;
		color: #929292;
		border-left:1px solid #ddd;
		text-align: center;
}
ul.products li.product,
article.the9-store-post{
		transition: all 0.3s ease-in-out;
}
ul.products li.product:hover,
article.the9-store-post:hover{
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.error-404.not-found8{
		margin-top: 122px;
}
.navigation-2.posts-navigation a{
	width:auto;
	min-width: 170px;
}
.navigation-2.posts-navigation a:hover,
.navigation-2.posts-navigation a:focus{
	background: var(--secondary-color);
	color: #fff;
}
.navigation-2.posts-navigation .nav-previous a {
	padding-left: 50px;
}
.navigation-2.posts-navigation a:after{
	font-family: "bootstrap-icons";
	content: "\f27f";
	background:none;
	opacity: 1;
	left: 20px;
	top: 50%;
	margin-top: -7px;
}
.navigation-2.posts-navigation .nav-next a:after{
	content: "\f280";
	right: 20px;
	left: auto;
}
body.single-product #content div.product div.summary .btn{
	padding-left: 3px;
	padding-right: 3px;
}
/*.wp-block-image.alignfull img, .wp-block-image.alignwide img {
	height: 140px;
}*/
.custom-logo {
	max-width: 80% !important;
}
@media only screen and (max-width: 640px) {
	.logo-container .col-sm-4 { max-width:40%; width:40%; }
	.logo-container .col-sm-8{ max-width:60%; width:60%; }
	.logo-container .top-form-minicart{ min-width:0px; width:120px!important; margin:0px 0px 0px 5px;}
	.the9-store-responsive-navbar{ width:45px; height:45px; font-size: 35px;}
	#aside-nav-wrapper ul.navigation-menu{ padding-top:15px!important; }
}
.content-area.container {
	max-width: none;
}

#static_header_banner {
	display: flex;
	align-items: center;
	justify-content: center;
}

#static_header_banner .content-text h1, #be-home-slider h1, #gs-home-page-hero .content-text h1 {	
	text-shadow: 3px 3px 9px black;
	color: #f5f5f5;
}



form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
	position: absolute;
  	top: 40%;
  	left: 50%;
 	transform: translate(-50%, -50%);
  	width: 30vw;
  	z-index: 10;
}

.wp-block-search .wp-block-search__label {
	display: none;
}
#search-1 .search-form, .wp-block-search__inside-wrapper {
	border: none;
}

#search-1 .search-form input[type="submit"], .wp-block-search__inside-wrapper button {

	background: #000;
	border-radius: 10px;
}

#content,
.row > * {
	padding: 0;
}

.wp-block-uagb-container.uagb-is-root-container {
	margin: auto;
	width: 360px;
}

html body.home.wp-singular.page-template-default.page.page-id-325.logged-in.wp-custom-logo.wp-embed-responsive.wp-theme-the9-store.wp-child-theme-the9-storefront.theme-the9-store.woocommerce-js.no-sidebar.woocommerce-active.dokan-theme-the9-store div#page.site div#content.site-content div#primary.content-area.container div.row div.col-md-12.the9-main-content main#main.site-main article#post-325.the9-store-post.page.post-325.type-page.status-publish.hentry div.post div.content-wrap div.woocommerce.columns-4 ul.products.columns-4 {	
	padding: 20px 10px !important; 	
}

#navbar ul ul{
	border-radius: 10px;
}
ul.products {	
	padding: 10px 20px !important;
}
.the9-store-toolbar, .widget_layered_nav_filters {
	margin-bottom: 10px !important;
}

.product-category {
	width: fit-content;
}

li.product-category{
	border-radius: 20px 20px 0 0;    
	display: flex;
	width: fit-content;
}

ul.products li.product img {
	border-radius: 10px 10px 0 0;
	display: block;
	height: 250px;
	width: 100%;
	object-fit: cover;
}

ul.products li.product {
	display: flex;
	justify-content: space-between;
	background: #012263;
	box-shadow: 0 0 12px #00000030;
	flex-direction: column;
	border-radius: 10px;
}

ul.products li.product a {	
	color: white;
	text-decoration: none;
	width: 100%;	
}

ul.products li.product a h2{
	padding: 10px;
}

ul.products li.product:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 12px #00000060;		
}

ul.products li.product .cat-name .posted_in, ul.products li.product .cat-name a {
	color: #b3b3b3;
}

.woocommerce-loop-product__title {
	color: #fff;
}

.woocommerce mark {
	display: none;
}

.top-form-minicart.box-icon-cart .cart-contents {	
	display: none;
}

ul.button-group.clearfix.d-flex li a.button.product_type_simple{
	border-radius: 0 !important; 
}
#colophon.site-footer .widget, .footer_widget_wrap .widget {
	padding: 0px;
}
#colophon .site_info {
	display: none;
}
.uagb-block-5dd547d2.wp-block-uagb-image .wp-block-uagb-image__figure img {
	 height: 140px; 	
	 rotate: 180deg; 
}

.wp-block-image .aligncenter {
	margin-top: -70px;
}

@media (min-width: 1921px) {
	
div.site-header-text-wrap h1.page-title-text {
		/*font-size: 100px;*/
		color: red;
		line-height: 90px;
	}
}

@media (max-width: 1400px) {
	
	ul.products {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	
	ul.products li.product {
		width: 90.2% !important;
		height: auto;
		margin: 10px auto !important;
	}
}
@media (max-width: 1024px) {
	
	ul.products {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	
	ul.products li.product {
		width: 90.2% !important;
		height: auto;
		margin: 10px auto !important;
	}
}
@media (max-width: 780px) {  
	
	#static_header_banner .content-text h1, #be-home-slider h1, #gs-home-page-hero .content-text h1 {
		font-size: 40px;
	}
	
  	ul.products {		
		padding: 20px 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.wp-block-search__inside-wrapper button {
		padding: 10px;
		margin-top: 20px;
		margin: 0;
		margin: 10px auto;		
	}
	
	form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {		
		width: 54vw;
		margin: 20px auto;
	}
	
	.logo-container .top-form-minicart {
		min-width: 0px;
		width: fit-content !important;
		margin: 0px 0px 0px 5px;
	}
	.custom-logo {
		width: 100% !important;
	}
	
	#search-1 .search-form, .wp-block-search__inside-wrapper {		
		flex-direction: column;
	}
}






ul.products li.product a {
	color: white;
	text-decoration: none;
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
}

ul.products li.product {
	display: flex;
	justify-content: space-between;
	background: #fff0;
	box-shadow: 0 0 12px #00000030;
	flex-direction: column;
	border-radius: 10px;
}

ul.products li.product img {
	border-radius: 10px; 
	display: block;
	height: 155px;
	width: 100%;
	object-fit: cover;
}

ul.products li.product a h2 {
	padding: 10px;
	position: absolute;
	left: 6px;
	color: black;
	top: 6px;
}

div.container.d-flex.align-items-center div.ml-auto {
	display: flex;
	align-items: center;
	color: white;
}


@media screen and (min-width: 1400px) {

	ul.products.columns-3 li.product {
		width: 32% !important;
	}

	ul.products li.product {
		float: left;
		margin-right: 1.8% !important;
	}
	
	ul.products li.product.last {
		margin-right: 0 !important;
}
}

.um-form form {
	max-width: 450px;
	margin: auto;
}