/*
 Theme Name:   Make-Purism
 Theme URI:    https://puri.sm
 Description:  Make-Purism theme, based on Make theme
 Author:       Purism
 Author URI:   https://puri.sm
 Template:     make
 Version:      1.0.0
 Tags:         one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, buddypress, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, footer-widgets, blog, e-commerce, education, entertainment, food-and-drink, holiday, news, photography, portfolio
 Text Domain:  make
*/

/*
 Customize classes for order statuses that are shown on Orders and Order Details page.
 Different statuses are displayed in different colors and show a different icons.
 Status 'completed' is shown as 'shipped', and 'processing' is shown as 'awaiting shipment',
 which was defined in themefolder/woocommerce/myaccount/view-order.php, and
 themefolder/woocommerce/myaccount/orders.php.
*/
b.pending,
span.pending {
	color: #ffba00;
}

b.pending:before,
span.pending:before {
	content: "\e012";
	font-family: WooCommerce;
	padding-right: .25em;
}

b.processing,
span.processing {
	color: #ff8000;
}

b.processing:before,
span.processing:before {
	content: "\e006";
	font-family: WooCommerce;
	padding-right: .25em;
}

b.on-hold,
span.on-hold {
	color: #999;
}

b.on-hold:before,
span.on-hold:before {
	content: "\e033";
	font-family: WooCommerce;
	padding-right: .25em;
}

b.completed,
span.completed {
	color: #00bf00;
}

b.completed:before,
span.completed:before {
	content: "\e019";
	font-family: WooCommerce;
	padding-right: .25em;
}

b.cancelled,
span.cancelled {
	color: #a00;
}

b.cancelled:before,
span.cancelled:before {
	content: "\e013";
	font-family: WooCommerce;
	padding-right: .25em;
}

b.refunded,
span.refunded {
	color: #999;
}

b.refunded:before,
span.refunded:before {
	content: "\e014";
	font-family: WooCommerce;
	padding-right: .25em;
}

b.failed,
span.failed {
	color: #d0c21f;
}

b.failed:before,
span.failed:before {
	content: "\e016";
	font-family: WooCommerce;
	padding-right: .25em;
}

/* Making sure labels and select boxes are all the same width on product page */
table.variations td.label,
.tm-epo-field-label.tm-left,
.tm-epo-field-label.tm-right {
	width: 33% !important;
}

.tm-epo-field-label.tm-left + .tm-extra-product-options-container,
.tm-epo-field-label.tm-right + .tm-extra-product-options-container {
	width: 63% !important;
}

/*
table.variations td.value a.reset_variations,
p.price,
div.woocommerce-variation-price {
  display: none !important;
}
*/

/* Hide component tile (displayed by Composite Products plugin) */
.composite_component.static .component_title_wrapper {
	display: none;
}

/* Hide the Clear button below the components options */
.reset_variations_wrapper {
	display: none !important;
}

/* Adjust the margin, padding, and font-size for component price */
.component .component_wrap > .single_variation .price,
.single-product .component div.product .component_wrap > .single_variation .price,
.component .component_wrap > .single_variation .woocommerce-variation-description p:first-child {
	margin-top: 0 !important;
	font-size: 1em;
}
.composite_form:not(.paged) .component .component_inner {
	padding-bottom: 0.5em !important;
}

/* Hide the * indicating required components, since all components are required */
.composite_form table.variations .required {
	display: none;
}

/* Hide product description when product is included as an optional in the composite product */
.bundled_product_excerpt.product_excerpt {
	display: none;
}

/* Fix label positions of the extra product options plugin */
/*.tm-epo-field-label.tm-left {
	width: inherit;
}*/

/* Adjust the title of optional components (privacy screen, usb...) in composite products */
.composite_component .component_title_wrapper h2 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0;
}

/* Hide "Available options" text shown above select menu for optional components */
.composite_component .component_section_title {
	display: none;
}