/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 2.5.8.1595937676
Updated: 2020-07-28 12:01:16

*/

.site-header{height: 450px!important;
}
	.site-branding{
		
		width: 50%!important;
	}

	.site-title{
		font-size:4.5rem!important;
		
		
	}

.site-description{font-size: 1rem!important;}


.storefront-primary-navigation{
	
	margin-top:18%!important;
	background-color: green;
	color: #fff!important;
	clear:both!important;
	
}

.main-navigation ul ul li, .secondary-navigation ul ul li {
	background: green;
}

.main-navigation a{color: #fff!important;
			
			}
	.site-header-cart{
			/*background-color: green;*/
		
				}

.site-header-cart .cart-contents::after{font-size:20px!important; margin-top:-5px;}
.woocommerce-message{margin-top:-20px!important;}


.footer-widget-1{width:30%!important;}
.footer-widget-2{width:30%!important;}
.footer-widget-3{width:30%!important;}


/***RESPONSIVE***/

@media (max-width: 991px) {
	.site-title{
		
		font-size:3.5rem!important;
		
		
	}

	.storefront-primary-navigation{
	
	margin-top:25%!important;
	/*background-color:blue!important;*/
	
  }

}

@media (max-width: 768px) {
 
	
	.site-title{
		
		font-size:2.8rem!important;
		margin-top: 10%!important;
			
	}
	
	.woocommerce-breadcrumb{
		
		display:none!important;
	
	}

	.storefront-primary-navigation{
	
		margin-top:65%!important;

	
  }
  
.menu-toggle{
	
	background-color:green!important; 
	color:#fff!important; 
	border-color: green!important
	}

.footer-widget-1{width:100%!important;}
.footer-widget-2{width:100%!important;}
.footer-widget-3{width:100%!important;}
}

@media (max-width: 480px) {
	
	.site-title{
		
		
		font-size:1.8rem!important;
		margin-top:30%!important;
	}
	
	.site-description{
	
	font-size:0.8rem;
	
	}
	.storefront-primary-navigation{
	
	margin-top:70%!important;
	
	
  }

	
	
  }