/*
Theme Name: UHP

WooCommerce styles override
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Alerts
2.0 WC Pages
	2.1 General Page Formatting
	2.2 My Account
	
3.0 Shop Tables
4.0 Products
5.0 Single Product
	5.1 General
	5.2 Product Gallery
	5.3 Summary
	5.4 Tabs
	
6.0 Cart/Checkout
	6.1 Cart
	6.2 Checkout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Alerts
--------------------------------------------------------------*/
.onsale {
	color: red;
	font-weight: 700;
	text-transform: uppercase;
}


/**
 * Notices
 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
	display: block;
	width: 100%;
	background-color: #e6e6e6;
	color: #808080;
	text-align:center;
	padding: .5em;
	margin: 1em auto;
	clear: both;
}

.woocommerce-error {
	color:red;
	margin: 1em auto;
	padding-left: 1.5em;
	list-style: disc inside;
}

.woocommerce-error a {
	font-weight: 700;
}

.demo_store {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	margin: 0;
	padding: 1em;
	background-color: #e6e6e6;
	text-align: center;
	box-shadow: 0px 3px 5px #404040;
	z-index: 9999;
}

.demo_store a {
font-weight:700;	
}

/*--------------------------------------------------------------
2.0 WC Pages
--------------------------------------------------------------*/

/*	2.1 General Page Formatting
---------------------------------------------------------------*/
.woocommerce-cart h1.entry-title,
.woocommerce-account h1.entry-title {
	display: none;
}

.woocommerce .u-columns .u-column1,
.woocommerce .u-columns .u-column2 {
	flex: 1;
	padding: 1em;
}

nav.woocommerce-pagination ul {
	display: flex;
	justify-content:center;
}

nav.woocommerce-pagination ul li {
	margin: .325em;
}


/*	2.2 My Account
---------------------------------------------------------------*/
.woocommerce-account .logged-in h1.entry-title {
	display:block;
}

/* login page */
#customer_login,
.woocommerce-MyAccount-content .woocommerce-Addresses {
	display: flex;
	width: 90%;
	margin:2.5em auto;
	background: #f8f8f8;
	border-radius: 5px;
	box-shadow: 0px .1em .375em;
}

#customer_login .woocommerce-LostPassword {
	font-weight: 700;
}

#customer_login button,
.woocommerce-Address {
	margin-bottom: 1em; 
}

/* My Account Navigation */
nav.woocommerce-MyAccount-navigation>ul {
	display: flex;
	justify-content: space-around;
	list-style:none;
	border-bottom: 1px solid #000;
	margin: 0 0 1em;
}

nav.woocommerce-MyAccount-navigation>ul>li>a {
	
}

nav.woocommerce-MyAccount-navigation>ul>li {
	height: 3em;
	width: 100%;
	border-radius: 10px 10px 0 0;
	font-weight: 700;
	text-align: center;
}

nav.woocommerce-MyAccount-navigation>ul>li>a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	margin: 0;
	padding:0 1em;
}

nav.woocommerce-MyAccount-navigation>ul>li:hover,
nav.woocommerce-MyAccount-navigation>ul>li.is-active {
	background: #87B04D;
}

nav.woocommerce-MyAccount-navigation>ul>li.is-active {
	border:1px solid #ccc;
}

nav.woocommerce-MyAccount-navigation>ul>li:hover>a:hover,
nav.woocommerce-MyAccount-navigation>ul>li.is-active>a {
	color: #f8f8f8;
}

nav.woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}

/* My Account Content */
.woocommerce-MyAccount-content {
	padding: 1em;
}

.woocommerce-MyAccount-content a {
	font-weight: 700;
}

.woocommerce-MyAccount-content a:hover {
	opacity: .8;
}

.woocommerce-MyAccount-content h3 {
	margin: 1em 0;
	font-family: GothamBook, Arial, sans-serif;
	font-size: 1.25em;
}

/* Edit Form Pages */
.woocommerce-edit-address .woocommerce-MyAccount-content form,
.woocommerce-edit-account .woocommerce-MyAccount-content form {
	width: 95%;
	margin: 1em auto;
	padding: 3em 1em 1em;
	background: #f8f8f8;
	border-radius: 5px;
	box-shadow: 0px .1em .375em;
}

.woocommerce-edit-address .woocommerce-MyAccount-content form h3,
.woocommerce-edit-address .woocommerce-MyAccount-content p,
.woocommerce-edit-account .woocommerce-MyAccount-content p {
	width: 60%;
	margin: 0 auto 1.5em;
}

.woocommerce-edit-address .woocommerce-address-fields__field-wrapper input,
.woocommerce-edit-account input {
	width: 100%;
}

.woocommerce-edit-account .woocommerce-MyAccount-content span {
	font-size:.9em;
	font-style:italic;
}

.woocommerce-edit-account fieldset {
	width:70%;
	margin: 0 auto 1.5em;
	padding: 1em;
}

.woocommerce-edit-account fieldset legend {
	font-weight: 700;
	opacity: .8;
}

@media only screen and (max-width:1025px)
{
	.woocommerce-account #secondary {
		width:100%;
		order:3;
	}
}

/*--------------------------------------------------------------
3.0 Shop Tables
--------------------------------------------------------------*/

table.shop_table_responsive {
	width: 100%;
}

table.shop_table_responsive thead {
	display: none;

}

table.shop_table th,
table.shop_table_responsive th {
	padding: .375em 1em;
	background: #f8f8f8;
	text-align: inherit;
}

table.shop_table td,
table.shop_table_responsive td {
	border-top: 1px solid rgba(0,0,0,.1);
	padding: .375em 1em;
	vertical-align: middle;
}

table.woocommerce-checkout-review-order-table tfoot {
	text-align: right;
}

table.shop_table_responsive label {
	display: inline;
 }
 

table.shop_table_responsive tbody th {
	display: none;
}

table.shop_table_responsive tr td {
	display: block;
	text-align: right;
	clear: both;
}

table.shop_table_responsive tr td:before {
	content: attr(data-title) ": ";
	float: left;
}

table.shop_table_responsive tr td.product-remove a {
	    display: inline-block;
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: red!important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
}

table.shop_table_responsive tr td.product-thumbnail img {
	width: 6.25em;
	box-shadow: 3px 3px 1px #888;
	border: 1px solid #888;
}

table.shop_table td.product-quantity,
table.shop_table_responsive td.product-quantity {
	white-space: nowrap;
}

table.shop_table input.qty,
table.shop_table_responsive input.qty {
	max-width: 5em;
}

table.shop_table_responsive tr td.product-remove:before {
	display: none;
}

table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before {
	display: none;
}

table.shop_table_responsive tr td.download-actions .button {
	display: block;
	text-align: center;
}

table.shop_table_responsive tr td.actions button {
	float:right;
}

table.shop_table_responsive tr td.actions .coupon {
	float:left;
}

table.shop_table_responsive tr td.actions .coupon label {
	font-weight: 700;
}

table.shop_table_responsive tr td.actions .coupon #coupon_code {
	margin: 0 .375em;
}
	
table.shop_table_responsive tr td.actions .coupon button {
	float: none;
}

@media screen and (min-width: 48em) {
	table.shop_table_responsive thead {
		display: table-header-group;
	}
	table.shop_table_responsive tbody th {
		display: table-cell;
	}
	table.shop_table_responsive tr th, table.shop_table_responsive tr td {
		text-align: left;
	}
	table.shop_table_responsive tr td {
		display: table-cell;
	}
	table.shop_table_responsive tr td:before {
		display: none;
	}
}
/*--------------------------------------------------------------
4.0 Products
--------------------------------------------------------------*/
ul.products {
	content: "";
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	line-height:inherit;
}

ul.products li.product {
	list-style: none;
	position: relative;
	margin: 1em 0;
	text-align: center;
}

ul.products li.product .woocommerce-loop-product__title {
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight:normal;
	text-transform: none;
	letter-spacing: normal;
}

ul.products li.product img {
	display: block;
	max-height:12em;
	width: auto;
	margin: .325em auto;
	box-shadow: 3px 3px 1px #888;
}

ul.products li.product a {
	text-decoration: none;
}

ul.products li.product a>*:hover {
	opacity: .8;
}

ul.products li.product .uhp-price {
	font-size: .9em;
	font-weight: 700;
}

ul.products li.product .uhp-price del {
	color: #000;
}

ul.products li.product .uhp-price ins {
	color: #F00;
}


@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%;
	}
}


/*--------------------------------------------------------------
5.0 Single Product
--------------------------------------------------------------*/

/*	5.1 General
---------------------------------------------------------------*/
.single-product .woocommerce-breadcrumb {
	margin-bottom:1.25em;
}

.single-product div.product {
	display:flex;
	flex-wrap:wrap;
	font-family: GothamBook, Arial, sans-serif;
}

.single-product h2.uhp-subtitle {
	margin:0 0 .5em;
	font-family: GothamBook, Arial, sans-serif;
	font-size:1.1em;
	text-transform: none;
}

/*	5.2 Product Gallery
---------------------------------------------------------------*/
.single-product div.product .woocommerce-product-gallery {
	flex:1;
	margin: 1em;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
	margin-bottom: .5em;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	display: flex;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
	list-style: none;
	cursor: pointer;
	margin-left:.5em;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:first-child {
	margin-left:0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	opacity: .5;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
	opacity: 1;
}

/*	5.3 Summary
---------------------------------------------------------------*/
.single-product .summary {
	flex:2;
	margin: 1em .5em;
}

.single-product .summary h1.product_title {
	font-size: 1.5em;
	font-weight: 700;
	margin: 0;
}

.single-product .summary .uhp-product-info {
	margin: 1em 0;
}

.single-product .summary ul.uhp-awards li {
	font-style: italic;
	margin: .25em 0;
}

.single-product .summary h3 {
	letter-spacing: normal;
	font-weight: 700;
}

.single-product .summary .uhp-byline {
	font-weight:700;
}

.single-product .summary .uhp-series {
	margin: .25em 0;
}

.single-product ul.uhp-section li {
	margin: .5em 1em;
	font-style: italic;
}



.single-product #uhp-pricing {
	max-width: 80%;
	margin-top:1em;
}

.single-product #uhp-pricing .uhp-price {
	font-size: 1.25em;
	font-weight: normal;
}

.single-product h2.uhp-product-heading {
	display:flex;
	justify-content: space-between;
	margin: .5em 0;
	padding: .375em;
	font-family: GothamBook, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	letter-spacing:normal;
}

.single-product .open h2.uhp-product-heading {
	color: #fff;
	background: #87B04D;
}

.single-product h2.uhp-product-heading:hover {
	color: #fff;
	background: #87B04D;
}

.single-product #uhp-pricing .uhp-variation,
.single-product .product_cat-journal #uhp-pricing .open .uhp-variation {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #404040;
		padding:.5em 0;
}

.single-product #uhp-pricing .uhp-product-section
{
	margin:.5em 0;
}

.single-product .product_cat-journal #uhp-pricing .uhp-variation {
	display:none;
}

.single-product #uhp-pricing .uhp-note {
	margin: 1em 0;
	font-size:.9em;
	color: red;
}

.single-product #uhp-pricing .uhp-var-info,
.uhp-info {
	margin: 0 1em;
}

.single-product #uhp-pricing ins {
	color: red;
	text-decoration:none;
}

.single-product .uhp-button {
	display: flex;
	justify-content:center;
	align-items: center;
	padding:.5em;
	width: 8em;
	background: #87B04D;
	text-transform:UPPERCASE;
	border: 1px solid #ccc;
	border-radius:3px;
	text-align:center;
	color:#fff;
	font-size: 1em;
	cursor: pointer;
	font-weight: normal;
}

.single-product .uhp-button:hover  {
	opacity: .8;
}

.single-product .uhp-button a {
	color: #fff;
	text-decoration:none;
}

.single-product .uhp-button a:hover {
	opacity: 1;
}

.single-product .summary .uhp-share {
	display:flex;
	margin: 1em 0;
}

.single-product .summary .uhp-share .woo-social-buttons {
	margin: 0 .5em;
}

.single-product .summary .uhp-share .woo-social-buttons span.custom {
	float:left;
	margin: 0 .5em 0 0;
}

.uhp-qty {
	display: flex;
	justify-content: flex-start;
	align-items:center;
}

.uhp-qty input{
	width:4em;
	margin: 0 1em;
}

.uhp-issue-form {
	display: flex;
	justify-content: flex-start;
	margin: 1em;
}

/*	5.4 Tabs
---------------------------------------------------------------*/

.single-product #uhp-tabs {
	margin: 1em 0;
	width: 100%;
}

.single-product #uhp-tabs ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.single-product #uhp-tabs .uhp-tab-panel ul {
	display: block;
}

.single-product #uhp-tabs .uhp-tab-panel ul li {
	margin:1em;
}

.single-product #uhp-tabs ul.uhp-single-issues li {
	margin: .25em 1em;
	font-style: italic;
}

li.uhp-tab.active {
	opacity: 1;
}

li.uhp-tab {
	background: #87B04D;
	height: 40px;
	margin: 0;
	padding: 0 .25em;
	text-align: center;
	font-size: .75em;
	text-transform: uppercase;
	border-left: 1px solid #f8f8f8;
	flex: 1;
	opacity: .75;
}

li.uhp-tab:hover {
	opacity:1;
}

li.uhp-tab a {
	color: #fff;
	text-decoration: none;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.uhp-tab-panel {
	padding: 1.25em;
	width: 100%;
	order: 1;
	display: none;
	min-height: 30em;
}

li.uhp-tab.active+li.uhp-tab-panel {
	display: block;
}


@media only screen and (max-width:1000px)
{
	.single-product #secondary {
		width:100%;
		order:3;
	}
}

@media only screen and (max-width:640px) {
	.single-product div.product {
		flex-direction: column;
	}
}


.uhp-author-tab ul,
.uhp-author-tab ol {
	list-style-type: disc;
}


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

.stock.in-stock {
	color: #0f834d;
}

.stock.out-of-stock {
	color: #e2401c;
}


/*--------------------------------------------------------------
6.0 Cart/Checkout
--------------------------------------------------------------*/

/*	6.1 Cart
---------------------------------------------------------------*/
.cart_totals h2 {
	font-size: 1.25em;
	font-family: GothamBook, Arial, sans-serif;
	letter-spacing:normal;
	text-transform: none;
	margin: 1em 0;
	font-weight: normal;
}

.cart_totals table.shop_table {
	width: 100%;
	margin-bottom:1.5em;
}

.woocommerce .cart-subtotal th {
	background: #f2f2f2;
	border-top: 1px solid rgba(0,0,0,.1);
}

.woocommerce .shipping th {
	border-top: 1px solid rgba(0,0,0,.1);
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.woocommerce-cart table.woocommerce-cart-form__contents td.actions {
	padding-top: 1em;
}


/*	6.2 Checkout
---------------------------------------------------------------*/
.woocommerce-NoticeGroup-checkout {
	width: 100%;
}

.sectionLabel {
	text-decoration:underline;
}

.woocommerce-checkout form.checkout.woocommerce-checkout {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details {
	display:flex;
	flex-direction:column;
	flex: 1;
	margin: 1em;
}

.woocommerce-checkout form.checkout.woocommerce-checkout div.uhp-column {
	flex: 1;
	margin: 1em;
}

.woocommerce-checkout form.checkout.woocommerce-checkout h3 {
	font-family: GothamBook, Arial, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	text-transform: none;
	margin: 1em 0;
	letter-spacing: normal;
}

.woocommerce-terms-and-conditions-checkbox-text {
	font-size: 1.25em;
	font-weight: 700;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox input.woocommerce-form__input-checkbox {
	height: 1.25em;
	width: 1.25em;
	margin: 0 .5em;
}

/* Address fields */
.woocommerce-checkout form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.woocommerce-checkout form.woocommerce-checkout .form-row-wide {
	width:100%;
}

.woocommerce-checkout form.woocommerce-checkout .form-row-first,
.woocommerce-checkout form.woocommerce-checkout .form-row-last {
	width:50%;
}

.woocommerce-checkout form.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout form.woocommerce-checkout .woocommerce-input-wrapper .select2-container {
	width:98%!important;
	background: #f2f2f2;
	border:0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
}

.woocommerce-checkout #order_comments {
	height: 6em;
	width: 100%;
}

.woocommerce-checkout ul {
	list-style: none;
	line-height: inherit;
}

/* order review */
#shipping_method {
	font-size: .9em;
	text-align:left;
	list-style:none;
	line-height: inherit;
}

#shipping_method label {
	display: inline;
	margin-left: .375em;
}

#shipping_method li {
	margin: .375em 0;
}

/* payment */
.woocommerce-checkout li.wc_payment_method label {
	display: flex;
	align-items: center;
}

.woocommerce-checkout li.wc_payment_method label img {
	margin: .375em;
	border:1px solid;
	border-color: rgba(0,0,0,.8);
}




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

.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: #0f834d;
}

.woocommerce-password-strength.short {
	color: #e2401c;
}

.woocommerce-password-strength.bad {
	color: #e2401c;
}

.woocommerce-password-strength.good {
	color: #3D9CD2;
}

/**
 * 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;
}



/**
 * WooCommerce widgets
 */
/**
 * WooCommerce Price Filter
 */
.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;
}

.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;
	cursor: ew-resize;
	outline: none;
	background: royalblue;
	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: royalblue;
}

.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%;
}

/* productpage */
.single-product .product {
	display:flex;
}

.woocommerce-product-gallery__image {
	border:1px solid #888;
}

.variation-MUSE {
	display:none;
}

.uhp-online {
	display: flex;
	align-items:flex-end;
	margin: 1em;
}


.uhp-link {
	margin: 1em;
	text-align: center;
	height:150px;
	font-size: .9em;
}

.uhp-link img {
	margin: 0 auto;
	max-height: 100%;
	max-width: 100%;
}


/*  NEW STUFF */

.product_cat-bundle .uhp-product-info {
	display:none;
}

.single-product .product_cat-bundle #uhp-pricing .uhp-price {
	font-size:1em;
}

.single-product .product_cat-bundle #uhp-pricing .onsale {
	display:none;
}

.single-product #content div.product_cat-bundle .woocommerce-product-gallery__image {
	border: none;
}

.single-product #content div.product_cat-bundle .woocommerce-product-gallery {
	flex:0 1 100%;
}

.single-product #content div.product_cat-bundle .woocommerce-product-gallery img {
	margin: 0 auto;
}