/*
	Theme Name: storefront-child
	Description: Storefront child theme for schmuckville
	Theme URI: http://carrousel.studio/
	Author: Scarrousel Studio Inc
	Author URI: http://carrousel.studio/
	Template: storefront
	Version: 1.0.0
*/

@import url("../storefront/style.css");


body{
	font-family: 'Open Sans', sans-serif;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: 'Roboto Mono', monospace;
	font-weight: 700;
	color: #ccc;
	letter-spacing: .02em;
	text-transform: uppercase;
}

p {
	color: #ccc;
}

a {
	color: #93a3ff;
}

a:focus{
	outline: none;
}

.section-title{
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 1.8em
}

.woocommerce-Price-amount.amount, li {
	color: #ccc;
}


.site-footer a:not(.button):not(.components-button) {
	color: black;
}

span {
	color: #ccc;
}

.widget_product_categories ul li:before {
	color: #9888ff;
	opacity: 1;
}

/* Buttons */
button, input[type='button'], 
input[type='reset'], input[type='submit'], 
.button, 
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link, 
.added_to_cart,
body .wp-block-button__link{
	background: #333;
	text-transform: uppercase;
	letter-spacing: .06em;
	transition: background .3s ease;
	padding: .5em 1em;
	font-size: .83em;
}
button, input[type='button']:hover, 
input[type='reset'], input[type='submit']:hover, 
.button:hover, 
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover 
.added_to_cart:hover,
.wp-block-button__link.add_to_cart_button.ajax_add_to_cart:hover
{
	background: #bd302b;
}


/* --------------- Site branding ---------------- */
.site-header {
	background-color: #000000;
}

body .site-header .site-branding img {
	height: auto;
	max-width: 550px;
	margin: 0 auto;
	max-height: none; 
}



/* --------------- Nav bar ---------------- */
.storefront-primary-navigation{
	background: transparent;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.8029586834733894) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.8029586834733894) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,0.8029586834733894) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.storefront-primary-navigation nav a{
	color: #fff !important;
}
.storefront-primary-navigation nav .sub-menu a{
	color: #333 !important;
}
.site-header-cart .cart-contents{
	color: #fff;
}
.storefront-breadcrumb{
	margin-bottom: 0;
}

.main-navigation ul.menu > li > a, 
.main-navigation ul.nav-menu > li > a{
	padding: 1.618em 1em;
	text-transform: uppercase;
	letter-spacing: .15em;
	font-weight: 600;
}

/* Overwrites */
.page-template-template-homepage .entry-content, 
.page-template-template-homepage .entry-header {
	max-width: 100%;
}
.hentry .entry-content a:not(.button):not(.components-button) {
	text-decoration: none;
}
.wc-block-grid__product-title {
	font-family: 'Roboto Mono', monospace;
	font-weight: 700;
	color: #ccc;
	letter-spacing: .02em;
	text-transform: uppercase;
}




/* Product Categories */
.widget_product_categories a{
	text-decoration: none !important;
}


/* ===================================== Responsive  ===================================== */


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

	/* Fit Product images to box */
	.woocommerce ul.products .content-product-img-wrapper,
	body .wc-block-grid__product-image {
		height: 265px;
		object-fit: contain;
		background: #111;
		margin-bottom: 1em;
		padding: 1em;
	}

	.woocommerce ul.products li.product img,
	body .wc-block-grid__product-image img,
	body #page .wc-block-grid__products .wc-block-grid__product-image img {
		object-fit: contain;
		height: 100%;
	}

	ul.products li.product img {
		object-fit: contain;
		height: 100%;
	}

}


.site-footer {
	background: #111;
	color: #888;
}


body .storefront-primary-navigation {
	background: transparent;
}

/* Product category grid hacks */
body .design-1 .pcdfwoo-product-cat_inner .pcdfwoo_title {
	display: none;
}

.pcdfwoo-product-cat_inner img {
	object-fit: unset;
}

.design-1 .pcdfwoo-product-cat_inner:hover img {
	transform: none;
}


.pcdfwoo-product-cat_inner {
	height: 322px !important;
}


.pcdfwoo-product-cat_inner img {
	position: relative;
}

/* Tablet */
@media only screen and (max-width: 800px) {
	
	/*
	.pcdfwoo-product-cat {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	*/
	
	.pcdfwoo-product-cat::before {
		display: none;
	}
	
	.pcdfwoo-medium-4 {
		width: 100%;
	}
	
}

/* Mobile */
@media only screen and (max-width: 640px) {
	
	.site-header {
		background-image: none !important;
	}

	ul.products {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0 1.5em;
	}

	ul.products::before {
		content: none;
	}

	body.home .wc-block-grid.has-3-columns .wc-block-grid__products {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	
	body.home .wc-block-grid.has-3-columns
	.wc-block-grid__products .wc-block-grid__product-image {
		height: 200px;
	}
	
	body.home .wc-block-grid.has-3-columns
	.wc-block-grid__products .wc-block-grid__product-image img {
		height: 100%;
		object-fit: contain;
	}
	
	
	.pcdfwoo-product-cat {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	
	.pcdfwoo-product-cat::before {
		display: none;
	}
	
	
	.design-1 .pcdfwoo-product-cat_inner {
		height: 200px !important;
	}

	
	.pcdfwoo-product-cat_inner img {
		position: relative;
	}
	
}


/* product image magify glass */
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    background-color: #333333;
    color: #ffffff;
}

.site-header-cart .widget_shopping_cart a.button,
.widget a.button.checkout {
	background: #333;
}