/*
Theme Name: _ftm

WooCommerce styles override
*/


/* 11-3-20 - These wrappers are not alway there anymore. Remove? */
.woocommerce-page .entry-header-wrapper,
.woocommerce-page .entry-content-wrapper,
.woocommerce-page .entry-footer-wrapper {
	max-width: var(--max_width_wide);
}
/* 3-1-21 - Some pages will need a normal width */
.woocommerce-page.woocommerce-order-received .entry-header-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content-wrapper,
.woocommerce-page.woocommerce-order-received .entry-footer-wrapper {
	max-width: var(--max_width_article);
}

/* 11-3-20 - This is unnecessary css if not used by child theme (calefs) */
.woocommerce-products-header {
	padding: 0 var(--gutter_width);
}

/* 8-14-19 Only on Single Product Pages? */
/* 11-3-20 - The parent theme should have a single-product stylesheet */
main > .woocommerce-notices-wrapper {
	padding: 0 var(--gutter_width);
}
main > .woocommerce-notices-wrapper > .woocommerce-message,
main > .woocommerce-notices-wrapper > .woocommerce-error {
	max-width: var(--max_width_wide);
	margin-left: auto;
	margin-right: auto;
}

/* My Account (not logged in), Cart, Checkout pages */
.entry-content .woocommerce-notices-wrapper {
	padding: 0;
	min-width: 100%;
	margin-top: 0;
}

.entry-content .woocommerce-message {
	min-width: 100%;
}

/* This can exist on the page even when unused (my-account page not logged in) */
.woocommerce-notices-wrapper:empty {
	margin: 0;
	min-width: inherit;
}
.woocommerce-MyAccount-content .woocommerce-notices-wrapper {
	margin: 0;
}



/**
 * WC Messages & Notices
 */
.woocommerce-message, /* Single product after adding to cart, Cart Updated message on cart page */
.woocommerce-info, /* Cart Notices, Checkout Returning User & Coupon */
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	/*margin-top: 0;*/
	/*margin-bottom: var(--space_large);*/
	margin: var(--space_normal) 0;
	padding: var(--space_small) var(--space_medium);
	border: 1px solid rgba(0,0,0,0.125);
	background-color: var(--gray_xlight);
	font-size: 1rem;
	line-height: 1.5;
	
	margin-top: 0;
}

.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-error {
	margin-top: 0;	
}

/* Single product page after adding to cart (7-29-20 - foley) */
.site-main > .woocommerce-notices-wrapper:not(:empty) {
	margin-top: var(--space_big);	
}

/* Shop archive pages only? */
.site-main > .woocommerce-notices-wrapper > .woocommerce-info {
	max-width: var(--max_width_wide);
	margin-left: auto;
	margin-right: auto;
}
/* Sometimes messages show up inside the cart form - very strange indeed... */
.woocommerce-cart-form .woocommerce-info {
	margin-top: 0;
}

/* Shows up after coupon applied successfully */
.woocommerce-form-coupon-toggle + .woocommerce-message,
.woocommerce-form-coupon-toggle + .woocommerce-error {
	/*margin-top: var(--space_large);*/
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
	/*background-color: var(--notice_color);*/
}

.woocommerce-error {
	list-style: none;
	/*background-color: var(--error_color);*/
	/*color: #fff;*/
}

.woocommerce-NoticeGroup-checkout ul.woocommerce-error:before {
	content: 'Checkout Errors:';
	display: block;
}


/* Should .button links always be floated right like this? */
.woocommerce-notices-wrapper .wc-forward, /* 5-27-21 - This is more generic (covers single product error messages) */
.woocommerce-Message .wc-forward,         /* 8-13-19: What template is this in? */
.woocommerce-message .wc-forward,         /* Single Product after adding to cart */
.woocommerce-cart-notice .wc-forward {    /* If using WC Cart Notices plugin */
	float: right;
	margin-left: 0.25em;
	text-decoration: none;
}
.woocommerce-Message:after,
.woocommerce-message:after,
.woocommerce-cart-notice:after {
	content: '';
	display: block;
	clear: both;
}


/* 11-3-20 - Better left to child themes? */
.woocommerce-message:before {
	font-family: 'woocommerce' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.woocommerce-message:before {
	content:"\e015";
	color: var(--color_success);
}




/**
 * Shop The Image functionality
 * 11-3-20 - This only exists on annalee (currently) seems silly to have here 
 */
/*
.ft-shop-the-image {
	position: relative;
	display: table;
}
.shop-the-image-button {
	position: absolute;
	bottom: var(--space_large);
	right: var(--space_large);
}
*/


/**
 * My Account
 *
 */
.wc-account-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.wc-account-nav a {
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}



@media(min-width: 45em){

	/* If not logged in we can put the login/register forms next to each other */
	#customer_login.col2-set {
		display: flex;
		width: 100%;
	}
	#customer_login.col2-set .col-1 {
		width: 50%;
		padding-right: var(--space_normal);
	}
	#customer_login.col2-set .col-2 {
		width: 50%;
		padding-left: var(--space_normal);
	}
}



/* Account Pages start to have the account nav on the side at some point */
@media(min-width: 64em){

	.woocommerce-account .woocommerce {
		display: flex;
		flex-wrap: wrap;
	}
	.woocommerce-account .woocommerce > h2 {
		flex-basis: 100%;	
	}
	.woocommerce-MyAccount-content {
		flex-grow: 1;
	}

	/* Account nav doesn't toggle anymore */
	button.wc-account-nav-toggle {
		display: none !important;
	}
	.wc-account-nav.toggled-off {
		visibility: visible;
		position: static;
		transform: none;
		opacity: 1;
	}


}




/**
 * Product Archives
 */

/* WC product Result Count and Orderby form */
.product-results {
	padding: 0 var(--gutter_width);	
}
.product-results-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

/* Shop Sidebar is usually collapsable */
.site-aside.sidebar-shop {
	position: relative;
	z-index: 2;
}
.collapsable-sidebar-shop,
.shop-widget-collapsable {
	position: absolute;
	top: 100%;
	left: -9999em;
	top: -9999em;
	opacity: 0;
	transition: opacity 0.25s ease-out;
}
.collapsable-sidebar-shop.toggled-on,
.shop-widget-collapsable.toggled-on {
	position: static;
	opacity: 1;
}


/* Usual styling of product filter widgets is checkbox list */
ul.product-categories,
ul.product-categories ul,
ul.woocommerce-widget-layered-nav-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* 10-28-20 Removed - better left to child themes as not all sites will use checkboxes? (calefs) */
/* 11-3-20 - Put back in place but only for attribute filters, not categories */
/*
ul.product-categories a, */
ul.woocommerce-widget-layered-nav-list a {
	padding-left: 1.5em;
	position: relative;
}
/* ul.product-categories a:before, */
ul.woocommerce-widget-layered-nav-list a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.25em;
	left: 0;
	width: 1em;
	height: 1em;
	border: 1px solid var(--field_border_color);
	
}
/*
ul.product-categories .current-cat-parent > a:after,
ul.product-categories .current-cat > a:after, */
ul.woocommerce-widget-layered-nav-list .chosen a:after,
ul.woocommerce-widget-layered-nav-list a.loading:after {

	font-family: 'ftm' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;

	content: '\f00c';
	display: block;
	position: absolute;
	left: 0.125em;
	top: 0.5em;
}


.widget_layered_nav_filters ul {
	list-style: none;
	padding: 0;
}
.widget_layered_nav_filters a:before {
	font-family: 'ftm' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;

	content: '\f00d';
}
*/

/* And the widgets inside that sidebar are usually collapsable too :( */
.widget-toggle .widget-title {
	font: inherit;
	margin: 0;
}

/* 11-3-20 - Only on shop archives */
.wc-product-columns {
	padding: 0 var(--gutter_width);	
}
.wc-product-columns-inner {
	max-width: var(--max_width_wide);
	margin: 0 auto;
}


/* On any wc product loop */
ul.products {
	list-style: none;
	margin: 0;
	padding: 0;

}

/* Covers product lists, related products, upsells, etc. */
/* 11-3-20 - This seems better left to child themes */
ul.products {
	display: grid;
    grid-gap: var(--space_medium);
	grid-template-columns: repeat(2, 1fr);
}

/*
@media screen and (min-width: 48em) {
	ul.products li.product {
		width: 30.7966666667%;
		float: left;
		margin-right: 3.8%;
	}
	ul.products li.product.first {
		clear: both;
	}
	ul.products li.product.last {
		margin-right: 0;
	}
	.columns-1 ul.products li.product {
		float: none;
		width: 100%;
	}
	.columns-2 ul.products li.product {
		width: 48.1%;
	}
	.columns-3 ul.products li.product {
		width: 30.7966666667%;
	}
	.columns-4 ul.products li.product {
		width: 22.15%;
	}
	.columns-5 ul.products li.product {
		width: 16.96%;
	}
	.columns-6 ul.products li.product {
		width: 13.4933333333%;
	}
}
*/






/* Little "Sale!" badge needs to be absolutely positioned */
.ftm-parent-shop-loop-image-wrapper {
	position: relative;
}
.product-inner .onsale {
	position: absolute;
	z-index: 9; /* 11-3-20 - Any reason for this specific number? What about vars for z-index? */
	top: 0;
	left: 0;
	padding: var(--space_xxsmall) var(--space_xsmall);
	background-color: var(--primary_color);
	color: white;
}

/* This makes sense for click state */
.ftm-parent-shop-loop-image-wrapper > a {
	display: block;
}

/* The title is inside this <a> tag */
.woocommerce-LoopProduct-link {
	color: inherit;
	text-decoration: none;
}


/* Product images */


/* Ajax add to cart buttons */
/* NOTE: 4-6-19 - This should be moved to a utilty css file... */
@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* These links by default just have a text node and a pseudo element */
.button.add_to_cart_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.archive-add-to-cart-button-text {
	white-space: nowrap;
	text-transform: capitalize;
}
.ajax_add_to_cart.loading .archive-add-to-cart-button-text,
.ajax_add_to_cart.added .archive-add-to-cart-button-text {
	font-size: 0;
	width: 0;
}

.ajax_add_to_cart.loading:before {
	content: 'Adding';
}
.ajax_add_to_cart.added:before {
	content: attr(data-already-in-cart-text);
	white-space: nowrap;
}

/* We could have some fun with this... */
/*
.ajax_add_to_cart.added[data-product_id$="0"]:before {
	content: 'Holla!';
}
.ajax_add_to_cart.added[data-product_id$="1"]:before {
	content: 'Word!';
}
.ajax_add_to_cart.added[data-product_id$="2"]:before {
	content: 'Thanks!';
}
.ajax_add_to_cart.added[data-product_id$="3"]:before {
	content: 'You Rock!';
}
.ajax_add_to_cart.added[data-product_id$="4"]:before {
	content: 'My Man!';
}
.ajax_add_to_cart.added[data-product_id$="5"]:before {
	content: 'Yuck!';
}
.ajax_add_to_cart.added[data-product_id$="6"]:before {
	content: 'Really?';
}
.ajax_add_to_cart.added[data-product_id$="7"]:before {
	content: 'Sad!';
}
.ajax_add_to_cart.added[data-product_id$="8"]:before {
	content: 'Ok..?';
}
.ajax_add_to_cart.added[data-product_id$="9"]:before {
	content: 'Sucker!';
}
*/





.ajax_add_to_cart:after {
	content: "\e031";
	font-family: 'woocommerce' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	opacity: 0;
	display: inline-block;
	margin-left: 0.5em;
	transform: rotate(0);
}
.ajax_add_to_cart.loading:after {
	position: static;
	opacity: 1;
	content: "\e031";
	animation: infinite-spinning 1s infinite;

}
.ajax_add_to_cart.added:after {
	position: static;
	opacity: 1;
	content: "\e017";
}

/* link that appears */
/* 11-3-20 - This all seems better left to child themes */
/*
.added_to_cart.wc-forward {
	display: inline-block;
	text-decoration: none;
	font-size: 0.8888em;
}
*/






/* Single Product Pages */
/*
.ftm-single-product-wrapper {
	padding: 0 var(--gutter_width);
}
.ftm-single-product-inner {
	max-width: var(--max_width_wide);
	margin: 0 auto;
}
*/

/*
.ftm-single-product-images-summary,
.ftm-single-product-images,
.ftm-single-product-images-summary .summary {
	margin: var(--space_large) 0;
}
*/

/* Need this for the little badges */
.ftm-single-product-images {
	position: relative;
}



.single-product div.product .woocommerce-product-gallery {
	position: relative;
}

.woocommerce-product-gallery__trigger {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: block;
	z-index: 9;
	text-decoration: none;
}

figure.woocommerce-product-gallery__wrapper {
	margin: 0;
}

.woocommerce-product-gallery .flex-viewport {
	/*margin-bottom: 1em; 6-29-20 (foley) */
}
.woocommerce-product-gallery .flex-control-thumbs {
	list-style: none;
	padding: 0;
	display: flex;
	/*flex-wrap: wrap;*/
	/* 6-19-20 Perhaps a --thumbnail_space variable? */
	margin: -2px;
}

.woocommerce-product-gallery .flex-control-thumbs li {
	/* width: 25%; */
	padding: var(--space_xxxsmall); /* 2px */
}

/* Need this if product images are set to 100% */
.woocommerce-product-gallery .flex-control-thumbs li img {
	width: auto;
}


.stock:empty:before {
	display: none;
}

.stock.in-stock {
	color: var(--success_color);
}

.stock.out-of-stock {
	color: var(--error_color);
}

/*
.single_add_to_cart_button {
	margin-top: var(--space_large);
}
*/

@media(min-width: 48.5em){

	/* At some point the product summary will come up next to the images */
	.ftm-single-product-images-summary {
		display: flex;
	}
	.ftm-single-product-images {
		/*min-width: 39.75%;*/
		/*max-width: 39.75%;*/
	}
	.summary {
		/*padding-left: var(--space_xlarge);*/ /* 11-2-20 - removed this (calefs) */
	}

}







/* Shop Tables */

/* Simplest Shop Tables (Order details, subscription details, checkout review order table */
.shop_table {
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid var(--table_border_color);
}
.shop_table tr {
	border: 1px solid var(--table_border_color);
}
.shop_table th,
.shop_table td {
	vertical-align: top;
	text-align: right;
	padding: var(--space_xsmall) var(--space_small);
}
.shop_table th:first-child,
.shop_table td:first-child {
	text-align: left;
}
.wc-item-meta {
	list-style: none;
	padding: 0;	
}
.wc-item-meta p {
	margin: 0;
	display: inline; /* 5-26-21 - Seems to make sense? */
}
/* Specific for product bundles */
.shop_table tr.bundle_table_item,
.shop_table tr.bundled_table_item {
	background-color: transparent;
}

/* Mostly for the Switch Subscription button */
.shop_table.order_details .product-quantity {
	margin-right: 0.5em;
}



/* Responsive Shop Tables */
/* The "Cart Totals" responsive table should probably just always stay in this mode. (hence the extra selector) */
.shop_table_responsive,
.shop_table_responsive tbody,
.shop_table_responsive tr,
.shop_table_responsive tfoot,
.cart_totals .shop_table_responsive,
.cart_totals .shop_table_responsive tbody,
.cart_totals .shop_table_responsive tr,
.cart_totals .shop_table_responsive tfoot {
	display: block;
	border: none;
}
/* These show later*/
.shop_table_responsive thead,
.cart_totals .shop_table_responsive thead {
    display: none
}
.shop_table.shop_table_responsive tr,
.cart_totals .shop_table.shop_table_responsive tr {
	padding-top: var(--space_xsmall);
	padding-bottom: var(--space_xsmall);
	border-bottom: 1px solid var(--table_border_color);
}
.shop_table_responsive tbody tr:first-child,
.cart_totals .shop_table_responsive tbody tr:first-child {
	border-top: 1px solid var(--table_border_color);
}
.shop_table_responsive th,
.shop_table_responsive td,
.shop_table_responsive td:first-child,
.cart_totals .shop_table_responsive th,
.cart_totals .shop_table_responsive td,
.cart_totals .shop_table_responsive td:first-child {
	padding: var(--space_xsmall) 0;
    display: block;
    text-align: right;
}
.shop_table_responsive th,
.cart_totals .shop_table_responsive th  {
    display: none
}
.shop_table.shop_table_responsive th:first-child,
.shop_table_responsive td.actions,
.cart_totals .shop_table.shop_table_responsive th:first-child,
.cart_totals .shop_table_responsive td.actions {
	text-align: initial;
}


/* Output the faux label */
.shop_table_responsive td::after,
.shop_table_responsive td::before,
.cart_totals .shop_table_responsive td::after,
.cart_totals .shop_table_responsive td::before {
    content: '';
    display: table
}
.shop_table_responsive td::after,
.cart_totals .shop_table_responsive td::after {
    clear: both
}
.shop_table_responsive td[data-title]::before,
.cart_totals .shop_table_responsive td[data-title]::before {
	display: block;
    font-weight: 600;
    float: left;
	text-align: left;
	content: attr(data-title);
}

.cart_totals .shop_table_responsive td[data-title]::before {
	/* font-weight: normal; */
}










/* No label on these? */
.shop_table.shop_table_responsive td.product-remove::before,
.shop_table.shop_table_responsive td.product-remove::after,
.shop_table.shop_table_responsive td.actions::before,
.shop_table.shop_table_responsive td.download-actions::before {
    display: none
}
/* Sometimes the remove link is not present - But this only works with a template override of cart.php to remove whitespace :( */
.shop_table.shop_table_responsive td.product-remove:empty {
	display: none;
}
/* 6-22-19 - It's never really empty though because of whitespace. */
.bundled_table_item td.product-remove {
	display: none;
}


/* 5-21-19 - These need testing */
table.shop_table_responsive tr td.download-actions .button {
    display: block;
    text-align: center
}
table.shop_table_responsive.my_account_orders .order-actions {
    text-align: right
}
table.shop_table_responsive.my_account_orders .order-actions::before {
    display: none
}

/* Make the buttons in shop table rows a little shorter (/my-account/orders/) */
/* 7-2-20 Added left/right padding, inherit font size/line-height (seems better) (foley) */
.shop_table:not(.cart) .button {
	/*
	padding-top: 0;
	padding-bottom: 0;
	*/
	padding: 0 0.375em;
	/*font-size: 0.875em;*/
	font-size: inherit;
	line-height: inherit;
	margin-left: var(--space_xxsmall);
}

/* Remove that left margin on some because they're left-aligned? */
.shop_table .woocommerce-shipping-totals.shipping .button {
	margin-left: 0;
}


/* Variation <dl>s in cart rows */
/* 6-22-19 This has only been tested with Product Addons, not actual WC Variable Products... */
.variation {
	margin: 0;
	font-size: 0.875em;
}
.variation dt,
.variation dd {
	display: inline;
}

.variation dt {
	margin-right: 0.25em;
}
.variation dd {
	margin: 0;
}

.variation p {
	margin: 0;
	display: inline;
}

/* 7-2-21 - Deal with really long one-word values, like email addresses (sotlf) */
.variation dd * {
	word-wrap: anywhere;
}

.variation dd:after {
	content: "\A";
	white-space: pre;
}



/* Displaying cart table rows as flex allows us to move things around without template overrides :) */

.woocommerce-cart-form .cart {
	/*margin: 0;*/	/* Removed 10-29-20 - Calefs */
}
/* Allow margin collapsing */
.woocommerce-cart-form .cart,
.woocommerce-cart-form .cart tbody {
	display: block;
}

.woocommerce-cart-form .cart tr {
	display: flex;
	flex-direction: column;
	padding-top: var(--space_small);
	padding-bottom: var(--space_small);
	border-bottom: 1px solid var(--border_color);
}




/* Product Bundles specific */
/* This is the actual product bundle */
.woocommerce-cart-form .cart tr.bundle_table_item {
	padding-bottom: 0;
}

/* Try to improve the ui of bundled products... */
/* These are the bundled products */
tr.bundled_table_item,
.woocommerce-cart-form .cart tr.bundled_table_item {
	display: none;
	clear: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.woocommerce-cart-form .cart tr.bundled_table_item {
	padding-top: 0;
	float: left;
	width: 50%;
}
/* This seems hacky but until this plugin gets their shit together... */
/* item 1 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item {
	padding-right: var(--space_small);
}
/* item 2 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item {
	padding-left: var(--space_small);
}
/* item 3 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	clear: left;
	padding-right: var(--space_small);
}
/* item 4 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	padding-left: var(--space_small);
}
/* item 5 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	clear: left;
	padding-right: var(--space_small);
}
/* item 6 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	padding-left: var(--space_small);
}
/* item 7 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	clear: left;
	padding-right: var(--space_small);
}
/* item 8 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	padding-left: var(--space_small);
}
/* item 9 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	clear: left;
	padding-right: var(--space_small);
}
/* item 10 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	padding-left: var(--space_small);
}
/* item 11 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	clear: left;
	padding-right: var(--space_small);
}
/* item 12 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	padding-left: var(--space_small);
}
/* item 13 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	clear: left;
	padding-right: var(--space_small);
}
/* item 14 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	padding-left: var(--space_small);
}
/* item 15 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	clear: left;
	padding-right: var(--space_small);
}
/* item 16 */
.woocommerce-cart-form .cart tr.bundle_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item
+ .bundled_table_item {
	padding-left: var(--space_small);
}
/* Whatever comes after the last bundled item need a top-border */
.bundled_table_item + .cart_item:not(.bundled_table_item) {
	clear: left;
	border-top: 1px solid var(--table_border_color);
}

/* Add some text to explain that these are bundled products */
.bundle_table_item:after {
	content: 'This Product Bundle Includes:';
	order: 6;
	display: none; /* This seems like a cool idea, but needs work. Maybe some sort of toggle to show/hide the bundled products? */
}
.bundled_table_item .product-name {
	padding-bottom: 0;
}
.bundled_table_item .product-quantity {
	padding-top: 0;
}
.bundled_table_item .product-price,
.bundled_table_item .product-subtotal {
	display: none;
}



/* This is stupid - WC Extended Coupon Features Pro plugin... */
.woocommerce-cart-form .cart tr.wjecf-fragment-cart-select-free-product {
	margin: 0;
	padding: 0;
	border-bottom: none;
}
tr.wjecf-fragment-cart-select-free-product .wjecf-select-free-products {
	padding: 0;
}
/* This plugin adds inline styles to add margin to these (dumb) */
.woocommerce-cart-form table.cart td.actions .input-text,
.woocommerce-cart-form table.cart td.actions .button,
.woocommerce-cart-form table.cart td.actions .checkout-button {
	/* margin-bottom: 0 !important; */
}


.woocommerce-cart-form .shop_table_responsive tbody tr:first-child {
	/* 10-9-20 (Calefs) */
	/*
	border-top: none;
	padding-top: 0;
	*/
}


.woocommerce-cart-form .product-remove {
	order: 6;
}
.woocommerce-cart-form .product-thumbnail {
	order: 1;
}
.woocommerce-cart-form .product-name {
	order: 2;
}

.woocommerce-cart-form .product-price {
	order: 3;
}

.woocommerce-cart-form .product-quantity {
	order: 4;
}

.woocommerce-cart-form .product-subtotal {
	order: 5;
}

.woocommerce-cart-form .remove-icon {
	display: none;
}


.woocommerce-cart-form .product-quantity input {
	width: 80px;
	width: 60px; /* 12-22-19 This seems to work better? */
}


/* The variation <dl>s can be hard to read if right-aligned */
.woocommerce-cart-form .product-name {
	text-align: start;
}

/* 8-13-19 Not sure about this... */
/*
.woocommerce-cart-form .product-name > a,
.woocommerce-cart-form .product-name .bundled-product-name > a {
	float: right;
}
.woocommerce-cart-form .product-name > a + *,
.woocommerce-cart-form .product-name .bundled-product-name + * {
	clear: right;
}
*/

/**
 * Cart
 */



.ftm-parent-continue-shopping-link {
	margin-top: var(--space_normal);	
}


/* The coupon form displays inline */
/*
.actions .coupon {
	display: flex;
	align-items: center;
}
.actions .coupon input {
	min-width: 0;
}
.actions .coupon button {
	white-space: nowrap;
}
*/

/*
button[name="update_cart"] {
	margin-top: var(--space_large);
}
*/



/* Special case for shipping row */
.shop_table .woocommerce-shipping-totals td {
	text-align: inherit !important;
}
.woocommerce-shipping-totals td:before {
	padding-bottom: var(--space_normal);
	padding-right: var(--space_normal);
}
.woocommerce-shipping-methods {
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.woocommerce-shipping-methods input {
	margin-right: 0.5em;	
}
/* The "Update" button */
.shipping-calculator-form p:last-of-type {
	margin-bottom: 0;	
}






@media(min-width: 45em){


	.shop_table_responsive {
		display: table;
	}
	.shop_table_responsive tbody {
		display: table-row-group;
	}
	.shop_table_responsive tr {
		display: table-row;
	}
	.shop_table_responsive tfoot {
		display: table-footer-group;
	}
	.shop_table_responsive th,
	.shop_table_responsive td,
	.shop_table_responsive td:first-child:not(.actions) {
		display: table-cell;
	}
	
	/* 7-3-20 */
	.shop_table_responsive th,
	.shop_table_responsive td {
		text-align: center;	
	}
	.shop_table_responsive td:first-child {
		text-align: initial;
	}
	.shop_table_responsive th:last-child,
	.shop_table_responsive td:last-child {
		text-align: right;
	}
	/* Remove button styles on download links? (foley) */
	/* Only do this at bigger sizes? Leave to child theme? */
	.download-file a.button {
		display: inline;
		padding: 0;
		background-color: transparent;
		font-family: var(--text_font);
		font-size: inherit;
		line-height: inherit;
		text-transform: none;
		color: var(--link_color);
		text-decoration: underline;
	}
	
	
	/* Start to use this instead of the fake labels */
	.shop_table_responsive thead {
		display: table-header-group;
	}
	.shop_table_responsive th {
		display: table-cell;
	}
	.shop_table_responsive td[data-title]::before {
		display: none;
	}


	/* Special treatment for just cart table */
	.woocommerce-cart-form thead {
		display: block;
	}
	/* Line up <th> items to look like table  */
	.woocommerce-cart-form thead tr {
		display: flex;
		justify-content: flex-end;
	}
	.woocommerce-cart-form thead tr th {
		display: block;
	}
	/* This is empty anyway */
	.woocommerce-cart-form thead tr th.product-thumbnail {
		display: none;
	}

	/* NOTE: This needs to be defined for the above spacing to work. (The <th> and <td> share the same class) */
	.woocommerce-cart-form .cart .product-remove {
		min-width: 40px;
		text-align: right;
	}
	/* reset some bs :( */
	.shop_table.shop_table_responsive td.product-remove:empty {
		display: table-cell;
	}
	/* Each cart item now displays it's properties inline, like a table ;) */
	.woocommerce-cart-form .cart tr {
		flex-direction: row;
		align-items: center;
	}
	.woocommerce-cart-form .cart tbody tr:first-child {
		/*padding-top: var(--space_normal);*/

	}
	/* Limit the size of the images */
	.woocommerce-cart-form .product-thumbnail {
		width: 100px;
		flex-grow: 0;
		flex-shrink: 0;
		align-self: flex-start;
		padding-bottom: var(--space_xsmall);
		padding-top: var(--space_xsmall);
	}

	/* Cart item spacing */
	.woocommerce-cart-form .product-name,
	.woocommerce-cart-form .product-price,
	.woocommerce-cart-form .product-quantity,
	.woocommerce-cart-form .product-subtotal {
		min-width: 15%;
		/* padding-left: var(--space_xlarge); /* NOTE: This spacing lines up non-input fields with input quantity fields :) */
		padding-left: var(--space_normal); /* 12-21-19 This seems better. Not sure about above comment... */
		text-align: inherit;
	}
	.woocommerce-cart-form .product-name {
		flex-grow: 1;
	}
	.woocommerce-cart-form th.product-name {
		padding-left: 0
	}


	.woocommerce-cart-form .product-name > a,
	.woocommerce-cart-form .product-name .bundled-product-name > a {
		float: none;
	}
	.woocommerce-cart-form .product-name > a + *,
	.woocommerce-cart-form .product-name .bundled-product-name + * {
		clear: none;
	}

	/* Remove link changes from text to icon */
	.woocommerce-cart-form a.remove {
		display: inline-block;
		line-height: 1;
	}
	.woocommerce-cart-form .remove-icon {
		display: block;
		font-size: 2em;
		font-weight: bold;
	}
	.woocommerce-cart-form .remove-text {
		display: none;
	}


	/* Bundled Products specific */
	.woocommerce-cart-form .cart tr.bundle_table_item {
		padding-bottom: var(--space_normal);
	}
	/* Remove the 'This Product Bundle Includes:' on bundled products */
	.bundle_table_item::after {
		display: none;
	}
	.woocommerce-cart-form .cart tr.bundled_table_item {
		margin-top: calc( -1 * var(--space_normal) );
		padding-bottom: var(--space_normal);
	}
	.woocommerce-cart-form .bundled_table_item .product-quantity {
		display: none;
	}



}


@media(min-width: 64em){

	.woocommerce-cart .woocommerce {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start
	}
	.woocommerce-cart-form {
		width: 70%;
		padding-right: var(--space_xlarge);
	}
	.cart-collaterals {
		width: 30%;
	}

	.woocommerce-cart-form .cart td.actions {
		display: flex;
		width: 100%;
	}

	button[name="update_cart"] {
		margin-top: 0;
		/*margin-left: auto;*/ /* 10-29-20 - Calefs */
	}
	
	/* 7-29-20 Removed this */
	/*
	.cart-empty + .return-to-shop {
		margin-left: var(--space_large);
	}
	*/
	
	.cart-empty {
		min-width: 100%;
		margin: 0;	
	}
	
}




/**
 * Checkout
 */

/* 10-30-20 - REmoved this - better left to child themes? (calefs) */
/*
.ftm-wc-checkout-wrapper .woocommerce-form-login {
	display: flex;
	flex-direction: column;
	padding: var(--space_normal);
}
.ftm-wc-checkout-wrapper .woocommerce-form-login p {
	margin: var(--space_xsmall) 0;
	max-width: var(--max_width_narrow);
}
.ftm-wc-checkout-wrapper .woocommerce-form-login div.clear  {
	display: none;
}
*/


/*
.woocommerce-form-login-toggle,
.woocommerce-form-coupon-toggle {
	margin-bottom: var(--space_normal);
}
.woocommerce-form-coupon.checkout_coupon {
	display: flex;
	flex-wrap: wrap;
	padding: 0 var(--space_normal);
}
.woocommerce-form-coupon.checkout_coupon p:first-child {
	min-width: 100%;
	margin: var(--space_xsmall) 0;
}
.woocommerce-form-coupon.checkout_coupon p.form-row  {
	margin: var(--space_xsmall) 0;
}
.woocommerce-form-coupon.checkout_coupon p.form-row-first  {
	margin-right: var(--space_small);
}
*/


.woocommerce-shipping-methods label,
.woocommerce-checkout-payment label {
	display: inline;
	font-weight: inherit;
}

ul.wc_payment_methods,
ul.wc-saved-payment-methods {
	list-style: none;
	padding: 0;
	margin: 0; /* 7-14-21 - sotlf */
}

/* 12-20-19 */
/* This does keep the table from overflowing it's contianer, but the cell content still overflows the cells */
.woocommerce-checkout-review-order-table {
	/* table-layout:fixed; */ 
}
/* What if we try to flexbox-out this table, like the cart? */
/* TODO: Apply these same styles to .shop_table.order_details tables (wc thank-you page and /my-account/view-order/xxxx endpoint) */
.woocommerce-checkout-review-order table,
.woocommerce-checkout-review-order thead,
.woocommerce-checkout-review-order tbody,
.woocommerce-checkout-review-order tfoot,
.woocommerce-checkout-review-order tr,
.woocommerce-checkout-review-order th,
.woocommerce-checkout-review-order td {
	display: block;
}
.woocommerce-checkout-review-order tr {
	display: flex;
	flex-wrap: wrap;
	border: 0;
	/*border-top: 1px solid var(--table_border_color);*/ /* 8-3-20 - Removed this, better handled by child themes. (foley) */
}
.woocommerce-checkout-review-order thead tr {
	justify-content: space-between;
	border: 0;
}
.woocommerce-checkout-review-order .product-name {
	margin-left: 0;
	margin-right: auto;
}
.woocommerce-checkout-review-order td {
	margin-left: auto;
}


.woocommerce-remove-coupon {
	text-decoration: none;
	font-size: 0; /* Remove [Remove] text on coupons? */
}
.woocommerce-remove-coupon::before {
	content: "\00d7";
	font-size: 1rem;
}

/* Shipping methods shouldn't be right-aligned */
.woocommerce-checkout-review-order tr.shipping td {
	text-align: inherit;	
}

.woocommerce-PaymentMethods {
	list-style: none;
	padding: 0;	
}
/* Just in case labels are getting displayed inline-block or block */
.woocommerce-PaymentMethods li label {
	display: initial;
}



/* Special styling for this table */
.woocommerce-checkout-review-order-table .cart-subtotal th,
.woocommerce-checkout-review-order-table .cart-discount th,
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals th,
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .recurring-totals th {
	padding-left: 0;
}
.woocommerce-checkout-review-order-table .cart-subtotal td,
.woocommerce-checkout-review-order-table .cart-discount td,
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals td,
.woocommerce-checkout-review-order-table .order-total td {
	padding-right: 0;
}




@media screen and (min-width: 35em) {

	.col2-set .form-row-first {
		float: left;
		padding-right: var(--space_xsmall);
	}
	.col2-set .form-row-last {
		float: right;
		padding-left: var(--space_xsmall);
	}
	.col2-set .form-row-first,
	.col2-set .form-row-last {
		width: 50%;
		margin: 0;
	}
	.col2-set .form-row-last + * {
		clear: both;
		margin-top: 0;
		padding-top: 1em;
	}

}


@media screen and (min-width: 64em) {



	/* 10-30-20 - Removed - better left to shild themes? (calefs) */
	/*
	.ftm-wc-checkout {
		display: flex;
		align-items: flex-start;
	}
	.ftm-wc-checkout-customer-details {
		width: 68.75%;
		padding-right: var(--space_xlarge);
	}
	.ftm-wc-checkout-order-review {
		width: 31.25%;
	}
	*/
	
}










/**
 * General WooCommerce components
 */
/**
 * Header cart
 */
.site-header-cart .cart-contents {
	text-decoration: none;
	display: block;
	white-space: nowrap;
}
.site-header-cart .widget_shopping_cart {
	display: none;
}
.site-header-cart .product_list_widget {
	margin: 0;
	padding: 0;
}


/*
ul.cart_list {
	display: table;
	table-layout: fixed;
}
.cart_list li {
	display: table-row;
}
.cart_list li > * {
	display: table-cell;
}
*/


ul.woocommerce-mini-cart {
	list-style: none;
	margin: 0;
	padding: 0;

}




/**
 * Star rating
 */
.star-rating {
	overflow: hidden;
	position: relative;
	height: 1.618em;
	line-height: 1.618;
	font-size: 1em;
	width: 5.3em;
	font-family: 'star';
	font-weight: 400;
}

.star-rating:before {
	content: "\53\53\53\53\53";
	opacity: .25;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
}

.star-rating span:before {
	content: "\53\53\53\53\53";
	top: 0;
	position: absolute;
	left: 0;
	color: var(--primary_color, royalblue);
}

p.stars a {
	position: relative;
	height: 1em;
	width: 1em;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
	margin-right: 1px;
	font-weight: 400;
}

p.stars a:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-family: "star";
	content: "\53";
	color: #404040;
	text-indent: 0;
	opacity: .25;
}

p.stars a:hover ~ a:before {
	content: "\53";
	color: #404040;
	opacity: .25;
}

p.stars:hover a:before {
	content: "\53";
	color:  var(--primary_color, royalblue);
	opacity: 1;
}

p.stars.selected a.active:before {
	content: "\53";
	color: var(--primary_color, royalblue);
	opacity: 1;
}

p.stars.selected a.active ~ a:before {
	content: "\53";
	color: #404040;
	opacity: .25;
}

p.stars.selected a:not(.active):before {
	content: "\53";
	color: var(--primary_color, royalblue);
	opacity: 1;
}


/**
 * WC Icon Fonts
 *
 */
[class^="wcicon-"], [class*=" wcicon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'WooCommerce' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wcicon-storefront:before {
    content: "\e900";
}
.wcicon-ccv:before {
    content: "\e604";
}
.wcicon-virtual:before {
    content: "\e000";
}
.wcicon-up-down:before {
    content: "\e022";
}
.wcicon-reports:before {
    content: "\e023";
}
.wcicon-refresh:before {
    content: "\e031";
}
.wcicon-navigation:before {
    content: "\e032";
}
.wcicon-status-fill:before {
    content: "\e03c";
}
.wcicon-contract:before {
    content: "\e004";
}
.wcicon-downloadable:before {
    content: "\e001";
}
.wcicon-plus:before {
    content: "\e007";
}
.wcicon-simple:before {
    content: "\e006";
}
.wcicon-on-hold:before {
    content: "\e033";
}
.wcicon-external:before {
    content: "\e034";
}
.wcicon-contract-2:before {
    content: "\e036";
}
.wcicon-expand-2:before {
    content: "\e035";
}
.wcicon-phone:before {
    content: "\e037";
}
.wcicon-user:before {
    content: "\e038";
}
.wcicon-status:before {
    content: "\e039";
}
.wcicon-status-pending:before {
    content: "\e012";
}
.wcicon-status-cancelled:before {
    content: "\e013";
}
.wcicon-west:before {
    content: "\e02f";
}
.wcicon-south:before {
    content: "\e02e";
}
.wcicon-mail:before {
    content: "\e02d";
}
.wcicon-inventory:before {
    content: "\e02c";
}
.wcicon-attributes:before {
    content: "\e02b";
}
.wcicon-north:before {
    content: "\e02a";
}
.wcicon-east:before {
    content: "\e029";
}
.wcicon-note:before {
    content: "\e028";
}
.wcicon-windows:before {
    content: "\e027";
}
.wcicon-user2:before {
    content: "\e026";
}
.wcicon-search-2:before {
    content: "\e025";
}
.wcicon-search:before {
    content: "\e024";
}
.wcicon-star-empty:before {
    content: "\e021";
}
.wcicon-share:before {
    content: "\e030";
}
.wcicon-phone-fill:before {
    content: "\e03b";
}
.wcicon-woo:before {
    content: "\e03d";
}
.wcicon-user-fill:before {
    content: "\e03a";
}
.wcicon-grouped:before {
    content: "\e002";
}
.wcicon-status-refunded:before {
    content: "\e014";
}
.wcicon-status-completed:before {
    content: "\e015";
}
.wcicon-variable:before {
    content: "\e003";
}
.wcicon-expand:before {
    content: "\e005";
}
.wcicon-status-failed:before {
    content: "\e016";
}
.wcicon-check:before {
    content: "\e017";
}
.wcicon-right:before {
    content: "\e008";
}
.wcicon-up:before {
    content: "\e009";
}
.wcicon-query:before {
    content: "\e018";
}
.wcicon-down:before {
    content: "\e00a";
}
.wcicon-truck-1:before {
    content: "\e019";
}
.wcicon-left:before {
    content: "\e00b";
}
.wcicon-truck-2:before {
    content: "\e01a";
}
.wcicon-image:before {
    content: "\e00c";
}
.wcicon-globe:before {
    content: "\e01b";
}
.wcicon-link:before {
    content: "\e00d";
}
.wcicon-gear:before {
    content: "\e01c";
}
.wcicon-calendar:before {
    content: "\e00e";
}
.wcicon-cart:before {
    content: "\e01d";
}
.wcicon-processing:before {
    content: "\e00f";
}
.wcicon-card:before {
    content: "\e01e";
}
.wcicon-view:before {
    content: "\e010";
}
.wcicon-stats:before {
    content: "\e01f";
}
.wcicon-status-processing:before {
    content: "\e011";
}
.wcicon-star-full:before {
    content: "\e020";
}
.wcicon-coupon:before {
    content: "\e600";
}
.wcicon-limit:before {
    content: "\e601";
}
.wcicon-restricted:before {
    content: "\e602";
}
.wcicon-edit:before {
    content: "\e603";
}


/**
 * Tabs
 */

.woocommerce-tabs ul.tabs {
	list-style: none;
	/*
	margin: 0;
	padding: 0;
	*/
}

/*
.woocommerce-tabs ul.tabs li {
	display: block;
	margin: 0;
	position: relative;
}

.woocommerce-tabs ul.tabs li a {
	padding: 1em 0;
	display: block;
}

.woocommerce-tabs .panel h2:first-of-type {
	margin-bottom: 1em;
}
*/

/**
 * Password strength meter
 */
.woocommerce-password-strength {
	text-align: right;
}

.woocommerce-password-strength.strong {
	color: var(--color_success);
}

.woocommerce-password-strength.short {
	color: var(--color_notice);
}

.woocommerce-password-strength.bad {
	color: var(--color_error);
}

.woocommerce-password-strength.good {
	color: var(--color_correct);
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
	box-shadow: inset 2px 0 0 #0f834d;
}

.form-row.woocommerce-invalid input.input-text {
	box-shadow: inset 2px 0 0 #e2401c;
}

.required {
	color: red;
}


.demo_store {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 1em;
	background-color: #3D9CD2;
	z-index: 9999;
}

@media screen and (min-width: 48em) {
	/**
	 * Header cart
	 */
	.site-header-cart .widget_shopping_cart {
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 999999;
		left: -999em;
		display: block;
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	}
	.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
		left: 0;
		display: block;
	}
}

/**
 * WooCommerce widgets
 */
/**
 * WooCommerce Price Filter
 */


 /* 6-1-19 - This still needs to be reworked... */
.widget_price_filter .price_slider {
	margin-bottom: 1.5em;
}

.widget_price_filter .price_slider_amount {
	text-align: right;
	line-height: 2.4em;
}

.widget_price_filter .price_slider_amount .button {
	float: left;
	line-height: normal;
}

.widget_price_filter .ui-slider {
	position: relative;
	text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	cursor: ew-resize;
	outline: none;
	background: var(--primary_color);
	box-sizing: border-box;
	margin-top: -.25em;
	opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
	margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
	box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border: 0;
	background: var(--primary_color);

	/* Ned this if you want to make the handles round */
	border-radius: 0.5em;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
	background: rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider-horizontal {
	height: .5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
	height: 100%;
}