/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */


header{padding-top: 18px;}
/*tabella sottoprodotti*/
.woocommerce-grouped-product-list{max-width: 500px;}
.woocommerce-grouped-product-list td{border:none !important; text-align:left}
.woocommerce-grouped-product-list tr td:first-child{width: 55px; padding-top: 14px;}
.woocommerce-grouped-product-list tr td:nth-child(2){width: 150px;}
.woocommerce-grouped-product-list tr td:nth-child(4){width: 50px;}
.woocommerce-grouped-product-list tr td:nth-child(5){width: 50px;}
.woocommerce-grouped-product-list input[type=radio]{width: 15px;}
.woocommerce-product-gallery__wrapper img{border:0 !important;}
/*tabs*/
.wc-tabs li{width: 25%;}

.wc-tabs li a{
  border-top:none !important;
  border-left:none !important;
  border-right:none !important;
  border-bottom: 1px grey solid !important;
  width: 100%;
  text-align:center;
  color: grey;
}
.wc-tabs li a:after{
  content: url('../../enfold-child/img/freccia_grigia.png');
  position: absolute;
  bottom: -13px;
  left: 50%;
  margin-left: -10px;
}

.wc-tabs li.active{
  background-color: #707070;
}

.wc-tabs li.active a{
  background-color: #707070;
  border-bottom: 1px grey solid !important;
  width: 100%;
  text-align:center;
  color: white;
}
.wc-tabs li.active a:after{
  content: url('../../enfold-child/img/freccia_bianca.png');
}

#top div div.product .woocommerce-tabs .panel{
  border: none !important;
  padding-top: 30px;
  min-height: 200px;
}

.woocommerce-grouped-product-list-item__label h3{
  margin-bottom: 0;
}
.woocommerce-grouped-product-list-item__label h3 *, .woocommerce-Price-amount *, .woocommerce-Price-amount{
  font-size: 20px !important;
  color: #444;
}

.woocommerce-grouped-product-list-item__label .pmg{
  font-size: 0.9em;
}

.thumb_selector{width: 41px; height: 41px; outline: 1px #e1e1e1 solid; cursor: pointer;}

#top .price, div .stock{
  color: #D71E2A;
}

.single-product div.product .woocommerce-product-gallery, .elementor-widget-woocommerce-product-images{
  margin-bottom: 0 !important;
}
#total_price .price, #total_price .price * {font-size: 20px !important;}

div form.cart table{
  margin-bottom: 40px;
}


#top .related.products h2, #top .upsells.products h2{
  font-size: 30px; 
  margin-bottom: 30px;
}

.inner_product_header_cell{
  height: 50px;
  position: relative;
}
.inner_product_header_cell .onsale{
  position: absolute;
  bottom: 0;
  height: 30px;
  border-radius: 3px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  top: initial !important;
  right: -40px !important;
}
.woocommerce div.product.elementor .elementor-add-to-cart--align-right form.cart:not(.grouped_form):not(.variations_form){
  justify-content: initial !important;
}

div form.cart div.quantity{
	min-width: 140px !important;
}

#top form.cart .button {
  height: 43px !important;
  padding: 12px !important;
}

.wc-tabs .elementor-tabs-wrapper{
  border-bottom: 1px grey solid;
}
.wc-tabs .elementor-tabs-wrapper .elementor-active{
  border-bottom: 4px #D71E2A solid !important;
}
.wc-tabs .elementor-tab-title{
  width: 25%;
}
.wc-tabs .elementor-tab-title{
  margin-bottom: -2px;
}

.wc-tabs a{
  font-size: 0.9em;
  color: grey;
}
.wc-tabs a:hover{
  font-size: 0.9em;
  color: #D71E2A;
}
.wc-tabs span:before{
  content: "• "

}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}