/* Template */

.woocommerce.mspc-product .variations_form .variations {
	display: none;
}

.woocommerce.mspc-product.mspc-fullwidth-summary .summary {
	width: 100%;
}

.woocommerce.mspc-product.mspc-fullwidth-summary .summary .images {
	float: none;
}


/* MSPC */

.mspc-wrapper {
	margin: 40px 0;
	clear: both;
}

.mspc-wrapper,
.mspc-wrapper * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mspc-wrapper .mspc-content {
	z-index: 10;
}

.mspc-wrapper .mspc-content .mspc-tab-content {
	display: none;
	padding-top: 10px;
}

.mspc-content .mspc-variation {
	position: relative;
	padding: 10px;
	cursor: pointer;
	 -moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.mspc-content .mspc-variation,
.mspc-content .mspc-variation.active {
	position: relative;
	-webkit-transform: translateZ(0); /* webkit flicker fix */
	-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.mspc-content .mspc-variation.active {
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
     -moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.mspc-variation img {
	max-width: 100%;
	width: 100%;
	margin-top: 10px;
}

.mspc-variation .mspc-text-wrapper > strong {
	display: block;
	font-size: 16px;
}

.mspc-variation .mspc-text-wrapper > p {
	font-size: 14px;
	line-height: 16px;
	margin-top: 10px;
}

.mspc-clear-selection {
	display: block;
	margin: 10px 0;
	text-align: right;
}

.mspc-variation .mspc-tooltip {
	background: rgba(0,0,0,0.8);
	z-index: 200;
	bottom: 100%;
	color: #fff;
	font-size: 14px;
	display: block;
	left: 50%;
	margin-bottom: 15px;
	opacity: 0;
	padding: 6px 8px;
	pointer-events: none;
	position: absolute;
	white-space: nowrap;
	transform: translate(-50%, -10px);
	transition: all .25s ease-out;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28);
	border-radius: 5px;
}

.mspc-variation .mspc-tooltip:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
}

.mspc-variation:hover .mspc-tooltip {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, 0);
}


/* GRID ITEM LAYOUT VERTICAL */

.mspc-vertical.mspc-variation .mspc-radio {
	position: absolute;
	left: 50%;
	top: 5px;
	margin-left: -5px;
}

.mspc-vertical.mspc-variation {
	text-align: center;
	padding-top: 30px;
}

.mspc-vertical.mspc-variation .mspc-text-wrapper {
	margin-top: 10px;
}

.mspc-vertical.mspc-variation .mspc-text-wrapper > strong {
	text-align: center;
}

.mspc-vertical.mspc-variation .mspc-text-wrapper > p {
	margin-top: 10px;
}


/* GRID ITEM LAYOUT HORIZONTAL */

.mspc-horizontal.mspc-variation .mspc-radio {
	margin-top: -10px;
	position: absolute;
	right: 0;
	top: 50%;
}

.mspc-horizontal.mspc-variation img {
	max-width: 100%;
	width: 50%;
	float: left;
}

.mspc-horizontal .mspc-text-wrapper {
	float: left;
	width: 50%;
	padding-left: 20px;
	padding-right: 30px;
}

.mspc-horizontal .mspc-text-wrapper > p {
	margin-top: 10px;
}


.mspc-module-tabs .mspc-menu-item.disabled,
.mspc-accordion .mspc-menu-item.disabled {
	opacity: 0.5;
	color: inherit;
}

/* TABS */

.mspc-menu.tabular {
	border-bottom: none !important;
}


/* STEPS VERTICAL */

.mspc-module-steps-vertical > .steps {
	width: 30%;
	float: left;
	margin-right: 5%;
	margin-bottom: 20px;
}

.mspc-module-steps-vertical > .mspc-content {
	width: 65%;
	float: left;
	margin-top: 0;
}


/* ACCORDION */

.mspc-accordion {
	border: 1px solid rgba(0,0,0,0.1);
	background: #fff;
}

.mspc-accordion .mspc-menu-item {
	display: block;
	padding: 15px 0 13px 10px;
	line-height: 1;
	font-size: 16px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.mspc-accordion .mspc-menu-item.active {
	background: #fafafa;
}

.mspc-accordion .mspc-menu-item .icon {
	float: left;
}

.mspc-accordion .mspc-menu-item span {
	clear: both;
	margin-left: 5px;
}

.mspc-accordion .mspc-content {
	display: none;
	padding: 0 30px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.mspc-accordion .mspc-content .mspc-tab-content {
	display: block !important;
}

/* FPD */

.mspc-fpd-module {
	padding-top: 10px;
	padding-bottom: 10px;
}

.mspc-fpd-module > div {
	max-height: 400px;
	overflow: auto;
	padding: 0 !important;
}

.mspc-fpd-module .fpd-sc-module-wrapper {
	border: none;
}

.mspc-content .fpd-text-layers-panel .fpd-text-layer-item {
}

.mspc-content.mspc-fpd-module--images {
	padding: 0;
}


/* HELPERS */

.mspc-clearfix:before, .mspc-clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.mspc-clearfix:after { clear: both; }
.mspc-clearfix { zoom: 1; }
.mspc-clear {clear: both;}
.mspc-hidden {display: none;}


@media only screen
and (min-width : 320px)
and (max-width : 480px),
(max-device-width : 480px) and (-webkit-min-device-pixel-ratio : 1.5),
(max-device-width : 480px) and (min-device-pixel-ratio : 1.5) {

	.mspc-menu-item.ui.step {
		width: 100% !important;
		padding-left: 3em !important;
	}

	.mspc-menu-item.ui.step:after {
		display: none !important;
	}

	.mspc-module-steps-vertical > .steps {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.mspc-module-steps-vertical > .mspc-content {
		width: auto;
		float: none;
	}
}