/* = Woocommerce
----------------------------------------------------*/

.woocommerce,
.woocommerce-page {
	&.penci-loop-shop-column-4,
	&.penci-loop-shop-column-3 {

		ul.products{
			margin:0 -10px;

			li.product{
				width: 25%;
				padding-left: 10px;
				padding-right: 10px;
				margin :0 0 30px;
				position: relative;
			}
		}
	}

	&.penci-loop-shop-column-4 {
		ul.products{
			li.product{
				width: 25%;

				&:nth-child( 4n + 1 ) {
					clear: both;
				}
			}
		}
	}

	&.penci-loop-shop-column-3 {
		ul.products{
			li.product{
				width: 33.33333%;

				&:nth-child( 3n + 1 ) {
					clear: both;
				}
			}
		}
	}
}

.woocommerce {

	.penci-archive__content .penci-post-item .entry-title {
		font-size: 30px;
	}
	.penci-woo-breadcrumb {
		margin-top: -6px;
		margin-bottom: 1px;
	}

	&.single .penci-woo-breadcrumb {
		margin-bottom: 14px;
	}

	.page-title {
		@include font-size( 3 );
		line-height: 1.2;
		color: #111111;
		margin-top: 9px;
		margin-bottom: 15px;
		text-transform: uppercase;
	}
	.page-description {
		margin: -10px 0 22px;
	}
	.woocommerce-ordering, .woocommerce-result-count {
		margin: 0 0 30px;
		color: #888;
	}
	.woocommerce-ordering select {
		padding: 5px;
		outline: none;
	}
	span.onsale {
		min-width: 50px;
		min-height: 25px;
		height: 25px;
		line-height: 26px;
		left: 10px;
		top: 10px;
		background: $color__dark;
		text-align: center;
		padding: 0 10px;
		font-weight: bold;
		font-size: 12px;
		text-transform: uppercase;
		color: #fff;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		white-space: nowrap;
	}
	ul.products li.product {
		.onsale {
			margin: 0;
			left: auto;
			right: 20px;
			top: 10px;
		}
		h3, .woocommerce-loop-product__title {
			font-size: 18px;
			text-align: center;
			padding: 0;
			margin: 0;
			color: #313131;
			letter-spacing: 0;
		}
		a img {
			margin-bottom: 15px;
		}
	}
	.products .star-rating {
		margin: 0;
		position: absolute;
		top: 16px;
		left: 20px;
		z-index: 5;
	}
	.star-rating span {
		color: #FFCA00;
	}
	ul.products li.product .price {
		margin: 2px 0 0;
		text-align: center;
		del {
			display: inline-block;
			font-size: 16px;
			color: #ccc;
			margin-right: 10px;
			opacity: 1;
		}
		ins {
			font-size: 18px;
			color: $color__blue;
			text-decoration: none;
			font-weight: normal;
		}
		font-size: 18px;
		color: $color__blue;
		text-decoration: none;
		font-weight: normal;
	}
	#respond input#submit, a.button,
	button.button, input.button {
		text-transform: uppercase;
		font-weight: bold;
		background-color: $color__dark;
		border-radius: 0;
		font-size: 12px;
		color: $color__white;
		-o-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		transition: .3s;
		cursor: pointer;
		text-align: center;
		margin: 0;
		padding: 10px 15px 9px;
		border: none;
		outline: none;
		min-width: 90px;
	}

	.woocommerce-MyAccount-content .woocommerce-message .button{
		padding: 0 15px 0;
	}

	ul.products li.product .button {
		font-size: 14px;
		font-weight: bold;
		margin-top: 15px;
		display: block;
		font-family: $font__main;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		text-align: center;
		text-transform: uppercase;
		padding: 0;
		height: 36px;
		line-height: 36px;
		border: 0;
	}
	a.added_to_cart {
		display: none !important;
	}
	#respond input#submit.loading:after, a.button.loading:after, button.button.loading:after, input.button.loading:after {
		top: auto;
		right: auto;
		margin-left: 5px;
	}
	#respond input#submit:hover, a.button:hover, button.button:hover, input.button:hover {
		background: $color__blue;
		color: #fff;
	}
}

.woocommerce-pagination {
	padding-bottom: 20px;
	overflow: hidden;
	clear: both;
	text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.woocommerce {
	nav.woocommerce-pagination ul {
		list-style: none;
		display: inline-block;
		vertical-align: top;
		border: none;
		white-space: normal;
		margin: 0;
		li {
			display: inline-block;
			float: left;
			margin-right: 10px;
			border: none;
		}
	}
	.woocommerce-pagination ul.page-numbers li {
		display: inline-block;
		float: left;
		margin-right: 10px;
		border: none;
	}
}

.woocommerce-page .woocommerce-pagination ul.page-numbers li {
	display: inline-block;
	float: left;
	margin-right: 10px;
	border: none;
}

.woocommerce {
	nav.woocommerce-pagination ul > li:last-child,
	.woocommerce-pagination ul.page-numbers li:last-child {
		margin-right: 0;
	}
}

.woocommerce-page .woocommerce-pagination ul.page-numbers li:last-child {
	margin-right: 0;
}

.woocommerce {
	nav.woocommerce-pagination ul li {
		a, span {
			padding: 0;
			min-width: 32px;
			height: 32px;
			line-height: 32px;
			text-align: center;
			font-size: 14px;
		    font-weight: bold;
			display: inline-block;
			border: 1px solid $color__dark;
			color: $color__dark;
			margin: 0;
			text-decoration: none;
			transition: all 0.3s;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			box-sizing: border-box;
		}
		a {
			&:focus, &:hover {
				text-decoration: none;
				color: $color__white;
				border-color: $color__blue;
				background: $color__blue;
			}
		}
		span.current {
			color: $color__white;
			border-color: $color__blue;
			background: $color__blue;
			text-decoration: none;
		}
	}
	#content div.product div.images, div.product div.images {
		width: 48.7197%;
	}
}

.woocommerce-page {
	#content div.product div.images, div.product div.images {
		width: 48.7197%;
	}
}

.woocommerce {
	#content div.product div.summary, div.product div.summary {
		width: 48.7197%;
		margin-top: 0;
	}
}

.woocommerce-page {
	#content div.product div.summary, div.product div.summary {
		width: 48.7197%;
		margin-top: 0;
	}
}

.woocommerce {
	div.product div {
		&.images{
			margin-bottom: 0;
		}
		&.summary {
			margin-bottom: 40px;
		}
	}
	.penci_sidebar {
		#content div.product div.images, div.product div.images {
			width: 48.078%;
		}
	}
}

.woocommerce-page .penci_sidebar {
	#content div.product div.images, div.product div.images {
		width: 48.078%;
	}
}

.woocommerce:not( .no-sidebar ) {
	#content div.product div.summary, div.product div.summary {
		width: 48.078%;
	}
}

.woocommerce-page .penci_sidebar {
	#content div.product div.summary, div.product div.summary {
		width: 48.078%;
	}
}

.woocommerce {
	div.product div.images {
		div.thumbnails, .flex-control-thumbs {
			padding-top: 30px;
		}
	}
	#content div.product div.thumbnails a, div.product div.thumbnails a {
		width: 21.0625%;
		margin-right: 5.25%;
		margin-bottom: 5.25%;
	}
}

.woocommerce-page {
	#content div.product div.thumbnails a, div.product div.thumbnails a {
		width: 21.0625%;
		margin-right: 5.25%;
		margin-bottom: 5.25%;
	}
}

.woocommerce {
	#content div.product div.thumbnails a.last, div.product div.thumbnails a.last {
		width: 21.0625%;
		margin-right: 5.25%;
		margin-bottom: 5.25%;
	}
}

.woocommerce-page {
	#content div.product div.thumbnails a.last, div.product div.thumbnails a.last {
		width: 21.0625%;
		margin-right: 5.25%;
		margin-bottom: 5.25%;
	}
}

.woocommerce div.product div.images {
	.flex-control-thumbs li, .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
		width: 21.0625%;
		margin-right: 5.25%;
		margin-bottom: 5.25%;
	}
}

.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
	width: 21.0625%;
}

.woocommerce {
	#content div.product div.thumbnails a.first, div.product div.thumbnails a.first {
		clear: none;
	}
}

.woocommerce-page {
	#content div.product div.thumbnails a.first, div.product div.thumbnails a.first {
		clear: none;
	}
}

.woocommerce {
	#content div.product div.thumbnails a:nth-child(4n+4), div.product div.thumbnails a:nth-child(4n+4) {
		margin-right: 0;
	}
}

.woocommerce-page {
	#content div.product div.thumbnails a:nth-child(4n+4), div.product div.thumbnails a:nth-child(4n+4) {
		margin-right: 0;
	}
}

.woocommerce {
	div.product div.images {
		.flex-control-thumbs li:nth-child(4n+4), .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(4n+5) {
			margin-right: 0;
		}
	}
	#content div.product div.thumbnails a:nth-child(4n+1), div.product div.thumbnails a:nth-child(4n+1) {
		clear: both;
	}
}

.woocommerce-page {
	#content div.product div.thumbnails a:nth-child(4n+1), div.product div.thumbnails a:nth-child(4n+1) {
		clear: both;
	}
}

.woocommerce div.product {
	div.images {
		.flex-control-thumbs li:nth-child(4n+1) {
			clear: both;
		}
		.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
			&:nth-child(4n+2) {
				clear: both;
			}
			&:first-child {
				width: 100%;
				margin-right: 0;
				margin-bottom: 30px;
			}
		}
		.woocommerce-product-gallery__trigger {
			&:before {
				width: 7px;
				height: 7px;
				top: 11px;
				left: 11px;
			}
			&:after {
				top: 18px;
				left: 22px;
			}
		}
	}
	.product_title {
		font-size: 30px;
		color: #313131;
		line-height: 1.2;
		margin-top: -4px;
		margin-bottom: 6px;
	}
}

a.woocommerce-review-link {
	font-size: 14px;
	color: #888;
}

.woocommerce div.product {
	.woocommerce-product-rating {
		margin-bottom: 8px;
	}
	p.price {
		margin-bottom: 12px;
		ins {
			font-weight: normal;
			text-decoration: none;
			font-size: 18px;
			color: $color__blue;
		}
	}
	span.price ins, p.price, span.price {
		font-weight: normal;
		text-decoration: none;
		font-size: 18px;
		color: $color__blue;
	}

	.entry-summary {
		span.price ins, p.price, span.price {
			font-size: 24px;
		}
	}

	p.price del, span.price del {
		display: inline-block;
		font-size: 16px;
		color: #ccc;
		margin-right: 10px;
		opacity: 1;
	}
	.entry-summary div[itemprop="description"] {
		position: relative;
		padding-top: 12px;
		margin-bottom: 24px;
		&:before {
			content: "";
			width: 45px;
			height: 1px;
			position: absolute;
			top: 0;
			left: 0;
			background: $color__blue;
		}
	}
	.woocommerce-tabs #tab-description #tab-description {
		display: block !important;
	}
	div[itemprop="description"] .entry-summary p:last-child, .woocommerce-tabs #tab-description > p:last-child {
		margin-bottom: 0;
	}
	div[itemprop="description"] .entry-summary img, .woocommerce-tabs #tab-description img {
		max-width: 100%;
		height: auto;
	}
	div[itemprop="description"] a:hover, .woocommerce-tabs #tab-description a:hover {
		text-decoration: underline;
	}
	.entry-summary div[itemprop="description"] {
		h1, h2, h3, h4, h5, h6, hr {
			margin-bottom: 17px;
		}
	}
	.woocommerce-tabs #tab-description {
		h1, h2, h3, h4, h5, h6, hr {
			margin-bottom: 7px;
		}
	}
}


.woocommerce-product-details__short-description {
	h1, h2, h3, h4, h5, h6, hr {
		margin-bottom: 17px;
	}
}

.woocommerce div.product {
	div[itemprop="description"] p, .woocommerce-tabs #tab-description p {
		margin-bottom: 17px;
	}
}

.woocommerce-product-details__short-description p {
	margin-bottom: 17px;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] {
		h1, h2, h3, h4, h5, h6 {
			color: #313131;
			clear: both;
			letter-spacing: 0;
			line-height: 1.3em;
		}
	}
	.woocommerce-tabs #tab-description {
		h1, h2, h3, h4, h5, h6 {
			color: #313131;
			clear: both;
			letter-spacing: 0;
			line-height: 1.3em;
		}
	}
}

.woocommerce-product-details__short-description {
	h1, h2, h3, h4, h5, h6 {
		color: #313131;
		clear: both;
		letter-spacing: 0;
		line-height: 1.3em;
	}
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] h1, .woocommerce-tabs #tab-description h1 {
		font-size: 20px;
	}
}

.woocommerce-product-details__short-description h1 {
	font-size: 20px;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] h2, .woocommerce-tabs #tab-description h2 {
		font-size: 18px;
		margin-top: 0;
	}
}

.woocommerce-product-details__short-description h2 {
	font-size: 18px;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] h3, .woocommerce-tabs #tab-description h3 {
		font-size: 17px;
	}
}

.woocommerce-product-details__short-description h3 {
	font-size: 17px;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] h4, .woocommerce-tabs #tab-description h4 {
		font-size: 16px;
	}
}

.woocommerce-product-details__short-description h4 {
	font-size: 16px;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] h5, .woocommerce-tabs #tab-description h5 {
		font-size: 15px;
	}
}

.woocommerce-product-details__short-description h5 {
	font-size: 15px;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] h6, .woocommerce-tabs #tab-description h6 {
		font-size: 14px;
	}
}

.woocommerce-product-details__short-description h6 {
	font-size: 14px;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] hr, .woocommerce-tabs #tab-description hr {
		border: 0;
		height: 0;
		border-bottom: 1px solid $color__border;
		clear: both;
	}
}

.woocommerce-product-details__short-description hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid $color__border;
	clear: both;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] blockquote, .woocommerce-tabs #tab-description blockquote {
		padding: 0;
		position: relative;
		margin: 0 0 20px 0;
	}
}

.woocommerce-product-details__short-description blockquote {
	padding: 0;
	position: relative;
	margin: 0 0 20px 0;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] blockquote, .woocommerce-tabs #tab-description blockquote, .entry-summary div[itemprop="description"] blockquote p, .woocommerce-tabs #tab-description blockquote p {
		font-size: 16px;
		color: #888;
		font-style: italic;
		line-height: 1.7;
		text-align: left;
	}
}

.woocommerce-product-details__short-description blockquote {
	font-size: 16px;
	color: #888;
	font-style: italic;
	line-height: 1.7;
	text-align: left;
	p {
		font-size: 16px;
		color: #888;
		font-style: italic;
		line-height: 1.7;
		text-align: left;
	}
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] blockquote p, .woocommerce-tabs #tab-description blockquote p {
		margin: 0;
	}
}

.woocommerce-product-details__short-description blockquote p {
	margin: 0;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] blockquote, .woocommerce-tabs #tab-description blockquote {
		position: relative;
		padding: 0 0 0 46px;
		border: none !important;
		overflow: hidden;
	}
}

.woocommerce-product-details__short-description blockquote {
	position: relative;
	padding: 0 0 0 46px;
	border: none !important;
	overflow: hidden;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] blockquote:before, .woocommerce-tabs #tab-description blockquote:before {
		color: $color__blue;
		content: '“';
		font-family: 'Playfair Display SC', serif;
		font-size: 64px;
		font-weight: 900;
		line-height: 1;
		font-style: normal;
		position: absolute;
		top: -4px;
		left: 0;
	}
}

.woocommerce-product-details__short-description blockquote:before {
	color: $color__blue;
	content: '“';
	font-family: 'Playfair Display SC', serif;
	font-size: 64px;
	font-weight: 900;
	line-height: 1;
	font-style: normal;
	position: absolute;
	top: -4px;
	left: 0;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] blockquote {
		cite, .author {
			display: block;
			font-size: 12px;
			text-transform: uppercase;
			margin-top: 7px;
			color: $color__blue;
			font-style: normal;
			font-family: $font__main;
			font-weight: bold;
			overflow: hidden;
			text-align: left;
			position: relative;
			z-index: 1;
		}
	}
	.woocommerce-tabs #tab-description blockquote {
		cite, .author {
			display: block;
			font-size: 12px;
			text-transform: uppercase;
			margin-top: 7px;
			color: $color__blue;
			font-style: normal;
			font-family: $font__main;
			font-weight: bold;
			overflow: hidden;
			text-align: left;
			position: relative;
			z-index: 1;
		}
	}
}

.woocommerce-product-details__short-description blockquote {
	cite, .author {
		display: block;
		font-size: 12px;
		text-transform: uppercase;
		margin-top: 7px;
		color: $color__blue;
		font-style: normal;
		font-family: $font__main;
		font-weight: bold;
		overflow: hidden;
		text-align: left;
		position: relative;
		z-index: 1;
	}
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] blockquote .author span, .woocommerce-tabs #tab-description blockquote .author span {
		position: relative;
		display: inline-block;
		padding: 0 10px 0 0;
	}
}

.woocommerce-product-details__short-description blockquote .author span {
	position: relative;
	display: inline-block;
	padding: 0 10px 0 0;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] blockquote .author span:after, .woocommerce-tabs #tab-description blockquote .author span:after {
		content: "";
		position: absolute;
		top: 50%;
		width: 90px;
		height: 1px;
		background: $color__blue;
		left: 100%;
		opacity: 0.8;
	}
}

.woocommerce-product-details__short-description blockquote .author span:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 90px;
	height: 1px;
	background: $color__blue;
	left: 100%;
	opacity: 0.8;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] {
		ul, ol {
			padding-left: 50px;
			margin-bottom: 20px;
		}
	}
	.woocommerce-tabs #tab-description {
		ul, ol {
			padding-left: 50px;
			margin-bottom: 20px;
		}
	}
}

.woocommerce-product-details__short-description {
	ul, ol {
		padding-left: 50px;
		margin-bottom: 20px;
	}
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] ul ul, .woocommerce-tabs #tab-description ul ul {
		margin: 2px 0;
		padding-left: 22px;
	}
}

.woocommerce-product-details__short-description ul ul {
	margin: 2px 0;
	padding-left: 22px;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] ol ol, .woocommerce-tabs #tab-description ol ol {
		margin: 2px 0;
		padding-left: 32px;
	}
}

.woocommerce-product-details__short-description ol ol {
	margin: 2px 0;
	padding-left: 32px;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] ul li, .woocommerce-tabs #tab-description ul li {
		margin-bottom: 7px;
		position: relative;
		list-style-type: square;
		line-height: 1.7;
	}
}

.woocommerce-product-details__short-description ul li {
	margin-bottom: 7px;
	position: relative;
	list-style-type: square;
	line-height: 1.7;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] ol li, .woocommerce-tabs #tab-description ol li {
		margin-bottom: 2px;
		list-style: decimal;
	}
}

.woocommerce-product-details__short-description ol li {
	margin-bottom: 2px;
	list-style: decimal;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] table, .woocommerce-tabs #tab-description table {
		width: 100%;
		margin-bottom: 22px;
		border-collapse: collapse;
		border-left: 1px solid #f5f5f5;
		border-right: 1px solid #f5f5f5;
	}
}

.woocommerce-product-details__short-description table {
	width: 100%;
	margin-bottom: 22px;
	border-collapse: collapse;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] {
		td, th {
			padding: 12px;
			border-bottom: 1px #e9e9e9 solid;
		}
	}
	.woocommerce-tabs #tab-description {
		td, th {
			padding: 12px;
			border-bottom: 1px #e9e9e9 solid;
		}
	}
}

.woocommerce-product-details__short-description td,
.woocommerce-product-details__short-description th {
	padding: 12px;
	border-bottom: 1px #e9e9e9 solid;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] th, .woocommerce-tabs #tab-description th {
		font-weight: bold;
		font-size: 14px;
		background: #f5f5f5;
	}
}

.woocommerce-product-details__short-description th {
	font-weight: bold;
	font-size: 14px;
	background: #f5f5f5;
}

.woocommerce div.product {
	.entry-summary div[itemprop="description"] tr:hover, .woocommerce-tabs #tab-description tr:hover {
		background: #ffffff;
	}
}

.woocommerce-product-details__short-description tr:hover {
	background: #ffffff;
}

.woocommerce {
	#respond input#submit.alt, a.button.alt, button.button.alt, input.button.alt {
		border: none;
		line-height: 36px;
		padding: 0 15px 0;
		min-width: 150px;
		background: #313131;
		color: #fff;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		outline: none;
		font-size: 13px;
	}
	#respond input#submit.alt:hover, a.button.alt:hover, button.button.alt:hover, input.button.alt:hover {
		background: $color__blue;
		color: #fff;
	}
	div.product {
		form.cart {
			margin-bottom: 10px;
		}
		p {
			&.cart {
				margin-bottom: 30px;
			}
			&.out-of-stock {
				font-size: 18px;
			}
		}
		form.cart div.quantity {
			margin-right: 20px;
			margin-bottom: 10px;
		}
	}
	.quantity .qty {
		padding: 5px 5px;
		width: 60px;
		line-height: 24px;
		outline: none;
		border: 1px solid #313131;
		font-size: 18px;
		font-weight: bold;
	}
	div.product {
		.product_meta {
			padding-top: 15px;
			border-top: 1px solid $color__border;
			> span {
				display: block;
				color: #888;
				font-size: 14px;
				margin-bottom: 8px;
				a {
					color: #888;
					&:hover {
						color: $color__blue;
					}
				}
			}
		}
		.woocommerce-tabs {
			ul.tabs {
				padding: 0 0 2px 0;
				margin: 0 0 20px 0;
				text-align: center;
				border-bottom: 1px solid $color__border;
				&:before {
					content: none !important;
					display: none !important;
				}
				li {
					&:after, &:before {
						content: none;
						display: none;
					}
					background: none;
					border: none;
					border-radius: 0;
					-webkit-border-radius: 0;
					-moz-border-radius: 0;
					margin: 0;
					padding: 0 20px;
					a {
						padding: 5px 0;
						font-family: $font__main;
						font-size: 14px;
						color: #313131;
						text-transform: uppercase;
						font-weight: bold;
						&:hover {
							color: #888888;
						}
					}
					&.active {
						background: none;
						border: none;
						color: $color__blue;
					}
				}
			}
			.panel {
				margin-bottom: 30px;
				> h2:first-child, #reviews #comments h2 {
					font-size: 18px;
					color: #313131;
					clear: both;
					letter-spacing: 0;
					line-height: 1.3em;
					margin-top: 0;
					margin-bottom: 17px;
					text-transform: uppercase;
					font-weight: 600;
					text-align: left;
					display: block;
				}
				#respond {
					h3.comment-reply-title {
						font-size: 18px;
						color: #313131;
						clear: both;
						letter-spacing: 0;
						line-height: 1.3em;
						margin-bottom: 17px;
						text-transform: uppercase;
						font-weight: bold;
						text-align: left;
						display: block;
					}
					.comment-reply-title {
						font-size: 18px;
						color: #313131;
						clear: both;
						letter-spacing: 0;
						line-height: 1.3em;
						margin-bottom: 17px;
						text-transform: uppercase;
						font-weight: bold;
						text-align: left;
						display: block;
						margin-top: 24px;
						font-family: $font__main;
					}
				}
			}
		}
		form.comment-form .comment-form-rating {
			margin-bottom: 15px !important;
		}
		.related > h2, .upsells > h2 {
			font-size: 18px;
			letter-spacing: 1px;
			text-transform: uppercase;
			font-family: $font__main;
			font-weight: bold;
			color: #313131;
			position: relative;
			z-index: 10;
			display: block;
			padding: 0;
			padding-bottom: 10px;
			margin-bottom: 30px;
			border-bottom: 1px solid $color__border;
		}

		.related ul.products li.product{
			margin-bottom: 20px;
		}

		form.cart .variations {
			td.label {
				padding-bottom: 15px;
			}
			select {
				margin-bottom: 15px;
				padding: 4px 10px;
			}
		}
		p.stock {
			font-size: 100%;
			margin-bottom: 20px;
		}
		.woocommerce-tabs .panel #respond p {
			&.comment-form-author, &.comment-form-email, &.comment-form-url {
				width: 100%;
				max-width: 374px;
				padding: 0;
				float: none;
			}

			&.comment-form-email{
				display:block;
			}
		}
	}
	#review_form #respond textarea {
		margin: 0;
	}
	div.product .woocommerce-tabs .panel #respond p {
		&.comment-form-author input, &.comment-form-email input, &.comment-form-url input {
			margin: 0;
		}
	}
	#review_form #respond p.form-submit {
		margin-bottom: 0;
		margin-top: 20px;
		text-align: left;
		input[type="submit"] {
			padding: 0 15px;
			font-size: 14px;
		}
	}
	.comment-form p.stars a {
		color: #313131;
		&:hover {
			color: #FFCA00;
		}
	}
	#reviews #comments ol.commentlist li {
		img.avatar {
			width: 60px;
			border: none;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			padding: 0;
			background: none;
		}
		.comment-text {
			margin-left: 80px;
			border: 1px solid $color__border;
			padding: 12px 20px;
			border-radius: 0;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			.meta {
				margin-bottom: 9px;
				color: #888888;
				font-size: 14px;
			}
			p.meta {
				font-size: 13px;
			}
			.meta strong {
				font-size: 14px;
				color: #313131;
				text-transform: uppercase;
				font-family: $font__main;
			}
			div[itemprop="description"] > p:last-child {
				margin: 0;
			}
		}
	}
	.woocommerce-error, .woocommerce-info, .woocommerce-message {
		background: transparent;
		border: 1px solid $color__border;
		border-top: 3px solid $color__blue;
		margin-bottom: 30px !important;
	}
	.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {
		top: 1em;
		margin-top: 3px;
	}
	ul {
		&.cart_list li, &.product_list_widget li {
			padding: 0 0 15px 0;
			margin: 0 0 15px;
			border-bottom: 1px solid $color__border;
		}
	}
	.widget_shopping_cart .cart_list li, &.widget_shopping_cart .cart_list li {
		padding-left: 0;
	}
	ul {
		&.cart_list li:last-child, &.product_list_widget li:last-child {
			padding-bottom: 0;
			margin-bottom: 0;
			border: none;
		}
	}
	.widget_shopping_cart .total, &.widget_shopping_cart .total {
		margin-top: 20px;
		padding-top: 15px;
		font-size: 16px;
	}
	.widget_shopping_cart p.buttons, &.widget_shopping_cart p.buttons {
		margin-top: 15px;
		margin-bottom: 0;
	}
	.widget_shopping_cart p.buttons a, &.widget_shopping_cart p.buttons a, .widget_price_filter .price_slider_amount .button {
		color: #fff;
		background: #313131;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		font-size: 12px;
	}
	.widget_shopping_cart p.buttons a.checkout, &.widget_shopping_cart p.buttons a.checkout {
		margin-left: 16px;
	}
	.widget_shopping_cart p.buttons a:hover, &.widget_shopping_cart p.buttons a:hover, .widget_price_filter .price_slider_amount .button:hover, div.product form.cart .button:hover {
		opacity: 0.8;
		background: #313131;
		color: #fff;
		text-decoration: none;
	}
	ul {
		&.cart_list li a, &.product_list_widget li a {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 10px;
			text-decoration: none;
			font-family: $font__main;
		}
		&.cart_list li img, &.product_list_widget li img {
			width: 90px;
			margin: 0 20px 0 0;
			float: left;
		}
		&.cart_list li .amount, &.product_list_widget li .amount {
			font-size: 18px;
			color: $color__blue;
			text-decoration: none;
		}
		&.cart_list li del .amount {
			font-size: 16px;
			color: #ccc;
			margin-right: 5px;
		}
		&.product_list_widget li {
			del .amount {
				font-size: 16px;
				color: #ccc;
				margin-right: 5px;
			}
			ins {
				text-decoration: none;
			}
		}
		&.cart_list li .star-rating, &.product_list_widget li .star-rating {
			margin-bottom: 10px;
		}
	}
	.widget_shopping_cart .cart_list li a.remove, &.widget_shopping_cart .cart_list li a.remove {
		font-size: 24px;
		width: 24px;
		height: 24px;
		background: none !important;
		color: #ff0000 !important;
		border: 1px solid #ccc;
		line-height: 20px;
		text-align: center;
		margin-top: 5px;
		padding-top: 2px;
		margin-left: 5px;
	}
	.widget_price_filter {
		.ui-slider-horizontal {
			height: 6px;
			margin-bottom: 20px;
		}
		.ui-slider {
			.ui-slider-range {
				background-color: #ececec;
			}
			.ui-slider-handle {
				background-color: #313131;
				width: 18px;
				height: 18px;
				top: -6px;
			}
		}
		.price_slider_wrapper .ui-widget-content {
			background-color: #888;
		}
		.price_label {
			color: #888;
			font-size: 14px;
		}
	}
	.woocommerce-product-search {
		.screen-reader-text {
			display: none;
		}
		input {
			&[type="submit"] {
				display: none;
			}
			&[type="search"] {
				border: 1px solid #e9e9e9;
				background: url(images/searchsubmit.png) no-repeat 94% 11px;
				color: #313131;
				width: 100%;
			}
		}
	}
	table.shop_table {
		border-collapse: collapse;
		margin: 0 0 27px 0;
		th {
			padding: 9px 12px;
			font-weight: bold;
			text-transform: uppercase;
			color: #313131;
			background: none;
			font-size: 14px;
			font-family: $font__main;
		}
		td {
			padding: 10px;
			border-color: $color__border;
			border-bottom: none;
		}
	}
}

.woocommerce-cart table.cart{
	text-align: center;

	th, td {
		text-align: center;
	}

	img {
		width: 80px;
	}
}

.woocommerce table.shop_table {
	a.remove {
		width: 30px;
		height: 30px;
		border: 1px solid $color__border;
		color: $color__border !important;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		background: none !important;
		line-height: 28px;
		font-size: 26px;
		text-decoration: none;
		margin-left: auto;
		margin-right: auto;

		&:hover {
			color: #ff0000 !important;
		}
	}
	td {
		&.product-name a {
			font-size: 16px;
			font-family: $font__main;
			font-weight: bold;
			color: #313131;
			text-decoration: none;
			&:hover {
				color: $color__blue;
			}
		}
		&.product-price span, &.product-subtotal span {
			font-size: 18px;
		}
	}
}

.woocommerce-cart {
	table.cart {
		td.actions .coupon .input-text {
			border: 1px solid $color__border;
			padding: 10px 15px;
			font-size: 12px;
			color: #313131;
			min-width: 150px;
			margin-right: 20px;
		}
		input[type="submit"] {
			padding: 0 15px;
			line-height: 36px;
			height: 36px;
			font-size: 13px;
			background: #313131;
			color: #fff;
			transition: all 0.3s;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
		}
	}
	.woocommerce input.button[name="update_cart"] {
		color: #ffffff;
		background: #313131;
		opacity: 1;
		padding: 0 15px;
		line-height: 36px;
		height: 36px;
		&:hover {
			background: #313131;
			color: #fff;
			opacity: 0.8;
		}
	}
	table.cart input[type="submit"]:hover {
		background: #313131;
		color: #fff;
		opacity: 0.8;
	}
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	width: 100%;
}

.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: $color__dark;
}

.woocommerce-cart .cart-collaterals .cart_totals {
	table {
		border-collapse: collapse;
		border: 1px solid $color__border;
		padding: 0 30px;
		td, th {
			background: none;
			padding: 15px 30px;
		}
		td .amount {
			font-size: 18px;
			color: $color__blue;
		}
	}
	.form-row {
		padding: 0;
		margin-bottom: 15px;
	}
}

.woocommerce-shipping-calculator p {
	margin-bottom: 10px;
}

.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form {
	select {
		padding: 5px;
		max-width: 400px;
		width: 100%;
	}
	input {
		&[type="text"], &[type="date"], &[type="number"], &[type="search"] {
			max-width: 400px;
			padding: 8px;
		}
	}
}

.woocommerce .woocommerce-info:before {
	color: $color__blue;
	top: 1em;
}

.woocommerce-cart {
	.cart-collaterals .cart_totals table .shipping-calculator-form button[type="submit"] {
		padding: 14px 20px;
		color: #fff;
		background: #313131;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		&:hover {
			background: #313131;
			color: #fff;
			opacity: 0.8;
		}
	}
	.wc-proceed-to-checkout a {
		display: inline-block !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		background: #313131 !important;
		color: #fff !important;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		&:hover {
			opacity: 0.8;
		}
	}
}

.woocommerce form {
	&.checkout_coupon, &.login, &.register {
		border-radius: 0;
		border: 1px solid $color__border;
	}
	.form-row .input-text {
		border: 1px solid $color__border;
		padding: 12px 20px;
		color: $color__dark;
	}
}

.woocommerce-page form .form-row .input-text {
	border: 1px solid $color__border;
	padding: 12px 20px;
	color: $color__dark;
}

p.lost_password {
	margin-bottom: 0 !important;
}

.woocommerce {
	form {
		&.checkout_coupon {}
		&.login .form-row {
			margin-bottom: 20px;
		}
		.form-row input[type="submit"] {
			background: #313131;
			color: #fff;
		}
	}
	.return-to-shop .button {
		background: #313131;
		color: #fff;
		padding-top: 0;
		padding-bottom: 0;
	}

	form {
		&.login .form-row input[type="submit"] {
			margin-right: 20px;
		}
		&.checkout .form-row {
			margin-bottom: 20px;
			padding: 0;
		}
		.form-row {
			padding-left: 0;
			padding-right: 0;
		}
		&.checkout {
			h3 {
				font-size: 16px;
				text-transform: uppercase;
				margin-bottom: 15px;
				color: $color__dark;

				&#order_review_heading {
					margin-top: 28px;
				}
			}
			table.shop_table {
				border: 1px solid $color__border;
				th, td {
					padding: 15px 30px;
				}
				.amount {
					font-size: 16px;
				}
				.order-total .amount {
					color: $color__blue;
				}
			}
		}
	}
}

.woocommerce-checkout #payment {
	background: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	ul.payment_methods {
		padding: 30px;
		border: 1px solid $color__border;
		li {
			list-style: none !important;
		}
	}
	div {
		&.form-row.place-order {
			padding: 0;
			margin-top: 30px;
			margin-bottom: 0;
		}
		&.payment_box {
			background: none;
			color: #888;
			padding: 0;
			&:before {
				content: none;
				display: none;
			}
		}
	}
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	float: left;
}

.woocommerce form {
	&.lost_reset_password .form-row input[type="submit"], &.register .form-row input[type="submit"] {
		margin-top: 20px;
	}
}
.footer__sidebars .woocommerce-product-details__short-description td,
.footer__sidebars .woocommerce-product-details__short-description th,
.footer__sidebars #wp-calendar tbody td,
.footer__sidebars #wp-calendar th,
.footer__sidebars .woocommerce.widget_shopping_cart .total,
.footer__sidebars .woocommerce.widget_product_search input[type="search"],
.footer__sidebars .woocommerce ul.cart_list li,
.footer__sidebars .woocommerce ul.product_list_widget li {
	border-color: #313131;
}

.woocommerce-order-details h2,
.woocommerce-customer-details h2{
	margin-bottom: 15px;
}

.woocommerce .woocommerce-customer-details address {
	border-radius: 0;
}

.select2-container--default .select2-selection--single {
	background-color: transparent;
	border-color: $color__border;
	border-radius: 0;
}

.select2-results__option {
	line-height: 1.3;
	padding-left: 0;
	margin-left: 0;
}

.penci_dark_layout  .select2-results__option {
	color: $color__dark;
}

.woocommerce-EditAccountForm fieldset {
	margin-bottom: 15px;
}

.woocommerce table.shop_attributes td {
	padding-left: 12px;
}

.woocommerce form.checkout_coupon  input[type="submit"] {
	height:36px;
	line-height:36px;
	padding-top:0;
	padding-bottom:0;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: $color__blue;
}

.woocommerce .woocommerce-widget-layered-nav-dropdown__submit{
	line-height: 30px;
}



@media screen and ( min-width: 769px ) {
	.woocommerce.sidebar-left,
	.woocommerce.sidebar-right {
		.related.products {

			ul.products {
				margin-left: -10px;
				margin-right: -10px;
				margin-bottom: 0;
			}
			li.product {
				width: 33.33333%;
				padding-left: 10px;
				padding-right: 10px;
				margin-left: 0;
				margin-right: 0;
			}
		}
	}
}

@media screen and ( max-width: 768px ) {
	.woocommerce .penci-archive__content .penci-post-item .entry-title{
		font-size: 24px;
	}

	.woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary,
	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
		float: none;
		width: 100%;
	}

	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
		margin-bottom: 20px;
	}

	.woocommerce,
	.woocommerce-page {
		&.penci-loop-shop-column-4,
		&.penci-loop-shop-column-3 {
			ul.products{
				li.product{
					width: 50%;

					&:nth-child( 2n + 1 ) {
						clear: both;
					}

					&:nth-child( 3n + 1 ) {
						clear: none;
					}
				}
			}
		}
	}
}

@media screen and ( max-width: 480px ) {
	.woocommerce,
	.woocommerce-page {
		&.penci-loop-shop-column-4,
		&.penci-loop-shop-column-3 {
			ul.products{
				li.product{
					width: 100%;
				}
			}
		}

		.penci-container {
			.woocommerce-ordering,
			.woocommerce-result-count {
				width: 100%;
			}

			.woocommerce-ordering select {
				width: 100%;
			}
		}
	}

	.woocommerce .related.products {
		ul.products {
			margin-left: 0;
			margin-right: 0;
			margin-bottom: 0;

			li.product {
				width: 100%;
				padding-left: 0;
				padding-right: 0;
				margin-left: 0;
				margin-right: 0;
			}
		}
	}

	.woocommerce-cart table.cart td.actions .coupon .input-text {
		margin-bottom: 5px;
	}

	.woocommerce #content table.cart td.actions .coupon .button,
	.woocommerce #content table.cart td.actions .coupon .input-text,
	.woocommerce #content table.cart td.actions .coupon input,
	.woocommerce table.cart td.actions .coupon .button,
	.woocommerce table.cart td.actions .coupon .input-text,
	.woocommerce table.cart td.actions .coupon input,
	.woocommerce-page #content table.cart td.actions .coupon .button,
	.woocommerce-page #content table.cart td.actions .coupon .input-text,
	.woocommerce-page #content table.cart td.actions .coupon input,
	.woocommerce-page table.cart td.actions .coupon .button,
	.woocommerce-page table.cart td.actions .coupon .input-text,
	.woocommerce-page table.cart td.actions .coupon input {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}