/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* MENU */

/* Box tutti i prodotti */
.all-products-container-box {
    width: 100%;
}

.all-products-container {
    width: 100%;
    max-width: 300px;
    height: 300px;
    background-color: #BDB5A8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin: auto;
    animation-name: gradient;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    transition: scale 0.5s ease-in-out;
}

@keyframes gradient {
  0%   {background-color: #BDB5A8;}
  20%  {background-color: #638F90;}
  40%  {background-color: #D29F5D;}
  60% {background-color: #E26F05;}
  80% {background-color: #C7C1E7;}
  100% {background-color: #A1ABB7;}
}

.all-products-container:hover {
    scale: 0.95;
}

.all-products-container > span {
    font-family: 'Playfair Display';
    font-size: 46px;
    line-height: 46px;
    font-weight: 700;
    color: #ffffffb3;
    transition: color 0.5s ease-in-out;
}

.all-products-container:hover>span {
    color: #ffffff;
}

/* FINE MENU */

/*PAGINA PRODOTTO */

/* Codice per visualizzare le immagini del prodotto più piccole e in linea, altrimenti vengono visualizzate più grandi e disposte 4 per riga e poi vanno a capo */
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 10%;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: none;
}

/* Area che rimaneva grigia sotto alla scelta del colore in pagina prodotto */
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: #ffffff00;
}

.woocommerce div.product.elementor ul.tabs {
    margin: 0;
    text-align: center;
}

/* Allineamento testi al centro nella tabella della scheda Informazioni Aggiuntive */
.woocommerce table.shop_attributes td {
    padding: 8px;
    align-content: center;
}

.woocommerce table.shop_attributes th {
    align-content: center;
} 

/* FINE PAGINA PRODOTTO */

.elementor-kit-6 a:hover {
    text-decoration: none;
}