.hide{
display:block;
}
.wcpc-color-red{
color:red;
}
.wcpc-mask{
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
background:rgba(0,0,0,0.5);
z-index:1000;
} .wcpc-container{
position:fixed;
margin:auto; background:#fff;
z-index:1100;
max-width:1000px;
box-sizing:content-box;
color:#000;
overflow:auto;
left: 4vw;
right: 4vw;
top: 4vw;
bottom: 4vw;
max-height:100%;
}
.wcpc-buttons{
margin-top: 3vh;
margin-bottom:1.5em;
min-height:32px;
}
button.wcpc-button{
line-height:1em;
position:relative;
}
.wcpc-container button.wcpc-button{
margin:0 10px 10px 0;
}
.wcpc-clearfix:after{
content:'';
display:table;
clear:both;
}
.wcpc-hidden{
display:none;
}
.wcpc-container h2:before{
content:'';
position:absolute;
left:0;
bottom:0;
right:0;
height:4px;
background:#EE4F34;
text-align:center;
}
.woocommerce button.wcpc_open_configurator{
background: #ddd;
border-radius:12px;
color: #191919;
transition:0.4s;
padding-left:50px;
font-size:1.2em;
}
.woocommerce button.wcpc_open_configurator:before{
content:"";
position:absolute;
left:15px;
top:0;
bottom:0;
width:22px;
background:url(//www.vinipizze.com/wp-content/plugins/wc-product-configurator/assets/img/cook-hat.png) center no-repeat;
background-size:22px 22px;
transition:0.4s;
}
.woocommerce button.wcpc_open_configurator:hover{
background:#bbb;
}
.woocommerce button.wcpc_open_configurator:hover:before{
transform:rotate(25deg);
}
.woocommerce .quantity input{
height:43px;
border:2px solid #EE4F34;
border-radius:12px 12px 12px 12px;
color:#fff;
font-weight:bold;
background:#EE4F34;
}
.woocommerce button.single_add_to_cart_button.button.alt{
background:#EE4F34;
border-radius:12px 12px 12px 12px;
font-size:1.2em;
} .wcpc-section > div{
padding:0.8vw 1.2vw;
}
.wcpc-section > div.header-sup,
.wcpc-section > div.footer-sup{
background:#252c30;
text-align:center;
}
.wcpc-section > div.footer-sup{
text-align:right;
}
.wcpc-section > div.footer-sup button{
background:#EE4F34;
color:#fff;
font-size:1.2em;
border-radius:12px;
}
.single-product .product .wcpc-section > div h2{
color:#fff;
display:inline-block;
}
.list_ingredient{
flex:1;
display:flex;
overflow:auto;
}
.pizza_configuration{
}
.wcpc-section .body-sup.border_bottom{
margin-left:1vw;
margin-right:1vw;
}
.wcpc-section .body-sup.border_bottom{ border-bottom:4px solid #EE4F34;
}
.list_ingredient li{
text-align:center;
cursor:pointer;
margin-top:0;
position:relative;
padding:20px;
min-width:130px;
max-width:180px; }
.list_ingredient li img{
filter:grayscale(1);
transition:0.4s;
width:100px;
height:100px;
}
.list_ingredient li.active img{
filter:grayscale(0);
width:100px;
height:100px;
}
.list_ingredient li .sup_price{
position:absolute;
top:0;
right:0;
width:30px;
height:30px;
background:#EE4F34;
color:#fff;
font-weight:bold;
border-radius:50%;
z-index:1;
display:flex; align-items:center;
justify-content:center;
} .wcpc-fields{
background:#fff;
color:#000;
margin-bottom:1vw;
}
.wcpc-fields ul{
padding:0.5vw 1vw;
}
.wcpc-fields ul li{
cursor:auto;
}
select.select-product{
color:#000;
}
.choice-selected{
cursor:pointer;
position:relative;
}
.choice-selected > div{
background:#fff;
color:#000;
padding:0 20px;
height:8vh;
display:flex;
flex-direction:column;
justify-content:center;
border:2px solid #ee4f34;
position:relative;
}
.choice-selected > div:before{
content:'';
position:absolute;
right:3vh;
top:3vh;
bottom:3vh;
background:#ee4f34;
width:2px;
transform:rotate(-45deg);
transition:0.4s;
}
.choice-selected > div:after{
content:'';
position:absolute;
right:4vh;
top:3vh;
bottom:3vh;
background:#ee4f34;
width:2px;
transform:rotate(45deg);
transition:0.4s;
}
.choice-selected > div.open:before{
transform:rotate(45deg);
}
.choice-selected > div.open:after{
transform:rotate(-45deg);
}
.choice-selected > div img{
max-width:5vh;
margin-right:1vh;
max-height: 100%;
}
.choice-selected > div > div{
max-height: 100%;
}
.choice-selected ul{
margin-top:0;
position:absolute;
right:0;
left:0;
top:8vh;
z-index:5;
max-height:400px;
overflow:auto;
background:#fff;
}
.choice-selected ul li{
background:#fff;
color:#000;
height:6vh;
display:flex;
flex-direction:column;
justify-content:center;
margin-top:0;
transition:0.4s;
border-top:1px solid #ccc;
}
.choice-selected ul li:hover{
background:#ee4f34;
color:#fff;
}
.choice-selected ul li img{
max-width:4vh;
margin-right:1vh;
} @media screen and (max-width: 768px){
.wcpc-container{ 
margin:0px; box-sizing:border-box;
top:0;
bottom:0;
right:0;
left:0;
top:0;
}
}