/*
Theme Name:   L'Angolo Delle Idee
Description:  Tema Child per L'Angolo Delle Idee.
Author:  Heero.it
Author URI:  https://heero.it/
Template:  storefront
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


/*

GENERALE E UTILITY

HEADER
-- Due menu e logo
-- Mega-menu
-- Modulo di ricerca
-- Scroll efx
-- Mobile menu

FOOTER
--

HOME PAGE
--

SHOP
-- Archivio prodotti: breadcrumbs, titolo
-- Archivio prodotti: filtri
-- Archivio prodotti: copertina
-- Archivio prodotti: loop
-- Scheda prodotto
---- tabs
-- Carrello, Checkout

PAGINA AZIENDALE / FILOSOFIA
--

POLICIES
--

ACCOUNT / AREA RISERVATA
--

404
--

*/

:root {
    --main-color-1: rgba(128, 100, 89, 1);
    --main-color-1_op3: rgba(128, 100, 89, .3);

    --main-color-2: #ECE8E5;
    --main-color-3: #F9F8F6;
    --main-color-4: #F2F2F2;
    --main-color-5: #ECECEC;
    --main-color-6: #74594E;

    /* altezza voci di menu nell'header */
    --header-li-height: 25px;
}

/* ######################################## */
/* GENERALE E UTILITY */
/* ######################################## */

body{
    font-family: 'EB Garamond', serif;
    font-weight: ;
    font-size: 14px;
    line-height: 18px;
    color: var(--main-color-1);
    background-color: var(--main-color-2);

}

.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle{ color: var(--main-color-1);}

a, a:visited, a:focus{ color: inherit; outline: none;}
a:hover{ color: inherit;}

.site, .header-wrap, .site-content{ background-color: #FFF;}

.no-scroll{ overflow: hidden; position: fixed; top: 0; width: 100%;}

h1, h2, h3, h4, h5{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: var(--main-color-1);
    line-height: 1;
    text-transform: uppercase;
    font-weight: 300;
}


.yanone{
     font-family: 'Yanone Kaffeesatz', sans-serif;
}
h3 strong, h3 strong a{ font-weight: 500;}

h2{ font-size: 45px; }
h3{ font-size: 25px; }

img{ border-radius: 0;}

/* ######################################## */
/* HEADER */
/* ######################################## */

/* Due menu e logo */
.site-header{ background-color: var(--main-color-3); color: var(--main-color-1); border-bottom: 0px; padding: 0; height: 100px;}
.site-header{ display: flex; width: 100%; justify-content: center; flex-wrap: nowrap; flex-direction: column; align-items: stretch;}
.site-header .header-wrapper-flex{ width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.site-header .header-wrapper-flex > nav{ width: 40%!important; margin: 0; max-width: 40%; padding: 0; }
.site-header .site-branding{ max-width: 20%; margin: 0 auto; padding: 0;}
.site-header .header-wrapper-flex #utility-menu{ display: flex; flex-direction: column; align-items: flex-start; align-content: flex-start;}
.site-header .header-wrapper-flex #utility-menu > div{ height: 21px; line-height: 24px; text-transform: uppercase;}
.site-header .header-wrapper-flex #utility-menu > div a::before{ content: ""; display: block; height: var(--header-li-height); width: var(--header-li-height); margin-right: 5px; float: left; /* background-color: var(--main-color-1); */ background-repeat: no-repeat; background-position: center center; background-size: contain;}
.site-header #search-button a::before{ background-image: url(img/search.svg);}
.site-header #top-area-cart a::before{ background-image: url(img/sch_bag.svg);}
.site-header #user-menu a::before{ background-image: url(img/user.svg);}
.site-header #user-menu span{ display: none;}
.site-header-cart .cart-contents{ display: block!important;}
.site-header #top-area-cart .site-header-cart{ width: auto; display: none;}
.site-header .header-wrapper-flex #utility-menu > div{ display: none;}

.storefront-handheld-footer-bar ul li>a::before{ background-repeat: no-repeat; background-position: center center; background-size: contain; margin: 10px; background-origin: padding-box;}
.storefront-handheld-footer-bar ul li.my-account>a::before{ content: ""; background-image: url('img/user.svg');}
.storefront-handheld-footer-bar ul li.search>a::before{ content: ""; background-image: url('img/search.svg');}
.storefront-handheld-footer-bar ul li.cart>a::before{ content: ""; background-image: url('img/sch_bag.svg');}

/* Mega-menu */
#mega-menu{ background-color: var(--main-color-2); position: relative;}
#mega-menu #mega-menu-main-list{ display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; padding: 10px 0;}
#mega-menu #mega-menu-main-list ul{ padding: 0; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-around; flex-wrap: nowrap; align-content: center; width: 100%;}
#mega-menu #mega-menu-main-list ul li{ list-style: none; display: inline-block; border-right: 1px solid var(--main-color-1); line-height: 40px; flex-grow: 1; text-align: center; text-transform: uppercase;}
#mega-menu #mega-menu-main-list ul li:last-child{ border-right: none;}
#mega-menu #mega-menu-main-list ul li.pensieri{ display: none;} #mega-menu #mega-menu-main-list ul li.stile{ /* border-right: none; */}
#mega-menu .mega-panel{ position: fixed; width: 100%; height: 100%; top: 0; left: -100%; transform: translate(0); transition: transform 1s; background-color: #FFF; z-index: 8000; overflow: auto; }
#mega-menu .mega-panel.visible{ transform: translate(100%);}
#mega-menu .mega-panel.last{ z-index: 8001;}
/* #mega-menu .mega-panel .mega-panel-close::before{ content: 'X'; display: block; width: 30px; height: 30px; position: absolute; top: 50px; right: 50px;} */
#mega-menu .mega-panel .col-full{ padding-top: 100px; padding-bottom: 60px;}
#mega-menu .mega-panel .col-full .mega-panel-col ul{ margin: 0; list-style: none;}
#mega-menu .mega-panel .col-full .tutti-prodotti{ width: 100%; margin: 50px 0; }
#mega-menu .mega-panel .col-full .tutti-prodotti a{display: inline-block; overflow: auto; padding: 10px 25px; background-color: var(--main-color-1); color: #FFF; text-transform: uppercase;}
#mega-menu .mega-panel .col-full .mega-panel-col{ padding: 0 10px; width: 100%; padding-bottom: 25px;}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header{ margin-bottom: 0;}
.content-provvisorio{ margin-top: 50px;}

/* Modulo di ricerca */
#mega-menu #search-panel{ background-color: #2D2421; color: var(--main-color-3); position: absolute; width: 100%; top: 0; height: 100%; display: flex; align-content: center; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: stretch; transform: translateY(-100%); transition: transform .5s cubic-bezier(0, 0.5, 0, 1);}
#mega-menu #search-panel.visible{ transform: translateY(0%);}
.aws-container .aws-search-form .aws-search-clear{ width: 45px; color: #FFF;}

/* Scroll efx */
.scroll-init .header-wrap{ position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index:  9000; transform: translateY(-100%);}

/* Mobile menu */
.handheld-navigation, .nav-menu, .main-navigation div.menu>ul:not(.nav-menu){ max-height: 9999px; display: none;}
.main-navigation.toggled div.menu, .main-navigation.toggled .handheld-navigation{ position: fixed; width: 100%; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--main-color-2); display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center; text-align: center; z-index: 890;}
button.menu-toggle{ z-index: 900;}
.menu-toggle:focus{ outline: none;}


/* ######################################## */
/* FOOTER */
/* ######################################## */

.site-footer{ background-color: var(--main-color-3); color: var(--main-color-1); padding-bottom: 0; margin-top: 50px;}

.site-footer .footer-widgets{ border-bottom-color: var(--main-color-2)!important;}
.site-footer .footer-widgets.col-4{ /* annullo Bootstrap */ flex: auto; width: 100%;}
.site-footer .footer-widgets.col-4 .block{ float: none; width: auto; margin-right: auto;}

.site-footer .site-info{ padding: 15px 0;}
.site-footer .site-info .widget{ margin: 0; }
.site-footer .site-info .widget p{ margin-bottom: 0; text-align: center;}

.site-footer #footer-bottom{ background-color: var(--main-color-2); padding: 15px 0 75px 0;}
.site-footer #footer-bottom ul.social-menu{ margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.site-footer #footer-bottom ul.social-menu li{ padding: 10px; line-height: 30px; text-align: center;}
.site-footer #footer-bottom ul.social-menu li.instagram-icon a::before{ content: ''; display: block; position: relative; width: 30px; height: 30px; border-radius: 15px; background-image: url(img/social_ig.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; margin: 0 auto; }
.site-footer #footer-bottom ul.social-menu li.facebook-icon a::before{ content: ''; display: block; position: relative; width: 30px; height: 30px; border-radius: 15px; background-image: url(img/social_fb.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; margin: 0 auto; }

/* ######################################## */
/* HOME */
/* ######################################## */

.home-grid-parent{
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 33.33333%);
    grid-auto-rows: 1fr;
    grid-auto-flow: dense;
    }
.home-grid-parent::before {
    content: '';
    width: 0;
    padding-bottom: 100%;
    grid-row: 1 / 1;
    grid-column: 1 / 1;
    }
.home-grid-parent > *:first-child {
    grid-row: 1 / 1;
    grid-column: 1 / 1;
    }

.home-grid-parent{ margin-left: -10px; margin-right: -10px;}
.home-grid-parent > div{ padding: 10px;}
.home-grid-parent > div.prio-0{ grid-column-end: span 5; grid-row-end: span 5; position: relative;}
.home-grid-parent > div.prio-1{ grid-column-end: span 3; grid-row-end: span 3; position: relative;}
.home-grid-parent > div.prio-2{ grid-column-end: span 2; grid-row-end: span 2; position: relative;}
.home-grid-parent > div.prio-3{ grid-column-end: span 2; grid-row-end: span 2; position: relative;}
.home-grid-parent > div.prio-4{ grid-column-end: span 1; grid-row-end: span 1; position: relative;}
.home-grid-parent > div.prio-4.verticale{ grid-column-end: span 1; grid-row-end: span 2;}

    .home-grid-parent > div.blocco-1{ order: 1;}
    .home-grid-parent > div.blocco-2{ order: 2;}
    .home-grid-parent > div.blocco-3{ order: 3;}
    .home-grid-parent > div.blocco-4{ order: 4;}
    .home-grid-parent > div.blocco-5{ order: 5;}
    .home-grid-parent > div.blocco-6{ order: 6;}

.grid-item-wrap{ padding: 20px; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; flex-wrap: nowrap; align-content: flex-start; position: relative;}

.grid-item-wrap::after{content:""; position: absolute; top: 0; left: 0; z-index: 0; background-image: url(img/sfumatura.png); background-size: 100% 100%; background-position: center; width: 100%; height: 100%;}
.prio-4 .grid-item-wrap::after,.prio-3 .grid-item-wrap::after{content: none;}
.home-grid-parent > div .grid-item-wrap .grid-item-color{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #F2f2f2;}
.home-grid-parent > div .grid-item-wrap .grid-item-bg{ background-clip: content-box; background-position: center center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; display: block; height: 100%;} .home-grid-parent > div.verticale .grid-item-wrap .grid-item-bg{ background-size: contain;}
.home-grid-parent > div.prio-4 .grid-item-wrap{ /* display: none; */}
.home-grid-parent > div.prio-4 > a{ /* position: relative; width: 100%; height: 100%; display: block; */}
.grid-item-wrap .titolo, .grid-item-wrap .sottotitolo, .grid-item-wrap .cta{ text-transform: uppercase; position: relative; z-index: 1;}
/* .grid-item-wrap .titolo{ order: 2; z-index: 2;} .grid-item-wrap .sottotitolo{ order: 1; z-index: 2;} .grid-item-wrap .testo{ order: 3; z-index: 2;} .grid-item-wrap .cta{ order: 4; z-index: 2;} */
.grid-item-wrap .cta{ text-align: right; background-color: var(--main-color-1); }
.grid-item-wrap .cta a, .grid-item-wrap .cta a:visited, .grid-item-wrap .cta a:active, .grid-item-wrap .cta a:focus{ display: block; padding: 5px 10px; line-height: 1; color: #FFF;}
.grid-item-wrap .testo p{ padding: 10px 0px; border-top: 1px solid var(--main-color-1); margin: 0; }
.home-grid-parent > div h1, .home-grid-parent > div h2, .home-grid-parent > div h3, .home-grid-parent > div h4{ margin-bottom: 10px;}
.home-grid-parent > div .sottotitolo h2, .home-grid-parent > div .sottotitolo h3, .home-grid-parent > div .sottotitolo h4{ margin-bottom: 5px;}
.home-grid-parent > div.prio-2 h3{ font-size: 45px;}
.home-grid-parent > div.prio-2 h4{ font-size: 25px; display: none;}
.home-grid-parent > div.prio-3 h4{ font-size: 35px;}

.prio-0.bg_img h2, .prio-1.bg_img h2, .prio-2.bg_img h3, .prio-3.bg_img h4{ padding: 5px 10px 0px; position: relative; color: #FFF!important; /* width: fit-content; */ display: table;}
.prio-1.bg_img .sottotitolo, .prio-2.bg_img .sottotitolo, .prio-3.bg_img .sottotitolo{ padding-left: 10px; }
.prio-0.bg_img h2 span, .prio-1.bg_img h2 span, .prio-2.bg_img h3 span, .prio-3.bg_img h4 span{ position: relative;}
.prio-0.bg_img h2 span:first-child, .prio-1.bg_img h2 span:first-child, .prio-2.bg_img h3 span:first-child, .prio-3.bg_img h4 span:first-child{ display: block; position: absolute; left: 0; width: 100%; top: 0; height: 100%; background-color: var(--main-color-1); opacity: .5;}


/* ######################################## */
/* SHOP */
/* ######################################## */

/* Archivio prodotti: breadcrumbs, titolo */
.storefront-breadcrumb{ margin-bottom: 0!important;}
.woocommerce-breadcrumb a:first-of-type::before, .woocommerce-breadcrumb .breadcrumb-separator::after{ display: none;}
.woocommerce-breadcrumb .breadcrumb-separator{ text-indent: inherit;}

* #sottocategorie{ display: none;}
.archive .woocommerce-products-header #sottocategorie{ display: block;}
.archive .woocommerce-products-header #sottocategorie ul{ padding: 0; margin: 0; list-style: none; display: flex; flex-direction: row; justify-content: flex-start; width: 100%; margin: 0; padding: 0; flex-wrap: wrap;}
.archive .woocommerce-products-header #sottocategorie ul li{ border: 1px solid var(--main-color-4); border-radius: 50px; position: relative; overflow: hidden; margin: 5px; margin-left: 0px; }
.archive .woocommerce-products-header #sottocategorie ul li a{ padding: 15px 20px; display: block; position: relative; min-width: 120px; text-align: center; line-height: 1; text-transform: uppercase;}
.archive .woocommerce-products-header #sottocategorie ul li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; transform: translateY(100%); transition: transform .25s ease-out; background-color: var(--main-color-4);}
.archive .woocommerce-products-header #sottocategorie ul li:hover::before{  transform: translateY(0%);}
.archive h1.page-title{ margin: 30px 0!important; font-family: 'EB Garamond', serif; text-transform: inherit;}
.storefront-full-width-content .woocommerce-products-header{ padding-bottom: 0;}

.b2b-calltoaction a{ display: inline-block; color: #FFF; font-weight: bold; text-transform: uppercase; padding: 5px 20px; border-radius: 20px; background-color: var(--main-color-1); color: #FFF!important; transition: all .5s;}
.b2b-calltoaction a:hover{ background-color: var(--main-color-2); color: var(--main-color-1)!important;}
body:not(.b2b-user) .b2b-calltoaction{ display: none;}

/* Archivio prodotti: filtri */
.archive .topshop-area{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-top: 0;}
.archive .topshop-area .widget{ margin: 0 20px 20px 0; width: 100%;}
.archive .topshop-area div:last-child{ margin-right: 0; margin-bottom: 0;}
.archive .topshop-area .widget form{ margin-bottom: 0;}
.archive .topshop-area .widget-title{ border-bottom: 0; padding-bottom: 0; margin-bottom: 10px;}
.archive .topshop-area .widget:not(.widget_price_filter) .widget-title{ display: none;}
.archive .topshop-area > div{ order: 10;}
.archive .topshop-area .widget_text, .archive .topshop-area .widget_price_filter{ width: 100%; order: 1;}
.widget_price_filter .ui-slider .ui-slider-range, .widget_price_filter .ui-slider .ui-slider-handle{ background-color: var(--main-color-2);}

/*
.select2-container--open{ background-color: var(--main-color-2)!important;}
.select2-dropdown, .select2-container--default .select2-selection--single{ min-width: 120px!important; border-radius: 0px!important; border: none!important;}
.select2-search--dropdown{ display: none!important;}
.select2-container .select2-selection--single{ height: auto!important; display: block!important; position: relative!important; min-width: 120px!important; text-align: center!important; line-height: 1!important; border-radius: 25px!important;}
.select2-container--default .select2-selection--single{ background-color: var(--main-color-4)!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 1!important; padding: 15px 20px!important; min-width: 120px!important; margin-right: 10px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 100%!important; right: 10px!important;}
.select2-container--open{ background-color: transparent!important;}
.select2-container--default .select2-selection--single .select2-selection__clear{ padding: 0 5px;}
.select2-dropdown{ border: none!important;}
.woocommerce-ordering{ margin-right: 10px;}
.storefront-sorting{ font-size: inherit; display: flex; flex-wrap: wrap; align-content: center; align-items: center;}
.select2-container--default .select2-results__option[data-selected=true]{ background-color: var(--main-color-2)!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__placeholder{ color: var(--main-color-1)!important; text-transform: uppercase;}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{ background-color: var(--main-color-1)!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{ border-color: var(--main-color-1) transparent transparent transparent!important;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-color: transparent transparent var(--main-color-1) transparent!important;}
.topshop-area.product_cat .dropdown_product_cat, .topshop-area.product_cat .widget_product_categories{ display: none!important;}
.topshop-area.product_cat .filtro-tipologia-prodotto{ display: none;}
*/
.select2-container--open{ z-index: 7001;}
.select2-container--open .select2-dropdown{ margin-top: 5px;}


    /* nuovi filtri */
    .archive .widget_layered_nav ul{ padding: 0; margin: 0; list-style: none; display: flex; flex-direction: row; justify-content: flex-start; width: 100%; margin: 0; padding: 0; flex-wrap: wrap;}
    .archive .widget_layered_nav ul li{ border: 1px solid var(--main-color-4); border-radius: 50px; position: relative; overflow: hidden; margin: 5px; margin-left: 0px; padding-left: 0; background-color: var(--main-color-4);}
    .archive .widget_layered_nav ul li a{ padding: 10px 15px; display: block; position: relative; text-align: center; line-height: 1; text-transform: uppercase; float: left; padding-right: 0px; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 300; font-size: 16px; letter-spacing: 1px; }
    .archive .widget_layered_nav ul li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; transform: translateY(100%); transition: transform .25s ease-out; background-color: var(--main-color-4);} .widget_layered_nav ul li::before{ opacity: 1; margin: 0;}
    .archive .widget_layered_nav ul li:hover::before{  transform: translateY(0%);}
    .widget.woocommerce li .count{ line-height: 1; padding: 10px 15px; padding-left: 0; position: relative; z-index: 50; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 300; font-size: 16px; letter-spacing: 1px; float: none; display: inline-block;}
    .archive .widget_layered_nav ul li.chosen{ }
    .archive .widget_layered_nav ul li.chosen a::after{ content: "\2715"; font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", sans-serif; font-size: 10px; line-height: 34px; position: absolute; top: 0; bottom: 0; left: 5px; padding: 0 10px; height: 34px; z-index: 50; }
    .archive .widget_layered_nav ul li.chosen a{ padding-left: 30px;}

/* Archivio prodotti: copertina */
.archive .immagine_copertina{ margin-bottom: 35px;}

/* Archivio prodotti: loop */
.site-main ul.products li.product{ position: relative; background-color: var(--main-color-5); padding-bottom: 20px; overflow: auto; margin-bottom: 35px;}
.site-main ul.products li.product::before{ content: ""; display: block; width: 100%; padding-bottom: 100%; position: relative; }
/* .site-main ul.products li.product > a{ position: absolute; top: 0;} */
.site-main ul.products li.product > a:nth-child(1){  position: absolute; top: 0; height: 70%; width: 100%; }
.site-main ul.products li.product > a:nth-child(2){ position: absolute; top: auto; bottom: 0; min-height: 30%; width: 100%; text-align: left; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; align-content: flex-start; flex-wrap: nowrap; padding: 10px 20px 15px 20px; background-color: var(--main-color-5); }
.site-main ul.products li.product > a:nth-child(1) img{ width: 100%; height: 100%; object-fit: contain;}
.site-main ul.products li.product > a:nth-child(2) .woocommerce-loop-product__title{ order: 2; margin: 0; font-size: 20px; font-weight: lighter; max-width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1;}
.site-main ul.products li.product > a:nth-child(2) .price{ order: 1; margin: 0; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 25px; color: var(--main-color-1);}
.site-main ul.products li.product > a:nth-child(2) .min-quantity{margin-bottom: 10px; display: block; width: 100%; color: #64000a;}
.site-main ul.products li.product > a:nth-child(2) .onsale{ display: none;}

.site-main ul.products li.product .quantity{float: left; display: inline-block; margin-right: 10px; margin-left: 20px; z-index: 9; position: relative;}
.site-main ul.products li.product .quantity button{border-radius: 15px; width: 30px; height: 30px; padding: 0; margin: 0;}
.site-main ul.products li.product .quantity input{border-radius: 15px; width: 30px; height: 30px; padding: 0; margin: 0; border:solid thin var(--main-color-1);}
.site-main ul.products li.product .add_to_cart_button{ z-index: 10; position: relative; border-radius: 15px; width: 30px; height: 30px; padding: 0; margin: 0; border:solid thin var(--main-color-1); background-size: 100%; background-position: center center; background-image: url(img/addto.svg); overflow: hidden; text-indent: -2000px; float: left; display: inline-block;}
.site-main ul.products li.product .add_to_cart_button.loading{position: relative; top: inherit; left: inherit;}

.site-main ul.products li.product.product-in-cart .add_to_cart_button{text-indent: inherit; background-image: url(img/addto_cartnumber.svg); color: var(--main-color-1);}
.site-main ul.products li.product .added_to_cart{ z-index: 11; position: relative; display: inline-block; border-radius: 15px; width: 30px; height: 30px; padding: 0; margin: 0 0 0 5px; border:solid thin var(--main-color-1); background-color: transparent; background-size: 100%; background-position: center center; background-image: url(img/showcart.svg); overflow: hidden; text-indent: -2000px;  float: left;}

.site-main ul.products li.product .span-dimensioni{ display: block; font-size: 14px; text-transform: uppercase; margin-bottom: 7px; font-weight: bold;}
.site-main ul.products li.product .span-dimensioni span{ text-transform: lowercase; margin: 0 2px;}

/* .site-main ul.products li.product > a:nth-child(3), .site-main ul.products li.product > a:nth-child(4){ position: absolute; top:15px; height: 35px; width: 35px; right: 15px; margin: 0; text-indent: -9999px; font-size: 0;} */
/*.site-main ul.products li.product > a:nth-child(4){top: 60px;}*/
.site-main ul.products li.product .button{ background-color: transparent;}
/*.site-main ul.products li.product .add_to_cart_button{ background-color: transparent; background-repeat: no-repeat; background-size: 100%; background-position: center center; background-image: url(img/addto.svg);}
.site-main ul.products li.product .added_to_cart{ background-color: transparent; background-repeat: no-repeat; background-size: 100%; background-position: center center; background-image: url(img/showcart.svg);} */


ul.products li.product img{ }

ul.products, .wc-block-grid__products{ display: flex; flex-direction: column; flex-wrap: nowrap; position: relative;}
.page-template-template-fullwidth-php .site-main ul.products.columns-5 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-5 li.product, .page-template-template-homepage-php .site-main ul.products.columns-5 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-5 li.product, .storefront-full-width-content .site-main ul.products.columns-5 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-5 li.product{ /* margin: 10px; flex: 0 1 calc(50% - 20px); */}



ul.products .product-type-yith_bundle{ order: -1; display: none;}
body.b2b-user ul.products .product-type-yith_bundle{ display: block;}

ul.products li.product.product-type-yith_bundle .span-dimensioni, ul.products li.product.product-type-yith_bundle .price{ display: none;}
ul.products li.product.product-type-yith_bundle .woocommerce-loop-product__title, .site-main ul.products li.product.product-type-yith_bundle > a:nth-child(2) .woocommerce-loop-product__title{ margin-top: 25px; margin-bottom: 28px;}


/* Scheda prodotto */
.edit-link{ display: none;}
.single-product div.product article{ margin-bottom: 50px!important; overflow: visible;}
.single-product div.product article > .contenitore-immagini{ width: 100%; position: relative; height: 0; padding-bottom: 100%;}

.single-product div.product article .onsale{ position: absolute;}
.woocommerce-product-gallery ul, .contenitore-immagini ul{ list-style: none; margin: 0; padding: 0;}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery{ width: 100%; height: 100%; margin: 0; padding: 0;}
.pswp__bg{ background-color: var(--main-color-4);}
.pswp__button--arrow--right, .pswp__button--arrow--left{ filter:invert();}

.single-product div.product .contenitore-info, .single-product div.product .contenitore-info .section-wrap{ overflow: visible!important;}
.single-product div.product .contenitore-info .section-content{ background-color: var(--main-color-2); z-index: 1;}
.single-product div.product h1.product_title{ border-bottom: 1px solid var(--main-color-1); margin: 0 0 10px;}
.single-product div.product p.price{ margin: 0 0 20px; }
.single-product div.product .qty_controls{ float: left; margin-right: 10px;}
.single-product div.product form.cart > .qty_controls, .single-product div.product form.cart > .quantity, .single-product div.product form.cart > .single_add_to_cart_button{ margin-bottom: 10px;}
.single-product div.product form.cart{ margin-bottom: 0; padding: 0;}
.single-product div.product .product_meta { padding-top: 10px; border-top: none;}

.single-product div.product .quantity{ display: flex; flex-direction: row;}
.single-product div.product .quantity .plus{ order: 3;}
.single-product div.product .quantity .minus{ order: 2;}
.single-product div.product .quantity .input-text.qty{ order: 1;}
.single-product div.product .quantity button, .quantity button{ background-color: var(--main-color-1); color: #FFF!important; padding: 0.6180469716em 15px; margin-left: 10px; opacity: .8; transition: opacity 0s .5s;}
.single-product div.product .quantity button:hover{ opacity: 1;}
.single-product div.product .input-text.qty{ background-color: var(--main-color-1_op3); font-family: 'EB Garamond', serif; color: var(--main-color-1); border: none; box-shadow: none; width: 80px;}
.single-product div.product form.cart > .single_add_to_cart_button{ background-color: var(--main-color-1); color: #FFF; font-family: 'EB Garamond', serif; font-weight: inherit; text-transform: uppercase;}

.single-product div.product article > section.contenitore-immagini, .single-product div.product article > section.contenitore-info, .single-product div.product article > section.contenitore-dimensioni, .single-product div.product article > .contenitore-materiali{ width: auto; height: auto; padding-bottom: 0; margin-bottom: 20px; background-clip: content-box; position: relative; overflow: hidden;}
.single-product div.product article > .contenitore-dimensioni{ background-color: var(--main-color-4); padding-bottom: 20px;}
.single-product div.product article > section.contenitore-info .section-wrap .section-content, .single-product div.product article > section.contenitore-dimensioni .section-wrap .section-content{ padding: 25px; width: 100%;}
.single-product div.product article > section.contenitore-materiali .materiale{ position: relative; background-color: var(--main-color-6); color: #FFF; text-align: center; height: 100%; width: 30%; display: none; flex-direction: column; justify-content: center; align-items: center; float: left; padding-bottom: 30%; height: 0;}
.single-product div.product article > section.contenitore-materiali .materiale:first-child{ margin-right: 10px; display: flex;}
.single-product div.product article > section.contenitore-materiali .materiale:nth-child(2){ margin-left: 10px; display: flex;}
.single-product div.product article > section.contenitore-materiali .materiale a{ color: #FFF;  position: absolute; bottom: 15%; left: 0; width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
.materiale{ background-size:100% 100%; background-position: center; text-transform: uppercase; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 14px;}

/* classi icone */
.calamita{ background-image: url('img/calamita.png');}
.legno{ background-image: url('img/legno.png');}
.nastrino{ background-image: url('img/nastrino.png');}
.nastro{ background-image: url('img/nastro.png');}
.ferretto{ background-image: url('img/ferretto.png');}
.gessetto{ background-image: url('img/gessetto.png');}
.piedistallo{ background-image: url('img/piedistallo.png');}
.campanello{ background-image: url('img/campanello.png');}
.carillon{ background-image: url('img/carillon.png');}
.lumino{ background-image: url('img/lumino.png');}
.orologio{ background-image: url('img/orologio.png');}
/* classi icone */


.contenitore-dimensioni h3{ border-bottom: 1px solid var(--main-color-1); margin: 0 0 20px;}
.contenitore-dimensioni h4{ line-height: 1; margin-bottom: 0;}
.contenitore-dimensioni .section-content > .dati-riga > div{ border-bottom: 1px solid var(--main-color-1);}
.contenitore-dimensioni .section-content > div:last-child{ /* border-bottom: none; */}

.single-product div.product.product-type-yith_bundle article > section.contenitore-immagini{ width: 100%; height: 0px; padding-bottom: 100%;}
.yith-wcpb-product-bundled-items{ box-shadow: none; border: none; }
.yith-wcpb-product-bundled-items .yith-wcpb-product-bundled-item{ border: none;}
.yith-wcpb-product-bundled-item-data__description{ display: none;}
.yith-wcpb-product-bundled-items .woocommerce-product-gallery__image{ width: 100%!important;}


    /* Scheda prodotto: tabs */
    .storefront-full-width-content .woocommerce-tabs ul.tabs{ display: none;}
    .storefront-full-width-content .woocommerce-tabs .panel{ float: left; width: 100%;}

/* Carrello, Checkout */
.woocommerce-cart-form{ display: flex; flex-wrap: wrap;}
.woocommerce-cart-form #wcssc-button-container button, .woocommerce-cart-form .empty_cart-button .button{font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; text-transform: uppercase; line-height: 1.618; text-rendering: optimizeLegibility; cursor: pointer; padding: 0.6180469716em 1.41575em; text-decoration: none; font-weight: 600; text-shadow: none; display: inline-block; -webkit-appearance: none;border: 0; border-radius: 0; background-color: var(--main-color-5); border-color: var(--main-color-5); margin-right: 25px;}
.woocommerce-cart-form .empty_cart-button a{ display: inline-block; margin-bottom: 25px;}

.star-rating span:before, p.stars a:hover:after, p.stars a:after, .star-rating span:before, #payment .payment_methods li input[type=radio]:first-child:checked+label:before{ color: var(--main-color-1);}
.woocommerce form .form-row label{ margin-bottom: 5px;}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus{ outline-color: var(--main-color-1);}
table.cart td.product-quantity .qty{ background-color: var(--main-color-1_op3); font-family: 'EB Garamond', serif; color: var(--main-color-1); box-shadow: none; width: 50px; padding: 0.6180469716em; text-align: center!important; max-width: none;}
table.cart td.product-quantity .quantity button{ margin-left: inherit;}
table.cart .product-thumbnail img{ max-width: 150px;}

table.cart td.product-name::before{ display: none;}
table.cart td.product-name{ text-align: center;}
table.cart td.actions #coupon_code{ line-height: 1.5; float: left; padding: 0.6180469716em 1.41575em; margin-right: 10px;}

a.button.wcmca_add_new_address_button, button.button.wcmca_add_new_address_button{ margin-top: 15px!important;}
#billing_receiver_type_field{ overflow: auto;}
#billing_receiver_type_field.b2b{ /* display: none;*/}
#billing_receiver_type_field .woocommerce-input-wrapper label{ top: 0!important;}
span.woocommerce-input-wrapper{ display: block; /* overflow: auto; */}

.modal-content{ border-radius: 0px;}
.modal-header{ background-color: var(--main-color-3); border-radius: 0px;}
.modal-header .close{ padding: 0px 20px; background-color: transparent; color: var(--main-color-1); font-size: 24px; line-height: 44px;}
@media (min-width: 576px){ .modal-dialog { max-width: 350px;}}
.wcssc-icons-container{ justify-content: space-around;}
.wcssc-icons-container > div{ padding: 25px 0;}
.wcssc-form-row button[type="submit"]{ background-color: var(--main-color-1);}
.wcssc-form-row label, .wcssc-form-row input[type="text"], .wcssc-form-row textarea{ width: 100%;}
.form-row input[type=checkbox]:focus, .form-row input[type=radio]:focus{ outline: none;}

.b2b-user.woocommerce-order-received .woocommerce-bacs-bank-details{ display: none;}

/* Selezione dei prodotti da eliminare dal carrello */
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{ /* text-indent:  -9999px; */ width: 120px; position: relative;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{ }
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:after, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:after{ display: block; position: absolute; top: 0; left: 0; width: 100%; text-align: center; padding: 6px 0; line-height: 1.42857143; }

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:after{ content: 'conferma'; background-color: #80645A;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:after{ content: 'annulla';  background-color: #ECE8E5;}

/* ######################################## */
/* PAGINA/E AZIENDALE */
/* ######################################## */
.page-template .copertina-container{ width: 100%; position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 350px; margin-bottom: 20px;}
.page-template .copertina-container img{ width: 100%; height: 100%; object-fit: cover; position: absolute; }
.page-template .copertina-container aside{ position: relative; padding: 40px;}
.page-template .copertina-container aside h1, .page-template-template-azienda .copertina-container aside p{ margin: 0; color: #FFF;}
.page-template .copertina-container aside p{ margin-top: 10px; border-top: 1px solid #FFF; padding-top: 10px; font-size: 15px; color:#FFF;}

.page-template-template-azienda .plus-container{ display: flex; flex-wrap: wrap; flex-direction: column; margin: 0 -10px;}
.page-template-template-azienda .plus-container .plus-item{ position: relative; padding: 0px 10px 20px 10px;}
.page-template-template-azienda .plus-container .plus-item .plus-wrap{ position: relative; width: 100%; height: 100%; padding: 40px;}

.plus-item .plus-background{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .2;}
.plus-item h2{ color: inherit;}
.plus-item img{ height: 200px; width: auto; object-fit: contain; margin: 0 auto; margin-bottom: 40px; }

/* ######################################## */
/* PAGINA PACKAGING */
/* ######################################## */
.packaging-section{ margin-bottom: 10px;}
.packaging-section .packaging-row{ display: flex; flex-direction: column; margin-top: 50px;}
.page-template .packaging-section .packaging-row .col-video{ width: 100%;}
.page-template .packaging-section .packaging-row .col-text{ width: 100%; padding: 0; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 25px; font-weight: 300; line-height: 1;}
.packaging-section .packaging-row .col-video{ background-size: cover; background-position: center center; background-repeat: no-repeat;}

/* ######################################## */
/* POLICIES */
/* ######################################## */
#iubenda_policy.iubenda_fluid_policy .iub_container{ margin: 0 -30px;}

.iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right]{ background: var(--main-color-3)!important; color: var(--main-color-1)!important; /* font-size: 12px!important; height: 25px!important; line-height: 25px!important;*/ text-transform: uppercase!important; font-weight: 300!important; font-size: 12px!important; height: 25px!important; line-height: 28px!important;}
.iubenda-tp-btn:not([data-tp-nostyle]){ }


/* ######################################## */
/* ACCOUNT / AREA RISERVATA */
/* ######################################## */
span.woocommerce-input-wrapper{ margin-top: 5px;}
#wcmca_address_form_container_billing span.woocommerce-input-wrapper{ overflow: inherit;}

/* ######################################## */
/* 404 */
/* ######################################## */
.error-404{ padding-top: 35px;}
.error-404 h1{ font-weight: 400; letter-spacing: 1px;}
.error-404-search{ margin-bottom: 50px;}
.error-404-search .aws-container .aws-search-field, .error-404-search .aws-container .aws-search-field:focus{ background-color: var(--main-color-1); padding: 0 20px;}

@media screen and (min-width: 400px) {

}

@media screen and (min-width: 600px) {

    /* 600 HOME */
    .home-grid-parent{ grid-template-columns: repeat(auto-fill, 25%);}

}

@media screen and (min-width: 768px) {

    .col-full { max-width: 1600px;}

    /* 768 HEADER */
    .site-header{ padding: 0 0; height: auto;}
    .site-header{ display: block; /* width: 100%; justify-content: center; flex-wrap: nowrap; flex-direction: column; align-items: stretch; */}
    .site-header .site-branding{ max-width: 20%!important; margin: 0 auto!important; padding: 0;}
    .site-header .site-branding img{ padding: 25px 0px; height: 150px; width: auto; margin: 0 auto; max-width: 230px; max-height: none;}
    .site-header .main-navigation ul.menu, .site-header .main-navigation ul.nav-menu{ margin: 0; margin-top: 6px; /* piccola correzione ottica */ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end; text-transform: uppercase;}
    .site-header .main-navigation ul.menu > li{ height: var(--header-li-height); line-height: var(--header-li-height); height: 21px;}
    .site-header .main-navigation ul.menu > li > a, .site-header .main-navigation ul.nav-menu > li > a { padding: 0 10px; line-height: 18px;}
    .site-header #user-menu span{ display: inline-block; margin-right: 3px;}
    .site-header .header-wrapper-flex #utility-menu > div{ display: inline-block;}

    #mega-menu #mega-menu-main-list ul{ display: block; margin: 0 auto; width: auto; max-width: none;}
    #mega-menu #mega-menu-main-list ul li{ width: 160px;}
    #mega-menu #mega-menu-main-list ul li.pensieri, #mega-menu #mega-menu-main-list ul li.prodotti{ display: inline-block;} #mega-menu #mega-menu-main-list ul li.stile{ border-right-style: solid; border-right-width: 1px; }
    #mega-menu .mega-panel{ position: fixed; height: auto; max-height: 0; top: 210px; bottom: 0; left: 0; transform: translate(0); transition: max-height .25s ease-out; overflow-y: scroll;}
    #mega-menu .mega-panel.visible{ transform: translate(0); max-height: 100vh;}
    #mega-menu .mega-panel-toggle.last{ font-weight: bold;}
    #mega-menu .mega-panel > div{ opacity: 0; transition: opacity .25s .25s;}
    #mega-menu .mega-panel.visible.last > div{ opacity: 1;}
    #mega-menu .mega-panel .mega-panel-close{ display: none;}
    #mega-menu .mega-panel .col-full, .content-provvisorio{ display: flex; flex-wrap: wrap;}
    .content-provvisorio{ margin-left: -10px; margin-right: -10px; margin-top: 100px;}
    #mega-menu .mega-panel .col-full .mega-panel-col, .content-provvisorio .mega-panel-col{ flex: 0 0 25%; padding-bottom: 25px; /*text-align: center;*/}
    #mega-menu .mega-panel .col-full .tutti-prodotti{ text-align: center; margin: 0;}
    #mega-menu .mega-panel .mega-panel-row{ display: flex;}

    #mega-menu .mega-panel-toggle span::before{ }

    /* 768 FOOTER */
    .site-footer .footer-widgets.col-4 { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start;}
    .site-footer #footer-bottom{ padding: 15px 0;}

    /* 768 HOME */
    .home-grid-parent{ grid-template-columns: repeat(auto-fill, 20%);}
    .grid-item-wrap{ padding: 40px;}
    .home-grid-parent > div.prio-2 h4{ display: block;}

    /* 768 SHOP */
    /* Archivio prodotti: breadcrumbs, titolo */
    .archive .woocommerce-products-header #sottocategorie ul{ justify-content: center;}
    .archive .woocommerce-products-header #sottocategorie ul li{ margin: 10px; max-width: none;}
    .archive h1.page-title{ display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap;}
    .archive h1.page-title span{ padding: 0 15px;}
    .archive h1.page-title::before, .archive h1.page-title::after{ content: ""; display: block; background-color: var(--main-color-2); width: 100%; height: 2px; flex: 1;}

    ul.products, .wc-block-grid__products{ display: flex; flex-flow: row wrap; position: relative;}
    .page-template-template-fullwidth-php .site-main ul.products.columns-5 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-5 li.product, .page-template-template-homepage-php .site-main ul.products.columns-5 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-5 li.product, .storefront-full-width-content .site-main ul.products.columns-5 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-5 li.product{ margin: 10px; flex: 0 1 calc(50% - 20px); /* <-- adjusting for margin */ }
    ul.products li.product.last, ul.products .wc-block-grid__product.last, .wc-block-grid__products li.product.last, .wc-block-grid__products .wc-block-grid__product.last{ margin-right: 10px!important;}

    /*   .error-404  */
    .storefront-full-width-content .site-main ul.products.columns-4{ margin: 0 -10px;}
    .storefront-full-width-content .site-main ul.products.columns-4 li.product{ margin: 10px; flex: 0 1 calc(50% - 20px);}

        /* nuovi filtri */
        .archive .widget_layered_nav ul{ justify-content: center;}

        /* copertina */
        .archive .immagine_copertina { margin: 10px; /* flex: 0 1 calc(50% - 20px);*/ margin-bottom: 15px;}

    /* 768 SHOP */
    /* Scheda prodotto */
    .single-product div.product{ overflow: visible;}
    .storefront-full-width-content.single-product div.product .summary{ width: auto; margin: 0;}
    .single-product div.product article{ display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fill, 20%); margin: -10px -10px;}
    .single-product div.product article::before { content: ''; width: 0; padding-bottom: 100%; grid-row: 1 / 1; grid-column: 1 / 1;}
    .single-product div.product article > *:first-child { grid-row: 1 / 1; grid-column: 1 / 1;}
    .single-product div.product article > section.contenitore-immagini, .single-product div.product article > section.contenitore-info, .single-product div.product article > section.contenitore-dimensioni, .single-product div.product article > .contenitore-materiali{ padding: 10px; margin-bottom: 0;}
    .single-product div.product article > .contenitore-immagini{ grid-row-end: span 3; grid-column-end: span 5; /*background-color: var(--main-color-4);*/}
    .single-product div.product article > .contenitore-info{ grid-row-end: span 3; grid-column-end: span 3; background-color: var(--main-color-2);}
    .single-product div.product article.no_dimensioni > .contenitore-info{ grid-column-end: span 5; }
    .single-product div.product article > .contenitore-dimensioni{ grid-row-end: span 2; grid-column-end: span 2;}
    .single-product div.product article > .contenitore-materiali{ grid-row-end: span 1; grid-column-end: span 2;}
    .single-product div.product article > section .section-wrap{ position: relative; width: 100%; height: 100%; overflow: hidden; top: auto; left: auto;}
    .single-product div.product:not(.product-type-yith_bundle) article > section .section-wrap .section-content{ position: absolute;}
    .single-product div.product article > section.contenitore-materiali .section-wrap .section-content{ height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch;}
    .single-product div.product article > section.contenitore-materiali .materiale{ width: 50%; float: none; padding-bottom: 0; height: auto;}
    .contenitore-immagini .section-wrap .section-content{ width: 100%; height: 100%;}
    .woocommerce-product-gallery__wrapper, .woocommerce-product-gallery__wrapper ul{ height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
    .woocommerce-product-gallery__wrapper ul li:not(.foto_principale) a{ display: block; height: 0; position: relative; padding-bottom: calc( 100% - 20px); margin-left: 20px; margin-bottom: 20px;}
    .woocommerce-product-gallery__wrapper ul li:first-child{ width: calc(60% - 8px); height: 100%;}
    .woocommerce-product-gallery__wrapper ul li:nth-child(2).foto_principale{ width: calc( 40% + 8px - 20px ); margin-left: 20px; margin-bottom: 20px;}
    .woocommerce-product-gallery__wrapper ul li img{ width: 100%; height: 100%; object-fit: cover;}
    .woocommerce-product-gallery__wrapper ul li:not(.foto_principale) a img{ position: absolute;}
    .woocommerce-product-gallery__image{ width: calc( 20% + 4px);}
    .woocommerce-product-gallery__wrapper ul li{ float: left;/* width: 20%;*/}
    .woocommerce-product-gallery__wrapper ul li.immagine_ambientata a{ padding-bottom: 100%; margin-left: 0; margin-bottom: 0;}

    .woocommerce-product-gallery__wrapper div{ width: 100%; height: 100%; margin: 0; padding: 0;}
    .woocommerce img.pswp__img, .woocommerce-page img.pswp__img{ object-fit: contain;}

    .single-product div.product article.col-minus-1 > .contenitore-immagini{ grid-row-end: span 3; grid-column-end: span 4;}
    .single-product div.product article.col-minus-1 > .contenitore-immagini.tot-1, .single-product div.product article.col-minus-1 > .contenitore-immagini.tot-2, .single-product div.product article.col-minus-1 > .contenitore-immagini.tot-3, .single-product div.product article.col-minus-1 > .contenitore-immagini.tot-4{ grid-row-end: span 3; grid-column-end: span 4;}
    .single-product div.product article.col-minus-1 > .contenitore-immagini.tot-5, .single-product div.product article.col-minus-1 > .contenitore-immagini.tot-6, .single-product div.product article.col-minus-1 > .contenitore-immagini.tot-7{ grid-row-end: span 3; grid-column-end: span 5;}

    .single-product div.product article.col-minus-1 .contenitore-immagini .woocommerce-product-gallery__wrapper ul li{ width: 26%;}
    .single-product div.product article.col-minus-1 .contenitore-immagini .woocommerce-product-gallery__wrapper ul li:first-child { width: 74%;}
    .single-product div.product article.immagine_unica > .contenitore-immagini{ grid-row-end: span 3; grid-column-end: span 3;}
    .single-product div.product article.immagine_unica .contenitore-immagini .woocommerce-product-gallery__wrapper ul li{ display: none;}
    .single-product div.product article.immagine_unica .contenitore-immagini .woocommerce-product-gallery__wrapper ul li:first-child { width: 100%; display: block;}

    .single-product div.product.product-type-yith_bundle article{ display: block;}
    .single-product div.product.product-type-yith_bundle article > section.contenitore-immagini{ width: calc( 50% - 10px);
    padding-bottom: calc( 50% - 20px); float: left; margin-bottom: 10px; margin-right: 10px;}
    .single-product div.product.product-type-yith_bundle article > section.contenitore-immagini .section-wrap{ position: absolute; top: 10px; left: 10px; right: 0; bottom: 0;}
    .single-product div.product.product-type-yith_bundle article > .contenitore-info{ /* grid-column-end: span 5; */ width: 50%;}

    /* Carrello, Checkout */
    .woocommerce-cart-form__cart-item.cart_item td{ /* display: table;*/ vertical-align: middle;}
    table.cart td.product-quantity .quantity{ display: flex; flex-direction: row;}
    table.cart td.product-quantity .qty{ margin: 0 10px;}
    table.cart td.product-name{ text-align: left;}


    /* 768 PAGINA AZIENDALE */
    .page-template .copertina-container{ min-height: 50vh; }
    .page-template .copertina-container aside{ width: 40%;}
    .page-template-template-azienda .plus-container{ display: flex; flex-direction: row;}
    .page-template-template-azienda .plus-container .plus-item{ width: 50%;}


    /* 768 PAGINA PACKAGING */
    .packaging-section .packaging-row{ flex-direction: row;}
    .packaging-section .packaging-row:nth-child(even){ flex-direction: row-reverse;}
    .page-template .packaging-section .packaging-row .col-video{ width: calc( 50% - 10px);;}
    .page-template .packaging-section .packaging-row .col-text{ width: auto; flex-grow: 1;}
    .page-template .packaging-section .packaging-row:nth-child(odd) .col-text{padding-left: 20px;}
    
}

@media screen and (min-width: 900px) {

    /* 900 SHOP */
    /* Archivio prodotti: breadcrumbs, titolo */
    ul.products, .wc-block-grid__products{ display: flex; flex-flow: row wrap; position: relative;}
    .page-template-template-fullwidth-php .site-main ul.products.columns-5 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-5 li.product, .page-template-template-homepage-php .site-main ul.products.columns-5 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-5 li.product, .storefront-full-width-content .site-main ul.products.columns-5 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-5 li.product{ margin: 10px; flex: 0 1 calc(50% - 20px); /* <-- adjusting for margin */ }
    ul.products li.product.last, ul.products .wc-block-grid__product.last, .wc-block-grid__products li.product.last, .wc-block-grid__products .wc-block-grid__product.last{ margin-right: 10px!important;}

}

@media screen and (min-width: 960px) {

    /* 960 HEADER */
    .site-header .header-wrapper-flex{ padding: 15px 0;}
    .site-header .header-wrapper-flex #utility-menu{ display: flex; flex-direction: row; align-items: center; justify-content: flex-start;}
    .site-header .header-wrapper-flex #utility-menu > div{ margin-right: 10px;}
    .site-header-cart .cart-contents{ padding: 0;}
    #utility-menu, #site-navigation, .woocommerce-active .site-header .main-navigation{ margin: 0 0 20px 0;}
    .site-header .site-branding img{ /* padding: 25px; */}
    .site-header .main-navigation ul.menu, .site-header .main-navigation ul.nav-menu{flex-direction: row; flex-wrap: wrap; align-items: center; }
    #mega-menu .mega-panel{ top: 240px;}

    /* 960 SHOP */
    /* Archivio prodotti: breadcrumbs, titolo */
    ul.products, .wc-block-grid__products{ display: flex; flex-flow: row wrap; position: relative;}
    .page-template-template-fullwidth-php .site-main ul.products.columns-5 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-5 li.product, .page-template-template-homepage-php .site-main ul.products.columns-5 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-5 li.product, .storefront-full-width-content .site-main ul.products.columns-5 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-5 li.product{ margin: 10px; flex: 0 1 calc(33.33333% - 20px); /* <-- adjusting for margin */ }
    ul.products li.product.last, ul.products .wc-block-grid__product.last, .wc-block-grid__products li.product.last, .wc-block-grid__products .wc-block-grid__product.last{ margin-right: 10px!important;}
    /* copertina */ .archive .immagine_copertina { flex: 0 1 calc(66.666% - 20px); margin-bottom: 10px; }

    /*   .error-404  */
    .storefront-full-width-content .site-main ul.products.columns-4{ margin: 0 -10px;}
    .storefront-full-width-content .site-main ul.products.columns-4 li.product{ margin: 10px; flex: 0 1 calc(33.33333% - 20px);}

}

@media screen and (min-width: 1200px) {

    .col-full { max-width: none; padding: 0 5rem;}

    /* 1200 HEADER */
    /*#mega-menu .mega-panel .col-full .mega-panel-col{ flex: 0 0 25%;}*/

    /* 1200 HOME */
    .home-grid-parent{ grid-template-columns: repeat(auto-fill, 10%);}
    .home-grid-parent > div.prio-1{ grid-column-end: span 4; grid-row-end: span 4;}
    .home-grid-parent > div.prio-2{ grid-column-end: span 3; grid-row-end: span 3;}
    .home-grid-parent > div.prio-3{ grid-column-end: span 3; grid-row-end: span 3;} /* corretto a 1460px */
    .home-grid-parent > div.prio-4{ grid-column-end: span 1; grid-row-end: span 1;}


    /* 1200 SHOP */
    /* Archivio prodotti: breadcrumbs, titolo */
    ul.products, .wc-block-grid__products{ display: flex; flex-flow: row wrap; position: relative;}
    .page-template-template-fullwidth-php .site-main ul.products.columns-5 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-5 li.product, .page-template-template-homepage-php .site-main ul.products.columns-5 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-5 li.product, .storefront-full-width-content .site-main ul.products.columns-5 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-5 li.product{ margin: 10px; flex: 0 1 calc(33.3333% - 20px); /* <-- adjusting for margin */ }
    ul.products li.product.last, ul.products .wc-block-grid__product.last, .wc-block-grid__products li.product.last, .wc-block-grid__products .wc-block-grid__product.last{ margin-left: 10px!important;}

    .single-product div.product article.col-minus-1 > .contenitore-info{ grid-row-end: span 3; grid-column-end: span 4;}
    .single-product div.product article.col-minus-2 > .contenitore-info{ grid-row-end: span 3; grid-column-end: span 5;}

    .single-product div.product.product-type-yith_bundle article > .contenitore-info{ grid-row-end: span 3; grid-column-end: span 8;}

    /* Scheda prodotto */
    .single-product div.product article{ display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fill, 10%); margin: -10px -10px;}

    /* 768 PAGINA AZIENDALE */
    .page-template-template-azienda .plus-container .plus-item{ width: 20%;}
    .page-template-template-azienda .plus-container.plus-4-col .plus-item{ width: 25%;}
    .page-template-template-azienda .plus-container.plus-3-col .plus-item{ width: 33.33333%;}
    .page-template-template-azienda .plus-container.plus-2-col .plus-item{ width: 50%;}
    .page-template-template-azienda .plus-container.plus-1-col .plus-item{ width: 100%;}
    .page-template-template-azienda .plus-container.plus-0-col { display: none;}
}

@media screen and (min-width: 1460px) {
    .home-grid-parent > div.prio-3 { grid-column-end: span 2; grid-row-end: span 2;}

    /* 1460 SHOP */
    /* Archivio prodotti: breadcrumbs, titolo */
    ul.products, .wc-block-grid__products{ display: flex; flex-flow: row wrap; position: relative;}
    .page-template-template-fullwidth-php .site-main ul.products.columns-5 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-5 li.product, .page-template-template-homepage-php .site-main ul.products.columns-5 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-5 li.product, .storefront-full-width-content .site-main ul.products.columns-5 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-5 li.product{ margin: 10px; flex: 0 1 calc(25% - 20px); /* <-- adjusting for margin */ }
    ul.products li.product.last, ul.products .wc-block-grid__product.last, .wc-block-grid__products li.product.last, .wc-block-grid__products .wc-block-grid__product.last{ margin-left: 10px!important;}
    /* copertina */ .archive .immagine_copertina { flex: 0 1 calc(50% - 20px); }

}

@media screen and (min-width: 1600px) {

    .col-full { max-width: none; padding: 0 10rem;}

}

@media screen and (min-width: 2000px) {

    /* 2000 SHOP */
    /* Archivio prodotti: breadcrumbs, titolo */
    ul.products, .wc-block-grid__products{ display: flex; flex-flow: row wrap; position: relative;}
    .page-template-template-fullwidth-php .site-main ul.products.columns-5 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-5 li.product, .page-template-template-homepage-php .site-main ul.products.columns-5 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-5 li.product, .storefront-full-width-content .site-main ul.products.columns-5 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-5 li.product{ margin: 10px; flex: 0 1 calc(25% - 20px); /* <-- adjusting for margin */ }
    ul.products li.product.last, ul.products .wc-block-grid__product.last, .wc-block-grid__products li.product.last, .wc-block-grid__products .wc-block-grid__product.last{ margin-left: 10px!important;}


}

.added_to_cart{
  display: none!important;
}

.product-in-cart .add_to_cart_button{
  overflow:visible!important;
  position: relative;
}
.product-in-cart .add_to_cart_button span{
  position: absolute;
  left: 32px;
  height: 30px;
  width: 30px;
  top: 0;
  border-radius: 15px;
  line-height: 28px;
  background-color: #FFF;
}


.site-main ul.products li.product.product-in-cart .add_to_cart_button{
      background-image: url(img/addto.svg)!important;
}





.rwd-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.text-uppercase{
    text-transform: uppercase;
}

.desc-pack-int ul{
    margin: 0;
    padding:0;
}

.desc-pack-int li{
    list-style: none;
}
.desc-pack-int li:before{
    content: "- ";
}

.mt-200{
    margin-top: 200px;
}

.icon-grande{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background-color: #00aadb;
    border-radius: 20px;
    background-image: url(img/xl-icon.png);
    background-size: 30px 30px;
    background-position: center center;
} 

.site-main ul.products li.product_cat-angeli, .site-main ul.products li.product_cat-cuori, .site-main ul.products li.product_cat-lanterne, .site-main ul.products li.product_cat-quadri,.site-main ul.products li.product_cat-tavole{
    background-color: #f0f4f7!important;
}

.site-main ul.products li.product_cat-angeli[data-title="grande"], 
.site-main ul.products li.product_cat-cuori[data-title="grande"], 
.site-main ul.products li.product_cat-lanterne[data-title="grande"], 
.site-main ul.products li.product_cat-quadri[data-title="grande"],
.site-main ul.products li.product_cat-tavole[data-title="grande"]{
    background-color: #d9dee2!important;
}

.site-main ul.products li.product_cat-appendiporta, .site-main ul.products li.product_cat-formelle, .site-main ul.products li.product_cat-orologi, .site-main ul.products li.product_cat-segnalibri,.site-main ul.products li.product_cat-termometri{
    background-color: #f0e1d8!important;
}

.site-main ul.products li.product_cat-appendiporta[data-title="grande"], 
.site-main ul.products li.product_cat-formelle[data-title="grande"], 
.site-main ul.products li.product_cat-orologi[data-title="grande"], 
.site-main ul.products li.product_cat-segnalibri[data-title="grande"],
.site-main ul.products li.product_cat-termometri[data-title="grande"]{
    background-color: #e8c2ac!important;
}

.site-main ul.products li.product_cat-calamite, .site-main ul.products li.product_cat-fuoriporta, .site-main ul.products li.product_cat-sottopentola{
    background-color: #e0cdad!important;
}

.site-main ul.products li.product_cat-palle{
    background-color: #c8d3b3!important;
}

.site-main ul.products li.product_cat-calamite[data-title="grande"],
.site-main ul.products li.product_cat-fuoriporta[data-title="grande"], 
.site-main ul.products li.product_cat-palle[data-title="grande"], 
.site-main ul.products li.product_cat-sottopentola[data-title="grande"]{
    background-color: #e0c79f!important;
}

.site-main ul.products li.product_cat-carillon, .site-main ul.products li.product_cat-ghirlande, .site-main ul.products li.product_cat-presepi, .site-main ul.products li.product_cat-targhe{
    background-color: #ebd2d1!important;
}

.site-main ul.products li.product_cat-carillon[data-title="grande"], 
.site-main ul.products li.product_cat-ghirlande[data-title="grande"], 
.site-main ul.products li.product_cat-presepi[data-title="grande"], 
.site-main ul.products li.product_cat-targhe[data-title="grande"]{
    background-color: #ebc6c5!important;
} 

.site-main ul.products li.product_cat-fiori{
    background-color: #E1E7D9!important; 
}



.site-main ul.products li.product_cat-portaricordi{
    background-color:#ceddef!important;
}

.site-main ul.products li.product_cat-quadrato, .site-main ul.products li.product_cat-orizzontale-quadri, .site-main ul.products li.product_cat-verticale-quadri{
    background-color:#f7eab7!important;
}

.site-main ul.products li.product_cat-quadrato[data-title="grande"], 
.site-main ul.products li.product_cat-orizzontale-quadri[data-title="grande"], 
.site-main ul.products li.product_cat-verticale-quadri[data-title="grande"]{
    background-color:#acccba!important;
}

.outofstock .button.product_type_simple{
    display: none;
}


.tax-pa_stile #woocommerce_layered_nav-3{
    display: none;
}




.badge-preordine {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #e86c00;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.woocommerce ul.products li.product {
    position: relative;
}

.woocommerce-notices-wrapper-custom{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.woocommerce-notices-wrapper-custom .woocommerce-error, .woocommerce-notices-wrapper-custom .woocommerce-info{
    cursor: pointer;
    
    width: calc(100% - 50px);
    max-width: 500px;
    
    
    font-size: 18px;
    line-height: 22px;
}

.woocommerce-error li{
    padding-bottom: 15px;
    border-bottom: solid thin #FFF;
    margin-bottom: 15px;
}

.woocommerce-error li:last-of-type{
    border-bottom: none;
    margin-bottom: 0;
}

/* Hide titolo campi extra aggiunti via Custom User Registration Fields for WooCommerce */
.woocommerce-account-fields .afreg_extra_fields h3,
form.woocommerce-form.woocommerce-form-register.register .afreg_extra_fields h3,
.woocommerce form.woocommerce-EditAccountForm.edit-account .afreg_extra_fields {
    display: none !important;
}