/*
 Theme Name:   Primal Store (Storefront Child)
 Theme URI:    https://primalsttore.co.nz/
 Description:  Storefront Child Theme
 Author:       Philip Newman
 Author URI:   https://primalmedia.nz
 Template:     storefront
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  artbykirst
*/



@media (min-width: 768px) {
	
	a,a:focus {
    outline: none !important;
    box-shadow: none !important;
	}

	.site-header .site-branding img {
	    height: auto;
	    max-width: 150px;
	    max-height: none;
	}

	.custom-logo {
		width: 100% !important;
		
	}

	.site-branding {
		margin: auto !important;
		width: 50%;
		position: relative;
		top: -20px;
	}

	.site-header {
		background: #fff;
		color: #000;
	}

	.site-header a {
		color: #000;
	}

	p.site-description, .site-header, .storefront-handheld-footer-bar {
	    color: #fff;
	}

	.storefront-primary-navigation {
		background: #000;
		text-transform: uppercase;
		color: #fff;

	}

	.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
	    color: #fff;
	    font-weight: bold;
	}

	.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {
	    color: #fff;
	    font-weight: bold;
	}

	.nav-menu {
		border-left: 8px solid green;
	}

	.menu-item-has-children {
		background: #54595F;
	}

	.section-title {
		text-transform: uppercase;
		border-bottom: 1px solid green; 
		font-size: 1.2em;
		font-weight: bold;
		text-align: left !important;
		margin-bottom: 1em;
		padding-bottom: 1em;
	}

	.site-header-cart {

	}

	.col-full {
		padding:0;
	}

	.woocommerce-active .site-header .site-search {
	  	  position: relative;
	  	  top:-20;
	 }

	.sub-menu .menu-item, .sub-menu .menu-item a {
		padding-top: 0;
		padding-bottom: 0;

	}

	#woocommerce-product-search-field-0 {
		 border-radius: 25px;

	}

	ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img {
	    display: block;
	    margin: 0 auto 1.618em;
	    padding: 1em;
	    
	}


	.main-navigation ul.menu > li > a:click, .main-navigation ul.nav-menu > li > a:click {
    	border:0;
	}
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    	padding: 1em 1.5em; 
    }
    .main-navigation ul.menu ul.sub-menu a, .main-navigation ul.nav-menu ul.children a {
   		 background-color: #f0f0f0;
   		 color: #000;
	}

    .site-header-cart .cart-contents {
    	padding: 1em 1.5em; 
   	 	display: block; 
   		position: relative;
    	background-color: transparent;
   	 	height: auto;
    	width: auto;
    	text-indent: 0;
	}

	.storefront-full-width-content .site-main ul.products.columns-5 li.product, 
	.storefront-full-width-content .header-widget-region ul.products.columns-5 li.product {
    	float: left;
    	opacity: 0.9;
    	margin-bottom: 5px;
    	border: 1px solid transparent;
    	height: 360px;
		padding: 10px;    	
	}

	.storefront-full-width-content .site-main ul.products.columns-5 li.product:hover, 
	.storefront-full-width-content .header-widget-region ul.products.columns-5 li.product:hover {
   		background: #fff;
    	transition: 0.5s;
    	opacity: 1;
    	border: 1px solid #ccc;

	}

	ul.products li.product img, 
	ul.products .wc-block-grid__product img, 
	.wc-block-grid__products li.product img, 
	.wc-block-grid__products .wc-block-grid__product img {
    display: block;
    padding:0;
	}

	.woocommerce-loop-category__title {
		text-transform:uppercase;
	}

	.woocommerce-loop-product__title {
		height: 60px;
		overflow: hidden;
	}

	.wc-block-grid__product-onsale, .onsale {
    	display: none;
	}

}


/*===================*/
/* BOUNCE OUT
/*===================*/

.add_to_cart_button {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.add_to_cart_button:hover, .add_to_cart_button:focus, .add_to_cart_button:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02);
  transition-timing-function: cubic-bezier(0.47, 2.02);
}

.added_to_cart {
	display: none;
}