/********************************************************************************************************************
*********************************************************************************************************************

SITE

*********************************************************************************************************************
********************************************************************************************************************/

html,
body,
#content {
	color:			rgba(70, 94, 114, 1);
}

input,
button {
	font-size:		1rem;
}

header {
	height:			122px;
}

h1 {
	margin:			1rem 0;
	font-size:		1.5rem;
	line-height:		2rem;
}

h2 {
	font-size:		1.125rem;
	line-height:		1.125rem;
	margin:			2rem 0 1rem;
}

#m_slider,
#slider,
.woocommerce-page #bottom_gradient {
	display:		none;
}

#main_content {
	position:		relative;
	top:			0;
	padding:		0 calc(50% - 430px);
}

.m_spacer {
	height:			1rem;
}

.orderby {
	padding:		.5rem .75rem;
	background:		transparent;
	border:			1px solid rgba(70, 94, 114, 1);
	border-radius:		1rem;
}


/********************************************************************************************************************
*********************************************************************************************************************

SHOP

*********************************************************************************************************************
********************************************************************************************************************/


h1, h2, h3,
.single-product .product-category + p,
.single-product .single_add_to_cart_button {
	color:			rgba(70, 94, 114, 1);
}

a.wc-backward {
	display:		inline-block;
	padding:		.5rem .75rem;
	color:			#fff;
	background:		rgba(70, 94, 114, 1);
	border-radius:		1rem;
	text-align:		center;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
	opacity:		100 !important;
}

h1.page-title,
.woocommerce-result-count,
.woocommerce-loop-product__title,
.product-right p,
.servings,
.woocommerce-Price-amount {
	color:			#465e72;
}

#content {
	padding:		0 2rem;
}

#social-media-home,
.screen-reader-text {
	display:		none;
}

.servings {
	display:		block;
	margin:			0 0 .5rem;
	font-weight:		bold;
	flex:			1;
}

.product-right {
	display:		flex;
	flex-direction:		column;
}

.product-right p {
	margin:			.75rem 0;
}

.cart-settings {
	display:		flex;
	align-items:		center;
}

.price {
	margin:			0 .5rem 0 0;
	padding:		0 .5rem 0 0;
	font-weight:		bold;
	border-style:		solid;
	border-width:		0 2px 0 0;
	border-color:		#465e72;
}

.quantity {
	display:		inline-block;
}

.add_to_cart_button {
	display:		inline-block;
	background:		url(../../images/cart.png) no-repeat center center;
	background-size:	1.5rem;
	width:			2rem;
	height:			2rem;
	margin:			0 0 0 auto;
}

.woocommerce .products ul,
.woocommerce ul.products {
	padding:		0;
	margin:			0;
	list-style:		none;
}

.woocommerce .products .product {
	padding:		1rem 0;
	border-style:		dashed;
	border-color:		#666;
	border-width:		1px 0 0;
}

.woocommerce .products .product:first-child {
	border-width:		0;
}

.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
	display:		flex;
	width:			100%;
	float:			none;
}

.woocommerce-LoopProduct-link > img,
.woocommerce-loop-product__link > img {
	width: 			150px;
	height:			auto;
	margin-right:		1.5rem;
	-webkit-box-shadow:	0 0 4px 0 rgba(0,0,0,.4);
	-moz-box-shadow:	0 0 4px 0 rgba(0,0,0,.4);
	box-shadow:		0 0 4px 0 rgba(0,0,0,.4);
}

.woocommerce-loop-product__title {
	margin:			0;
	font-size:		1rem;
	line-height:		1.125rem;
}

.qty {
	width:			2rem;
	padding:		.25rem .5rem;
	font-size:		1rem;
	line-height:		1rem;
	border:			1px solid #465e72;
	border-radius:		.25rem;
	text-align:		center;
}

#woo-cart-button {
	display:		inline-block !important;
	position:		absolute;
	top:			3.625rem;
	right:			2rem;
	width:			2rem;
	height:			2rem;
	background:		url(../../images/cart.png) no-repeat center center;
	background-size:	1.75rem;
	z-index:		13;
}

#woo-cart-button.on {
	position:		fixed;
}

.cart-contents-count {
	position:		absolute;
	top:			-.25rem;
	right:			-.25rem;
	min-width:		1.25rem;
	height:			1.25rem;
	font-size:		.625rem;
	line-height:		1.25rem;
	color:			#fff;
	background:		rgba(70, 94, 114, 1);
	border-radius:		50%;
	text-align:		center;
}

.add_to_cart_button {
	display:		inline-block;
	background:		url(../../images/cart.png) no-repeat center center;
	background-size:	1.5rem;
	width:			2rem;
	height:			2rem;
	margin:			0 0 0 auto;
}

ul.page-numbers {
	display:		flex;
	list-style:		none;
	margin:			2rem 0;
	padding:		0;
}

a.page-numbers,
span.page-numbers {
	margin:			0 1rem 0 0;
	padding:		1rem 1.25rem;
	color:			#465e72;
	font-size:		1rem;
	line-height:		1rem;
	border:			1px solid #465e72;
	border-radius:		.25rem;
}

.page-numbers.current {
	color:			#fff;
	background:		#465e72;
}

@media only screen and (min-width: 1024px) {
	.woocommerce .products ul, .woocommerce ul.products {
		display:		flex;
		flex-flow:		row wrap;
	}

	.woocommerce .products ul > li, .woocommerce ul.products > li {
		flex:			1 0 calc(50% - 1rem);
	}

	.woocommerce .products ul > li:nth-child(odd), .woocommerce ul.products > li:nth-child(odd) {
		border-width:		0 0 1px 0 !important;
		margin:			0 1rem 0 0;
	}

	.woocommerce .products ul > li:nth-child(even), .woocommerce ul.products > li:nth-child(even) {
		border-width:		0 0 1px !important;
		margin:			0 0 0 1rem;
	}

	.qty {
		width:			2.6rem;
		text-align:		left;
	}
}

/********************************************************************************************************************
*********************************************************************************************************************

FORM INPUTS

*********************************************************************************************************************
********************************************************************************************************************/


.woocommerce-form p {
	margin:			.5rem 0 0;
}

.woocommerce-form-row label {
	display:		block;
	margin:			0 0 .25rem;
}

.woocommerce-input-wrapper > .input-text,
.form-row > .input-text,
.woocommerce-Input--text {
	width:			100%;
	padding:		.75rem;
	border:			1px solid rgba(70, 94, 114, 1);
	border-radius:		.75rem;
}

.form-row > label {
	display:		block;
	margin:			0 0 .25rem 0;
}

.woocommerce-form__label-for-checkbox {
	display:		flex;
	align-items:		center;
	margin:			0 0 1rem 0;
}

.woocommerce-form__input-checkbox {
	width:			1rem;
	height:			1rem;
	margin:			0 .5rem 0 0;
	border:			1px solid rgba(70, 94, 114, 1);
	border-radius:		50%;
}

.woocommerce-form__input-checkbox:checked {
	background:		rgba(70, 94, 114, 1);
}

#place_order,
.form-row > button,
.woocommerce-button,
.actions button {
	width:			100%;
	padding:		.875rem;
	color:			#fff;
	background:		rgba(70, 94, 114, 1);
	border:			0;
	border-radius:		.75rem;
}


/********************************************************************************************************************
*********************************************************************************************************************

NOTICE WRAPPER

*********************************************************************************************************************
********************************************************************************************************************/


.woocommerce-notices-wrapper {
	margin:			0 0 1rem;
}

.woocommerce-message {
	padding:		.75rem;
	border:			1px solid rgba(70, 94, 114, 1);
	border-radius:		.75rem;
}


/********************************************************************************************************************
*********************************************************************************************************************

PRODUCT PAGE

*********************************************************************************************************************
********************************************************************************************************************/


.wc-tabs {
	display:		none;
}

.single-product .woocommerce-product-gallery figure {
	margin:			0;
}

.single-product .woocommerce-product-gallery__wrapper img {
	width:			100%;
	height:			auto;
	-webkit-box-shadow:	2px 2px 2px 0 rgba(0,0,0,0.25);
	-moz-box-shadow:	2px 2px 2px 0 rgba(0,0,0,0.25);
	box-shadow:		2px 2px 2px 0 rgba(0,0,0,0.25);
}

.single-product .summary .price {
	margin:			0 0 .5rem;
	padding:		0;
	border:			0;
}

.single-product h1.product_title {
	margin:			1rem 0 0;
}

.single-product #product-description {
	margin:			1rem 0 0;
}

.single-product .product-category {
	position:		relative;
	padding:		.75rem 0;
	font-size:		.75rem;
	line-height:		.75rem;
	color:			#fff;
	text-transform:		uppercase;
	text-align:		center;
}

.single-product .product-category:after {
	position:		absolute;
	top:			0;
	right:			0;
	content:		'';
	width:			2.25rem;
	height:			2.25rem;
	background:		url(../../images/arrow.png) no-repeat center center;
	background-size:	1rem;
}

.single-product .product-category.on:after {
	transform:		rotate(180deg);
}

.single-product .product-category + div.product-text {
	display:		none;
	margin:			.5rem 0;
}

.single-product .product-category.on + div.product-text {
	display:		block;
}

.single-product .product-category.product_information,
.single-product .product-category.key_benefits_and_components {
	background:		#455d71;
}

.single-product .product-category.ingredients {
	background:		#6b8521;
}

.single-product .product-category.directions {
	background:		#af655b;
}

.single-product .product-category.food_supplement,
.single-product .product-category.allergies_and_cautions {
	background:		#d9a062;
}

.single-product .product-category.gmp_quality_assured {
	background:		#aa9d74;
}

.single-product .product-category.storage_instruction,
.single-product .product-category.reviews {
	background:		#e7d0a1;
}

.single-product div.product-text table {
	width:			100%;
}

.single-product .cart {
	display:		flex;
	align-items:		center;
}

.single-product .single_add_to_cart_button {
	width:			140px;
	height:			2rem;
	margin-left:		.5rem;
	padding-left:		1.5rem;
	background:		url(../../images/cart.png) no-repeat left center;
	background-size:	1.5rem;
	border:			0;
}