/*
Theme Name:   	VSorganic
Theme URI:    	
Author:       	
Author URI:     VSorganic
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	
License URI:  	
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
* Add your own custom css below this text.
*/
.single-product div.product .woocommerce-product-gallery img {

	width: 100%;
}
h1.product_title.entry-title {
	text-align: left;
}


.page-template .col-full {
	padding:0 ;
	margin:0;
} 
.homepage_banner .autoplay-progress svg{stroke:#fff !important;}
.homepage_banner .autoplay-progress span{ color:#fff; }

.cat-header {
    background: #00000054;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    height: 100%;
    /* box-shadow: 0px 0px 10px; */
}

.category-col .elementor-element-populated{
  padding:0px !important;
}

@media screen and (max-width:769px){
	.elementor-shortcode .homepage_banner .swiper-slide h2{
		font-size: 28px;
	}
	 .category h3.elementor-heading-title.elementor-size-default {
                    max-width: 100% !important;
                    min-height:100% !important;;
                }
}



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

.tax-product_cat .col-full,	.post-type-archive-product	.col-full, .single-product .col-full, .single-post .site-content{
		max-width: 66.4989378333em;
		margin-left: auto;
		margin-right: auto;
		padding: 0 2.617924em;
		box-sizing: content-box;
	}

	.single-post .site-content{
		padding: 2.617924em;
	}

	.col-full {
		max-width: 100%;

	} 

	.storefront-breadcrumb{
		margin:0;
	}
	/* h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
	color: #333333 !important;
} */
	.woocommerce-tabs ul.tabs {
		width: 100%;
		display: flex;
	}
	.woocommerce-tabs .panel {
		width: 100%;

	}
	.woocommerce-tabs ul.tabs li a{
		padding:1em 2.5em ;
	}
}

.wpcf7-form .fomn-fields p {
	margin: 0;
}
.fomn-fields {
	margin-top: 10px;
}
.fomn-fields textarea {
	height: 100px;
}
span.sku_wrapper, span.posted_in, span.tagged_as ,p.price{
	display: none !important;
}


.faq-section {
	max-width: 800px; /* Adjust max width as needed */
	margin: 0 auto;
}

.faq-item {
	margin-bottom: 1em; /* Space between each FAQ item */
}

summary {
	background: #f8f8f8; /* Background for the question */
	padding: 10px;
	cursor: pointer; /* Change cursor to pointer */
	border: 1px solid #ccc; /* Border for better visibility */
	border-radius: 4px; /* Rounded corners */
}

.faq-answer {
	padding: 10px 15px; /* Padding around the answer */
	border-top: 1px solid #ccc; /* Border between question and answer */
}
h1.entry-title, .woocommerce-products-header__title.page-title{
	font-size:32px !important;
}