/*================================ WooCommerce ====================================*/

.woocommerce-page h1.page-title {}

@supports (display: grid) {
	#content ul.products { display: grid; grid-template-columns: repeat( auto-fill, minmax(11em, 1fr)); grid-gap:.8rem; }
	#content ul.products::before {display:none;}
	#content ul.products .product {width:auto; margin:0;}
	#content {margin:16px 0;}
	#content .woocommerce-ordering {margin-right:0;}
}
	#content ul.columns-2 {grid-template-columns: repeat( auto-fill, minmax(45%, 1fr));}
	#content ul.columns-1 {grid-template-columns: repeat( auto-fill, minmax(95%, 1fr));}

@media(min-width:600px) {
	#content ul.columns-3 {grid-template-columns: repeat( auto-fill, minmax(28%, 1fr));}
	#content ul.columns-4 {grid-template-columns: repeat( auto-fill, minmax(22%, 1fr));}
}
@media(min-width:800px) {
	#content ul.columns-5 {grid-template-columns: repeat( auto-fill, minmax(17%, 1fr));}
	#content ul.columns-6 {grid-template-columns: repeat( auto-fill, minmax(14%, 1fr));}
}
@media(min-width:1100px) {
	#content ul.columns-7 {grid-template-columns: repeat( auto-fill, minmax(10%, 1fr));}
	#content ul.columns-8 {grid-template-columns: repeat( auto-fill, minmax(8%, 1fr));}
}

#content ul.products li.product {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	text-align:center;
	border-radius:4px;
	transition: .35s cubic-bezier(.39,.58,.57,1);
	box-shadow: 0 1px 4px rgba(20,20,20,.2);
}
#content ul.products li.product:hover {
	box-shadow: 0 2px 8px rgba(20,20,20,.1), 0 8px 32px rgba(20,20,20,.15) ;
}
#content ul.products .product a {
	display:block;
	display:flex;
	flex-direction:column;
	color:inherit;
}
#content li.product a img {margin:0; }

#content .price {color:inherit;}
#content span.onsale { padding:0; background:#ffd156; color:#000; box-shadow: 0 0 0 2px white, 0 0 0 4px #eeae17; text-shadow:1px 1px white; }

#content ul.products li.product .button {
	margin-top:0; 
	text-align:center;
	background: var(--primary-color, #333);
	color: var(--reverse-color, #fff);
}
#content ul.products li.product .button:hover {
	background:var(--primary-light-1, #111);
}

.woocommerce .products .star-rating { margin:0px auto 8px; }

.woocommerce .woocommerce-breadcrumb { font-size:16px; }

.woocommerce-ordering select {
border: solid 1px #ddd;
padding: 8px;
border-radius:3px;
}
.woocommerce-ordering select:focus {outline:solid 1px green; }
#content .woocommerce-result-count { float:none; display:inline-block; }


/*-------- Product  Page -------------*/
#content .woocommerce-variation-add-to-cart, #content div.product-quantity { display:flex; }
#content div.quantity { display:flex; //justify-content:flex-end;}
#content div.product form.cart .button { float:none;}
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover { background:gray; }
#content div.product form.cart .variations {margin-bottom:0;}
.woocommerce div.product form.cart .variations select { padding:12px; font-size:16px; }
.woocommerce div.product form.cart .variations td.label {line-height:1.15;}

#content .input-text.qty {font-size:16px; padding:8px 0; border: solid 1px #ccc;}
.woocommerce div.product form.cart .variations * {display:block;}
.quantity.buttons-added input[type=number] { -moz-appearance:textfield; }
.quantity.buttons-added input[type=number]::-webkit-outer-spin-button, .quantity.buttons-added input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; }
.qty-button {
	display: inline-flex;
	padding: 12px;
	border: solid 1px #ccc;
	background:#f8f8f8;
	color:#000;
	align-items: center;
	cursor:pointer;
	transition:.12s cubic-bezier(.39,.58,.57,1);
}
.qty-button:focus, .qty-button:hover {
	border-color:#999;
	background:#eee;
	color:#000;
}
.qty-button.inc {border-radius:0 8px 8px 0; }
.qty-button.dec {border-radius:8px 0  0 8px; }



.pswp .pswp__bg { background:rgba(0,0,0,.8); opacity:0.5; }

/*--------  Cart ----------*/

#wrapper #content td.product-thumbnail {padding:0; display:flex; justify-content:center; flex-wrap:wrap; }
.woocommerce-cart table.cart img {min-width:96px; vertical-align:top; }

.coupon { display:flex; }
#coupon_code { min-width:9em; font:inherit; font-size:0.95em; }

.woocommerce table.shop_table td {padding:6px; }

@media (max-width:770px) {
	.woocommerce-page table.shop_table_responsive tr {position:relative; }
	#wrapper #content td.product-thumbnail:before {display:none;}
	table.cart td.product-remove { position:absolute; font-size: 1.5em;  top:0; right:0;	}
	.woocommerce table.shop_table_responsive tr.cart_item td {display:flex; align-items:center; }
	.woocommerce table.shop_table_responsive tr td::before {margin-right:auto;}
}

/*---------- Checkout Page -------------*/
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	padding:8px;
	font:inherit;
}
.select2-container .select2-selection--single {
	height:auto;
	padding:8px
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height:100%; width:26px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left:4px;
}

#customer_details {
    width: 56%;
    float: left;
    padding-right: 2rem;
}
#order_review {
    width: 44%;
    float: right;
}

.woocommerce form .form-row label {
line-height: 1.15;
padding: 4px 0;
}

.woocommerce-checkout #sidebar { display:none; }

#customer_details .col-1 {width:100%;}
#customer_details.col2-set .col-2 {
clear: both;
float: none !important;
width: 100% !important;
margin-right: 0px !important;
text-align: left;
padding-bottom: 20px;
}

@media(max-width:600px) {
	#customer_details , #order_review {width:100%; float:none; padding:0; }
}

*------------- My Account Customer Dashboard --------------------*/
.woocommerce-account .woocommerce-MyAccount-navigation{  
  width:16.5em;
}
.woocommerce-MyAccount-navigation ul  {
margin: 0; padding:0;
  list-style: none;
}
.woocommerce-MyAccount-navigation li a {
  border: solid thin;
  display: block;
  text-decoration: none;
  font-size:0.85em;
  margin:2px;
  padding:8px;
  background:var(--primary-dark-1, #222);
  color:white;
}
.woocommerce-MyAccount-navigation li a:hover {
  background:var(--primary-light-1, #222);
	padding-left:12px;
	transition:.1s ease-out;
}
.woocommerce-MyAccount-navigation li.is-active a {
//color:#ffa;
background:var(--primary-color, #000);
font-weight:bold;
}
.woocommerce-MyAccount-navigation li.is-active a:before {
	content:"";
	display:inline-block;
	border:solid 6px transparent;
	border-left:solid 8px;
}

.woocommerce-Address {
    background: white;
    box-shadow: 0 1px 6px #0004;
    padding: 16px;
}
.woocommerce-Address .edit {
	background:#21456d;
	color:#fff;
	padding:8px;
	text-decoration:none;
	border-radius:4px;
}