table.mpc-wrap {
width: 100%;
}
table.mpc-wrap, table.mpc-wrap tr, table.mpc-wrap th, table.mpc-wrap td {
border: 0;
}
table.mpc-wrap thead th {
background: #444;
color: #efefef;
padding: .75em 1em;
}
table.mpc-wrap tbody tr td {
padding: 1em;
vertical-align: middle;
color: #333;
}
table.mpc-wrap tbody tr:nth-child(2n).cart_item td {
background: #f5f5f5;
}
td.mpc-total {
width: 100px;
}
table.mpc-wrap tbody tr td.product-name > a {
text-decoration: none !important;
font-weight: bold;
}
table.mpc-wrap tbody tr td.product-image {
width: 90px;
}
table.mpc-wrap tbody tr:nth-child(2n) td .qty {
background: #fff;
}
table.mpc-wrap img {
border-radius: 0;
}
table.mpc-wrap img:hover {
cursor: pointer;
}
.mpc-wrap .variation-group {
margin-bottom: .75em;
}
.mpc-wrap .variation-group:last-child {
margin-bottom: 0;
}
.mpc-wrap .variation-group > label {
display: block;
}
.mpc-wrap .variation-group > select {
width: 100%;
}
.mpc-wrap input.input-text.qty.text {
padding: .15em;
}
table.mpc-wrap .product-name {
max-width: 350px;
}
table.mpc-wrap .product-variation {
width: 200px;
}
.total-row {
font-size: 18px;
font-weight: bold;
}
.total-label {
text-align: right;
}
.mpc-button {
text-align: right;
}
.woo-notices{
}
.woo-err{
padding: 10px 15px;
color: #ffffff;
border: 1px solid #f00;
background: #cc3e3e;
}
.mpcpopimg{
display: none;
} #mpcpop {
cursor: pointer;
transition: 0.3s;
display: none; position: fixed; z-index: 99999; padding-top: 2.5%; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); text-align: center;
color: #fff;
}
#mpcpop:hover {opacity: 1;} #mpcpop img {
margin: auto;
display: block;
margin-top: 5%;
max-height: 400px;
width: 50%;
object-fit: contain;
} #mpcpop img {
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: zoom;
animation-duration: 0.6s;
}
h4.mpcpop-title {
color: #fff;
margin-top: 5px;
margin-bottom: 0;
}
#mpcpop .mpcpop-close {
color: #fff;
font-size: 35px;
position: fixed;
right: 3%;
top: 3%;
}
.mpc-single-active .mpc-single-price { font-weight: 600;
}
.mpc-single-active .mpc-range {
}
select.mpc-highlighter{
border: 1px solid #e74c3c;
}
@-webkit-keyframes zoom {
from {-webkit-transform:scale(0)}
to {-webkit-transform:scale(1)}
}
@keyframes zoom {
from {transform:scale(0)}
to {transform:scale(1)}
} @media only screen and (max-width: 700px){
} @media screen and (max-width: 767px) {
table.mpc-wrap thead, tr.cart_item.simple td.product-variation {
display: none;
}
table.mpc-wrap tbody tr, table.mpc-wrap tbody td {
display: block;
}
table.mpc-wrap tbody tr {
position: relative;
border: 1px solid #eee;
margin-bottom: 1em;
padding: 1em;
}
table.mpc-wrap tbody tr td {
padding: 0;
}
table.mpc-wrap tbody tr td.product-name {
padding-top: .5em;
}
table.mpc-wrap tbody td.product-select {
position: absolute;
z-index: 10;
right: .5em;
padding: 0 !important;
top: .5em;
}
table.mpc-wrap tbody td.product-quantity {
margin-top: .5em;
}
table.mpc-wrap tbody tr:nth-child(2n) td {
background: #fdfdfd;
}
table.mpc-wrap tbody tr.total-row {
text-align: right;
}
table.mpc-wrap tbody tr.total-row td {
display: inline-block;
}
td.total-label {
margin-right: 10px;
}
.mpc-wrap .variation-group {
margin-bottom: 5px;
}
#mpcpop img {
width: 100%;
}
}