/*
 * productColorizer - jQuery Plugin
 * version: 1.1 May 2012
 * @requires jQuery v1.6 or later
 *
 * Examples at http://nikorablin.com/sandbox/productColorizer/
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * Copyright 2012 Nik Korablin - nikorablin@gmail.com
 *
 */
 
.full {
	width:100%;
}

.left {
	float:left;
}

.right {
	float:right;
}

.product-preview {
	margin-top:30px;
	margin-bottom:30px;
}

.product-preview > div > div {
	padding:0 !important;
}

.product-preview > div.col-md-7 {
	padding-right:0 !important;
}

.product-preview > div.col-md-5 {
	padding-left:0 !important;
}

.nav-column {
	background:#f8f7f5;
}

.nav-column ul {
	padding-top:15px;
	padding-bottom:15px;
	margin:0;
	padding-left:0;
	padding-right:0;
}

.nav-column ul li {
	background:#FFF;
	border:1px solid #f8f7f5;
	border-left:2px solid #f8f7f5;
	border-right:none;
	list-style:none;
}
ul.bxslider {
	margin:0;
	padding:0;
}
ul#bx-pager li {
	text-align:center;
}
ul#bx-pager li img {
	max-width:100%;
}

/* colorizer styles
--------------------------------------------- */
.mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.product, .orange {
	position:relative;
	height:auto;
	width:auto;
	margin:0 auto;
	width:300px;
	height:300px;
}

.main {
	display:block;
	width:300px;
	height:300px;
}

.orange, .orange .main {
	width:280px;
	height:280px;
}

.secondary {
	left:0;
	top:0;
    position: absolute;
    z-index: 500;
}
.background-blend-mode .mask, .orange .mask {
	background-position:center;
	background-size:contain;
	background-color:transparent !important;
}

.background-blend-mode .main, orange .main {
	background-position:center;
	background-size:contain;
	background-blend-mode: multiply;
}

/* swatch styles
--------------------------------------------- */
.swatch, .product-images {
	position:relative;
	background:#FFF;
	margin-top:35px;
}

.swatch:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.swatch a {
	display:block;
	width:10%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	float:left;
}
.swatch-column-names p {
	float:left;
	color:#3e3437;
	font-size:12px;
	line-height:13px;
	width:10%;
	text-align:center;
}

.swatch a:hover {
	text-decoration:none;
}

.swatch a span {
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:0;
	padding-bottom:100%;
	border:1px solid #FFF;
	position:relative;
}

.swatch a.active span:after {
	display:block;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	background-image:url(/wp-content/uploads/2019/11/icon-selected.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	top:0;
	left:0;
}

.bx-pager {
	margin:0;
	padding:0;
}

.bx-pager li {
}

.bxslider li {
	padding-bottom:0;
}

.no-blendmode {
	position:absolute;
	width:100%;
	height:100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

 @media (max-width:960px) {
.product-preview .sameheight {
	min-height:inherit !important;
}
.product-preview > div.col-md-7 {
	padding-right:15px !important;
}
.product-preview > div.col-md-5 {
	padding-left:15px !important;
}
.nav-column ul li {
	float:left;
	width:20%;
}
.revise-request .orange {
	margin:0 auto 15px;
}
}