/*
Theme Name:   	MaterialDistrict Store Theme
Theme URI:    	https://books.materialdistrict.com
Author:       	Johan van der Wijk
Author URI:     https://thewebworks.nl
Template:     	storefront
Description:  	This is a child theme for WooThemes StoreFront theme
Version:      	1.1.9
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
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
*/

/* fonts */
@font-face {
	font-family: 'EuclidFlex-Bold';
	src: url('/wp-content/themes/materialdistrict-store-theme/fonts/Euclid/EuclidFlex-Bold-Web/S/EuclidFlex-Bold-WebS.woff2') format("woff2"),
		 url('/wp-content/themes/materialdistrict-store-theme/fonts/Euclid/EuclidFlex-Bold-Web/S/EuclidFlex-Bold-WebS.woff') format("woff"),
		 url('/wp-content/themes/materialdistrict-store-theme/fonts/Euclid/EuclidFlex-Bold-Web/S/EuclidFlex-Bold-WebS.ttf') format("truetype");
	font-display: swap;
}

body {
	font-family: 'Palanquin';
	font-weight: 500;
}

.site-header {
	border: none;
}

.product-description a,
.woocommerce-product-details__short-description a,
.panel.entry-content.wc-tab a {
	color: #80bb40;
}
.added_to_cart.wc-forward {
	display: none;
}

.woocommerce-products-header {
	display: none;
}

.hentry .entry-content a.button,
ul.products li.product .button,
.widget-area .widget a.button,
button.alt,
.entry-title,
.checkout h2,
.checkout h3 {
	text-transform: uppercase;
	font-family: 'EuclidFlex-Bold';
}

.checkout h2,
.checkout h3 {
	font-size: 19.8px;
}

.checkout label {
	text-transform: uppercase;
	font-weight: 700;
}

.checkout label[for='wc-stripe-new-payment-method'] {
	text-transform: none;
	font-weight: 500;
}

.right-sidebar .widget .widget-title,
.footer-widgets .widget .widget-title {
	border: none;
	color: #322923;
	font-family: 'EuclidFlex-Bold';
	margin: 0 0 .5em 0;
	padding: 0;
	text-transform: uppercase;
}
.footer-widgets .widget .widget-title {
	font-size: 1em;
}

ul.products li.product .price,
ul.products li.product .price ins,
ul.products li.product .price del,
.widget-area .widget {
	font-weight: 500;
}

.footer-widgets .widget table,
.footer-widgets .widget ul,
.footer-widgets .widget p {
	font-size: .9em;
}

.footer-widgets .widget ul {
	list-style-position: inside;
	list-style-type: square;
}

.footer-widgets {
	border: none;
}

.footer-widgets .shipping th,
.footer-widgets .shipping td {
	background-color: #f0f0f0!important;
	padding: 2px;
}

.footer-widgets .shipping th {
	white-space: nowrap;
}

/* Coupon toggle styling */
.page-id-13 .woocommerce-form-coupon-toggle .woocommerce-info::before {
	content: none;
}

.page-id-13 .woocommerce-form-coupon-toggle .woocommerce-info {
	background-color: #fff;
	color: #6d6d6d;
	border-left: none;
	padding-left: 0;
}

.page-id-13 .woocommerce-form-coupon-toggle .woocommerce-info a {
	color: #6d6d6d;
}

/* Hide view cart button on cart widget */
.woocommerce-mini-cart__buttons.buttons a:first-child {
	display: none;
}

.steps {
	margin-top: 1em;
	margin-bottom: 1em;
}

.steps ol {
	display: flex;
	flex-direction: row;
	list-style-position: inside;
	justify-content: space-between;
	width: 100%;
	margin: 0;
}

.issuuembed {
	height: 0;
	max-width: 100%;
	overflow: hidden;
	padding-bottom: 100%; /* set the aspect ratio here as (height / width) * 100% */
	position: relative;
}

.issuuembed iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.storefront-handheld-footer-bar ul li.home > a::before {
	content: '\f015';
}

.home.post-type-archive-product .site-header {
	margin-bottom: 1.618em;
}

@media (min-width: 768px) {

	.site-main ul.products.columns-1 li.product {
		border-bottom: 2px solid #f0f0f0;
		float: left;
		margin-bottom: 25px;
		padding-bottom: 30px;
	}

	.site-main ul.products.columns-1 li.product a:first-child {
		display: grid;
		grid-template-columns: 22% auto 18%;
		grid-template-rows: auto auto;
	}

	.site-main ul.products.columns-1 li.product h2 {
		grid-column: 1 / 3;
		grid-row: 1;

		color: #322923;
		font-family: 'Palanquin';
		font-size: 2em;
		font-weight: 600;
		text-align: left;
	}

	.site-main ul.products.columns-1 li.product .onsale {
		grid-column: 3;
		grid-row: 1;

		align-self: start;
		color: #1367ad;
		border-color: #1367ad;
		border-width: 2px;
		justify-self: end;
		margin-bottom: 0;
		white-space: nowrap;
	}

	.site-main ul.products.columns-1 li.product .star-rating {
		grid-column: 3;
		grid-row: 1;

		margin: 0;
		justify-self: end;
	}

	.site-main ul.products.columns-1 li.product .product-description {
		grid-column: 2;
		grid-row: 2;

		color: #322923;
		padding: 0 10px 0 30px;
		text-align: left;
	}

	.site-main ul.products.columns-1 li.product img {
		grid-column: 1;
		grid-row: 2;

		margin-bottom: 0;
	}

	.site-main ul.products.columns-1 li.product .price {
		grid-column: 3;
		grid-row: 2;

		padding: 0 5px;
		text-align: right;
	}

	.site-main ul.products.columns-1 li.product .price .amount {
		font-weight: 600;
	}

	.site-main ul.products.columns-1 li.product .quantity {
		float: right;
		margin-right: 10px;
		text-align: left;
	}

	.site-main ul.products.columns-1 li.product .quantity input {
		font-family: 'Palanquin';
		font-weight: 500;
	}

	.site-main ul.products.columns-1 li.product .button {
		float: right;
		justify-self: end;
		margin-bottom: 0;
		white-space: nowrap;
	}

	.home .site-content .col-full {
		display: flex;
	}

	.home.right-sidebar .content-area {
		width: 62.9130434783%;
	}

	.home.right-sidebar .widget-area {
		width: 32.7391304348%;
	}

	.right-sidebar .widget-area {
		background-color: #eeeeee;
		border-left: 2px solid #d4d4d4;
		padding: 20px;
	}

	.woocommerce-cart .entry-title,
	.woocommerce-checkout .entry-title {
		font-size: 28px;
		margin-top: 1.5407911001em;
		margin-bottom: 1.5407911001em;
	}

	.woocommerce-checkout .order-total strong {
		font-size: 1.4em;
	}

	.shop_table.woocommerce-checkout-review-order-table .cart-subtotal th,
	.shop_table.woocommerce-checkout-review-order-table .woocommerce-shipping-totals.shipping th,
	.shop_table.woocommerce-checkout-review-order-table .order-total th,
	.shop_table.woocommerce-checkout-review-order-table .cart-discount th {
		background-color: #fff;
	}

	.home.post-type-archive-product .site-header {
		margin-bottom: 4.235801032em;
	}

}

.site-main ul.products.columns-1 li.product.outofstock .button {
	background-color: #ff0000;
	border-color: #ff0000;
}

.site-main .product.product-type-simple .onsale {
	display: none;
}

@media (max-width: 767px) {
	table.shipping th {
		display: none;
	}
	table.shipping td {
		display: block;
	}
	table.shipping td strong {
		color: #322923;
	}
	table.shipping td:last-child {
		margin-bottom: 0.625rem;
	}
	table.shipping td:first-child::before {
		content: '';
	}
	table.shipping td::before {
		content: attr(data-cell) ': ';
		font-weight: 600;
	}
}