/* Template */

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

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

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

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


/* 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;
	display:inline-block;
	width:20%;
}

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


/* 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-variations {
	display: block !important;
}


/* 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;}
.mspc-menu li {display:inline-block;}

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