/*
Theme Name: Cunti
Description: Template Cunti
Version: 1.0
Author: Sebastiano Cullemi
Author URI: https://www.sebastianocullemi.com/
*/

@font-face {
    font-family: "Aspekta Variable";
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    src: url("font/AspektaVF.woff2") format("woff2");
  }
.clash{
    font-family: 'Clash Display', sans-serif;
}

body{
    margin:0;
    padding: 0;
    font-family: "Aspekta Variable";
 }
.right{
    text-align: right;
}
.center{
    text-align: center;
}


/* HEADER */
header#header {
    padding: 24px 0px;
    z-index: 20;
}
p.testoHeader.center {
    margin: 0px;
}
.headerContent{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.columHeader {
    width: calc(100% / 3);
}
.cartHeader {
    width: 62px;
    height: 62px;
    flex-shrink: 0;
    border-radius: 40.8px;
    background: #fff;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #eaeaea;
}
.iconHeader {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 16px;
}
.cartCount {
    color: #FFF;
    text-align: center;
    font-family: "Clash Display";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    display: flex;
    width: 24px;
    height: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    border-radius: 56px;
    background: #000;
    position: absolute;
    right: -11px;
    top: 0px;
}
.menuHeader {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 40.8px;
    background: #F7F7F7;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.headerDue p {
    color: #fff;
}
.headerDue, header#header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 20;
}
.logoBianco path, .testoHeader {
    transition: 0.2s all ease-in-out;
}
body.no-scroll .logoBianco path {
    fill: #000;
}
body.no-scroll .testoHeader {
    color: #000;
}
/* END HEADER */

 




/* MENU */
/* END MENU */


/* RESPONSIVE MENU */
.button_container {
    cursor: pointer;
    position: relative;
    transition: 0.3s all ease-in-out;
    z-index: 100;
    background-color: #ffff;
    border-radius: 40.8px;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    align-content: center;
    gap: 9px;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #eaeaea;
}
.button_container span {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    height: 2px;
    transition: 0.3s all ease-in-out;
    width: 100%;
    transition: 0.2s all ease-in-out;
    width: 60%;
}
.button_container span:nth-of-type(2) {
    top: 11px;
}
.button_container span:nth-of-type(3) {
    top: 22px;
}
.button_container .bottombottom {
    font-size: 10px;
    font-weight: bold;
    height: 0 !important;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    top: 33px !important;
}
.overlaymenu {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    transition: 0.3s all ease-in-out;
    z-index: 18 !important;
    background: linear-gradient(180deg, rgba(180, 217, 246, 0.50) 0.05%, rgba(180, 217, 246, 0.10) 99.95%), #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.overlaymenu nav {
    text-align: center;
    top: 200px;
    position: relative;
    display: block;
    font-size: 30px;
}
.overlaymenu ul {
    display: inline-block;
    height: 100%;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.overlaymenu ul li {
    display: inline-block;
    opacity: 0;
    position: relative;
    transition: 0.3s all ease-in-out;
    width: 100%;
}
.overlaymenu.open ul li {
    opacity: 1
}
.button_container.active .topp {
    background: #0C1638 none repeat scroll 0 0;
    transform: translateY(11px) translateX(0px) rotate(45deg);
}
.button_container.active .middle {
    background: #0C1638 none repeat scroll 0 0;
    opacity: 0;
}
.button_container.active .bottom {
    background: #0C1638 none repeat scroll 0 0;
    transform: translateY(-11px) translateX(0px) rotate(-45deg);
}
.button_container.active .bottombottom {
    color: #0C1638;
}
.overlaymenu.open {
    height: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 2
}
.mainmenuresponsive {
    width: 100%;
}
.contMenu ul {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    width: 70%;
    padding: 0px;
    margin: 0px;
    flex-direction: column;
}
.overlaymenu ul li a {
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 60px */
    text-decoration: none;
}
.contMenu2 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.sf4 {
    display: flex;
    padding: 16px;
    flex-direction: row;
    align-items: flex-end;
    gap: 28px;
    align-self: stretch;
    border-radius: 34px !important;
    background: rgba(255, 253, 242, 0.50);
    justify-content: center;
    width: max-content;
    margin: 0 auto;
}
.cocoMenu {
    width: 100%;
    display: block;
    text-align: left;
}
.overlaymenu .design {
    border-top: 0px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 24px;
}
svg.corvoMenu {
    position: absolute;
    right: -70px;
    bottom: 20%;
    zoom: 1.3;
}
#menu-minimenu a{
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}
.miniMenu{
    color: #000;
    font-family: "Clash Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 25.2px */
    margin: 56px 0px 0px;
}
ul#menu-categorie-prodotti {
    margin-top: 16px;
    gap: 6px;
}
#menu-categorie-prodotti li a {
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}
ul#menu-minimenu {
    margin-top: 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}
ul#menu-minimenu li {
    width: max-content;
}
ul#menu-minimenu a {
    padding: 8px 36px;
    background: #fff;
    border-radius: 8px;
    font-size: 18px;
    border: 1px solid #ededed;
}
/* END RESPONSIVE MENU */




/* HERO HOME */
.heroHome{
    height: 700px;
    padding-bottom: 48px;
    overflow: hidden;
    position: relative;
    background-position: center;
    background-size: cover;
}
.contHeroHome {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    height: 700px;
    gap: 24px;
}
.contHeroHome p {
    color: #FFF;
    text-align: center;
    font-family: "Clash Display";
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    margin: 0px;
}
.contHeroHome a{
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 32px;
    border: 1px solid #FFF;
    color: #FFF;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.2s all ease-in-out;
}
.contHeroHome a:hover{
    background: #fff;
    color: #000;
}
.subHeroHome{
    background: rgba(180, 217, 246, 0.20);
    text-align: center;
    display: flex;
    padding: 156px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: relative;
}
.contSubHeroHome p {
    color: #1E1E1E;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 39px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
    margin: 0px;
}
img.ficopala {
    position: absolute;
    bottom: -70px;
}
#videoHero {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}
/* END HERO HOME */




/* CONTENT */
.dolce{
    display: flex;
    width: 220px;
    height: 220px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
    border-radius: 140px;
    background: rgba(232, 144, 102, 0.15);
}
.categoryHome {
    padding: 120px 0px;
}
.categoryHome > p{
    color: #000;
    text-align: center;
    font-family: "Clash Display";
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 48px */
    margin: 0px;
}
.listCategory {
    display: flex;
    gap: 64px;
    justify-content: center;
    text-align: center;
    margin-top: 72px;
}
.listCategory a{
    text-decoration: none;
}
.listCategory p{
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: "Clash Display";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 80%; /* 25.6px */
    margin: 20px 0px 0px;
    text-decoration: none;
}
.cremedolci{
    color: var(--Red, #E89066);
}
.cremedolcibox{
    border-radius: 50%;
    background: rgba(232, 144, 102, 0.15);
    display: flex;
    width: 220px;
    height: 220px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
}
.marmellatebox{
    border-radius: 50%;
    background: rgba(242, 146, 158, 0.15);
    display: flex;
    width: 220px;
    height: 220px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
}
.confetturebox{
    border-radius: 50%;
    background: rgba(204, 199, 234, 0.20);
    display: flex;
    width: 220px;
    height: 220px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
}
.listCategory a {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 270px;
}
.listCategory a img{
    transition: 0.2s all ease-in-out;
    transform: scale(1);
}
.listCategory a:hover img{
    transform: scale(1.2);
}
.marmellate{
    color: var(--Pink, #F2929E);
}
.confetture{
    color: var(--Violet, #CCC7EA);
}
.bannerHome{
    position: relative;
    background-image: url(https://www.cunti.it/wp-content/themes/cunti/images/bg.jpg);
    background-position: center;
    background-size: cover;
}
.overlayBannerHome{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: linear-gradient(261deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
}
.bannerHome .container{
    position: relative;
}
.bannerHome .col-md-5 img {
    position: absolute;
    height: 550px;
    top: 70px;
    left: -150px;
}
.contBannerHome {
    padding: 90px 0px;
}
.preTitle{
    color: #FFF;
    font-family: "Aspekta Variable";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
    margin: 14px 0px;
}
.titleBanner{
    color: #FFF;
    font-family: "Clash Display";
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 80%; /* 51.2px */
    margin: 0px 0px 14px 0px;
}
.contBannerHome a {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 32px;
    border: 1px solid #FFF;
    color: #FFF;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    text-decoration: none;
    width: max-content;
    transition: 0.2s all ease-in-out;
}
.contBannerHome a:hover{
    background: #fff;
    color: #000;
}
.productHome {
    padding: 120px 0px;
    text-align: center;
}
.preTitleProductHome{
    color: #000;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: "Aspekta Variable";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin: 0px 0px 16px 0px;
}
.titleProductHome{
    color: #000;
    text-align: center;
    font-family: "Clash Display";
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 48px */
    margin: 0px;
}
.cta{
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 32px;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    width: max-content;
    text-decoration: none;
    margin: 0 auto;
    transition: 0.2s all ease-in-out;
}
.cta:hover{
    background: #000;
    color: #fff;
}
.listProduct{
    margin: 40px 0px;
}
.contCardhome{
    display: flex;
    padding: 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch; 
    border-radius: 24px;
    gap: 32px;
}
.card1{
    background: linear-gradient(180deg, rgba(208, 222, 160, 0.50) 0.05%, rgba(208, 222, 160, 0.10) 99.95%);
}
.imgCard{
    height: 500px;
    width: 50%;
    background-position: center;
    background-size: cover;
    border-radius: 16px;
}
.contCard {
    width: 50%;
}
.contcardCont {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    padding-right: 128px;
}
.contcardCont2 {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}

.contCard p, .contcardCont2 p{
    margin: 0px;
}
.topTitle{
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
}
.title{
    color: #000;
    font-family: "Clash Display";
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 80%; /* 51.2px */
}
.text{
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
}
.ctaCard {
    display: flex;
    padding: 12px 44px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 32px;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.2s all ease-in-out;
}
.ctaCard:hover{
    background: #000;
    color: #fff;
}
.card2{
    background: linear-gradient(180deg, rgba(204, 199, 234, 0.50) 0.05%, rgba(204, 199, 234, 0.10) 99.95%);
}
.contCardhome{
    margin-bottom: 56px;
}
.contCardhome3.card3 {
    position: relative;
    margin-top: 220px;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
}
.contCardhome3.card3 > img {
    position: absolute;
    left: 0;
    top: -200px;
}
.imgCard3 {
    height: 450px;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    width: 50%;
}
.conImg3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 24px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: -40px;
    height: 450px;
}
.overlayConImg3 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30%;
}
.contCardhome3.card3 .halfCard {
    width: 50%;
    position: relative;
    height: 450px;
}
.contentCard3{
    position: relative;
}
.contentCard3 {
    position: relative;
    overflow: hidden;
}
.corvoinvolo {
    position: absolute;
    left: 0;
    top: 100px;
}
.sezioneNewsletter2 .galleryAzienda {
    width: 100%;
}
.sezioneNewsletter2{
    background: linear-gradient(180deg, rgba(180, 217, 246, 0.00) 0.05%, rgba(180, 217, 246, 0.50) 99.95%) !important;
    display: flex;
    padding: 128px 0px 200px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.newsletterSection{
    background: linear-gradient(180deg, rgba(180, 217, 246, 0.50) 0.05%, rgba(180, 217, 246, 0.10) 99.95%), #FFF;
    text-align: center;
    padding: 120px 0px;
    margin-top: 128px;
}
.prodottiAzienda2{
    margin-bottom: 72px;
}
.newsletterSection.gsap-animate.sezioneNewsletter2 img {
    height: 40px;
}
.newsletterSection.gsap-animate.sezioneNewsletter2 {
    margin-bottom: 56px;
}
.conteNewsletter{
    display: flex;
    width: 70%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    margin: 0 auto
}
.conteNewsletter p{
    margin: 0px;
}
.a1{
    padding-top: 244px;
}
.videoAzienda {
    width: 100%;
    height: 700px;
    position: relative;
    border-radius: 40px;
    overflow: hidden;
}
svg.ficoAzienda {
    margin: 0 auto;
    display: block;
}
.titlePage{
    color: #000;
    text-align: center;
    font-family: "Clash Display";
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 56px */
    margin-top: 24px;
    margin-bottom: 24px;
}
.textPage p{
    color: #1E1E1E;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 48px */
    margin: 0px
}
.textPage {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 48px;
}
.storicunti{
    background: linear-gradient(180deg, rgba(208, 222, 160, 0.00) 0.05%, rgba(208, 222, 160, 0.30) 99.95%);
    margin: 128px 0px;
    text-align: center;
}
.bloccoStoria, .bloccoStoriaDue {
    padding: 80px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.bloccoStoria p {
    margin: 0px auto;
    color: #1E1E1E;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
    width: 60%;
}
.galleryAzienda {
    margin: 240px 0px 180px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.imgGallery {
    height: 450px;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    width: calc(120%/5);
}
.contGalley {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 120%;
}
.prodottiAzienda .titlePage {
    width: 40%;
    margin: 24px auto 24px;
}
.prodottiEvidenza {
    padding-top: 128px;
}
.topTitleProdotti{
    color: #000;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 16px;
}
.titleProdotti{
    color: #000;
    text-align: center;
    font-family: "Clash Display";
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 48px */
    margin: 0px;
}
.corvoContatti {
    margin: 0 auto;
    display: block;
}
.boxContattiCont {
    display: flex;
    align-items: stretch;
    gap: 29px;
    align-content: center;
    flex-direction: row;
}
.boxcontattiSingolo {
    border-radius: 32px;
    border: 1px solid #F0F0F0;
    padding: 48px;
    width: 50%;
}
.boxcontattiSingolo p{
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 41.6px */
}
.box1{
    background: linear-gradient(180deg, rgba(204, 199, 234, 0.30) 0.05%, rgba(255, 255, 255, 0.00) 99.95%);
}
.box2{
    background: linear-gradient(180deg, rgba(208, 222, 160, 0.50) 0.05%, rgba(208, 222, 160, 0.10) 99.95%);
}
.box2 a{
    border-radius: 32px;
    border: 1px solid #000;
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #000;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    text-decoration: none;
}
.boxcontattiSingolo p b{
    font-weight: 600;
}
.boxContatti {
    margin: 110px 0px;
}
.infonewsletter {
    color: #000;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    opacity: 0.6;
    text-align: center !important;
}
.infonewsletter a{
    font-weight: 600;
    color: #000
}
.mailpoet_paragraph.halfnews {
    width: 60%;
    display: inline-block;
}
.mailpoet_paragraph.halfnewsdue {
    width: 34%;
    display: inline-block;
}
form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode {
    width: 60%;
    margin: 0 auto;
}
.halfnewsdue input {
    width: 100% !important;
    padding: 16px !important;
    border-radius: 0px 32px 32px 0px;
    border: 1px solid #000;
    background: #000;
    color: #FFF;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}
.halfnews input {
    color: #000;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 16px !important;
    align-items: center;
    border-radius: 32px 0px 0px 32px;
    border: 1px solid #000;
    background: #FFF;
    width: 100% !important;
}
footer #mailpoet_form_1 form.mailpoet_form {
    padding: 0px;
    width: 100%;
}
footer .halfnews input, footer .halfnewsdue input {
    padding: 5px !important;
}
footer p.mailpoet_form_paragraph.infonewsletter.last {
    margin: 0px;
    font-size: 11px;
    text-align: left !important;
}
.mailpoet_paragraph {
    margin-bottom: 8px !important;
}
.widget_text.footertwo p {
    margin-bottom: 8px;
}
.heroPage {
    margin-top: 112px;
}
.contHeroPage {
    height: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
}
.titleHeroPage{
    color: #FFF;
    font-family: "Clash Display";
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 80%; /* 51.2px */
    margin: 0px;
}
.breadcrumbs {
    color: #FFF;
    font-family: "Aspekta Variable";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 0px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.breadcrumbs a{
    color: #000;
    font-weight: 600;
}
.heroShop .breadcrumbs a{
    color: #fff;
    font-weight: 600;
}
ul.products {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    list-style: none;
    margin-top: 72px;
    margin-bottom: 72px;
}
ul .product {
    width: calc(100% / 4 - 42px) !important;
    text-align: center;
}
.testataArchivio {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 40px;
}
.filtrshop {
    width: 50%;
}
.wpc-filter-header {
    display: none;
}
.wpc-edit-filter-set {
    display: none;
}
.filtrshop select, .orderby{
    border-radius: 32px;
    border: 1px solid #000 !important;
    color: #000;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    padding: 16px 24px !important;
}
.wpc-filter-content.wpc-filter-product_cat {
    width: max-content;
}
.wpc-filters-widget-wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
}
.wpc-posts-found p {
    margin: 0px;
    font-size: 14px;
}
select#wpc-taxonomy-product_cat-377 {
    margin: 0px;
}
ul.wpc-filter-chips-list.wpc-filter-chips-376-1.wpc-filter-chips-376 {
    padding: 0px;
    margin: 0px;
    display: flex;
}
.wpc-filters-widget-containers-wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
}
.wpc-filters-section {
    margin-bottom: 0px;
}
.wrapCart{
    background: linear-gradient(180deg, rgba(180, 217, 246, 0.50) 0.05%, rgba(180, 217, 246, 0.10) 99.95%);
    padding-bottom: 120px;
}
.contHeroPage2 {
    height: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
}
.contHeroPage2 .titleHeroPage, .contHeroPage2 .breadcrumbs {
    color: #000;
}
.woocommerce table.shop_table {
    border: none !important;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 16px !important;
    background: #fff;
}
td.product-thumbnail img {
    width: 70px;
    background: #f8f8f8;
    border-radius: 16px;
    padding: 16px;
}
.woocommerce a.remove {
    display: block;
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    border: 2px solid var(--wc-red) !important;
}
td.product-name a {
    color: #000;
    font-weight: 600;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th {
    font-family: "Clash Display";
    font-weight: 600;
    font-size: 19px;
}
td.actions button {
    border: 1px solid #000 !important;
    color: #000 !important;
    font-size: 16px !important;
    background-color: transparent !important;
    height: 40px;
    flex-direction: row;
    align-items: center;
    width: max-content;
}
input#coupon_code {
    height: 40px;
    font-size: 16px;
    width: max-content;
    padding: 0px 8px !important;
    margin: 0px !important;
    line-height: 16px;
    border: 1px solid #000;
}
.cart_totals h2 {
    margin-bottom: 16px;
    font-family: "Clash Display";
    font-weight: 600;
    font-size: 28px;
}
a.shipping-calculator-button {
    color: #000;
}
a.checkout-button.button.alt.wc-forward {
    text-align: center;
    background: #000 !important;
    font-size: 22px;
    display: flex;
    justify-content: center;
}
.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields__field-wrapper {
    padding: 16px;
    background: #fff;
    border-radius: 16px;
}
.woocommerce-additional-fields__field-wrapper{
    margin-top: 24px;
}
.col-1, .col-2{
    float: none !important;
    width: 100% !important;
}
.col-2{
    padding-right: 0px !important;
}
.col-1{
    padding-left: 0px  !important;
}
div#customer_details {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #fff !important;
    border-radius: 16px !important;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #f6f6f6 !important;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #f6f6f6 !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
}
div#payment a {
    color: #000;
}
 button#place_order {
    border: 1px solid #000 !important;
    color: #fff !important;
    font-size: 20px !important;
    background-color: #000 !important;
    flex-direction: row;
    align-items: center;
    width: 100%;
}
.woocommerce-info {
    background: #fff !important;
    border-radius: 16px;
}
.woocommerce-info a {
    color: #000;
    font-weight: 600;
}
.payment_box.payment_method_stripe fieldset {
    border: none !important;
    padding: 0px;
}
form#woocommerce-checkout-form-coupon {
    margin-top: 0px !important;
    background: #fff;
    border: none;
    border-radius: 16px;
}
form#woocommerce-checkout-form-coupon p {
    margin: 0px;
}
.woocommerce-info {
    margin-bottom: 8px;
}
p.form-row.form-row-last button {
    border: 2px solid #000;
    border-radius: 46px;
    background: transparent;
    transition: 0.2s all ease-in-out;
}
p.form-row.form-row-last button:hover {
    border: 2px solid #000;
    background: #000;
    color: #fff;
}
p.woocommerce-noreviews {
    text-align: center;
    font-size: 20px;
}
.contAccount .woocommerce {
    display: flex;
    flex-direction: row;
    gap: 32px;
}
nav.woocommerce-MyAccount-navigation ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-radius: 16px;
    background: #f6f6f6;
}
nav.woocommerce-MyAccount-navigation ul li {
    width: calc(100% - 0px);
}
nav.woocommerce-MyAccount-navigation ul li a {
    padding: 8px 16px;
    background: transparent;
    transition: 0.2s all ease-in-out;
    color: #000;
    text-decoration: none;
    width: calc(100% - 32px);
    display: inline-block;
}
nav.woocommerce-MyAccount-navigation ul li a:hover,
nav.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #e3e3e3;
    color: #000;
    border-radius: 24px;
}
nav.woocommerce-MyAccount-navigation {
    width: 20%;
}
.woocommerce-MyAccount-content {
    width: 80%;
}
.woocommerce-MyAccount-content {
    font-size: 19px;
}
.woocommerce-MyAccount-content a {
    font-weight: 600;
    color: #000;
}
.woocommerce-MyAccount-content .woocommerce-info a {
    border-radius: 24px !important;
    background: transparent  !important;
    border: 1px solid #000  !important;
    color: #000 !important;
    transition: 0.2s all ease-in-out !important;
}
.woocommerce-MyAccount-content .woocommerce-info a:hover {
    border-radius: 24px !important;
    background: #000 !important;
    border: 1px solid #000 !important;
    color: #fff !important;
}
.u-columns.woocommerce-Addresses.col2-set.addresses {
    display: flex;
    width: auto;
    flex-direction: row;
    justify-content: space-between;
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 50%;
    border: 1px solid #dcdcdc;
    padding: 24px !important;
    border-radius: 24px;
    margin-right: 16px;
}
.u-columns.woocommerce-Addresses.col2-set.addresses h2 {
    font-size: 24px;
}
.u-columns.woocommerce-Addresses.col2-set.addresses a {
    font-size: 18px;
}
.woocommerce-address-fields button, .edit-account .woocommerce-Button {
    border: 1px solid #000 !important;
    color: #fff !important;
    font-size: 20px !important;
    background-color: #000 !important;
    flex-direction: row;
    align-items: center;
    width: 100%;
}
.woocommerce-store-notice, p.demo_store {
    position: fixed !important;
    top: inherit!important;
    left: 0;
    right: inherit !important;
    margin: 0;
    width: 100%;
    font-size: 1em;
    padding: 1em 0;
    text-align: center;
    background-color: #000 !important;
    color: #fcfbfe;
    z-index: 99998;
    box-shadow: 0 1px 1em rgba(0, 0, 0, .2);
    display: none;
    bottom: 0;
    width: 20%;
    padding: 16px 32px;
}
a.woocommerce-store-notice__dismiss-link {
    background: #fff;
    color: #000 !important;
    font-weight: 600;
    text-decoration: none !important;
    padding: 5px 16px;
    margin-left: 8px;
    width: max-content;
    border-radius: 16px;
    line-height: 14px;
    font-size: 14px;
}
.pswp__container {
    background: #fff;
}
.gsap-animate {
      opacity: 0;
      transform: translateY(-20px);
    }
/* END CONTENT */




/* PRODUCT */
.listProduct{
    display: flex;
    align-items: center;
    gap: 30px;
}
.singleProduct {
    border-radius: 16px;
    border: 1px solid #F0F0F0;
    width: 25%;
    padding: 8px;
}
.imgProduct {
    padding: 16px 0px;
    height: 170px;
    width: auto;
    margin: 0 auto;
    display: block;
}
.titleProduct{
    color: #000;
    text-align: center;
    font-family: "Clash Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 80%; /* 19.2px */
    height: 40px;
    margin: 0px;
}
.priceProduct{
    color: #000;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%; /* 21.6px */
    margin: 8px 0px 16px;
}
.singleProduct.Marmellate{
    background: linear-gradient(180deg, rgba(242, 146, 158, 0.30) 0.05%, rgba(255, 255, 255, 0.00) 99.95%);
}
.singleProduct.Confetture.extra{
    background: linear-gradient(180deg, rgba(204, 199, 234, 0.30) 0.05%, rgba(255, 255, 255, 0.00) 99.95%);
}
.singleProduct.Creme.dolci{
    background: linear-gradient(180deg, rgba(232, 144, 102, 0.30) 0.05%, rgba(255, 255, 255, 0.00) 99.95%), #FFF;
}
.buttonProduct {
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.buttonProduct a {
    text-decoration: none;
    color: #000;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 100%;
    border: 1px solid #F0F0F0;
    border-radius: 48px;
    transition: 0.2s all ease-in-out;
    background-color: transparent;
}
.Confetture .buttonProduct a:hover{
    background-color: #CCC7EA;
}
.Marmellate .buttonProduct a:hover{
    background-color: #F2929E;
}
.Creme .buttonProduct a:hover{
    background-color: #E89066;
}

/* END PRODUCT */







/* SINGLE PRODUCT */
.containerProduct2.Confetture.extra {
    background: linear-gradient(180deg, rgba(204, 199, 234, 0.30) 0.05%, rgba(255, 255, 255, 0.00) 99.95%);
}
.containerProduct2.Marmellate{
    background: linear-gradient(180deg, rgba(242, 146, 158, 0.30) 0.05%, rgba(255, 255, 255, 0.00) 99.95%);
}
.containerProduct2.Creme.dolci{
    background: linear-gradient(180deg, rgba(232, 144, 102, 0.30) 0.05%, rgba(255, 255, 255, 0.00) 99.95%), #FFF;
}
.firstProduct {
    display: flex;
    gap: 120px;
}
.containerProduct2 {
    padding-top: 250px;
}
.product_title{
    color: #000;
    font-family: "Clash Display";
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 80%; /* 51.2px */
    margin: 0px;
}
.summary .price{
    color: #000;
    font-family: "Clash Display";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 80%; /* 32px */
}
.woocommerce-product-details__short-description{
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 26.4px */
}
table.variations tr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
table.variations .label {
    display: block;
    color: #000;
    font-family: "Clash Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 80%;
    text-align: left;
    margin-bottom: 16px;
}
.value select {
    border-radius: 32px;
    border: 1px solid #000;
    padding: 13px 24px;
    gap: 8px;
    color: #000;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.2px;
    width: 100%;
}
.catLink{
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    border-bottom: 2px solid #000;
    text-decoration: none;
    margin-bottom: 16px;
    display: inline-block;
}
.summary.entry-summary {
    width: 80%;
    background-image: url(images/corvoprodotto.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 70%;
}
a.reset_variations {
    color: #000;
    font-size: 13px;
    width: 100%;
    display: inline-block;
}
.summary.entry-summary > .woocommerce-product-rating {
    display: none;
}
.woocommerce-product-rating {
    margin-top: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
}
a.woocommerce-review-link {
    font-weight: bold;
    color: #000;
}
.titleRelated{
    color: #000;
    text-align: center;
    font-family: "Clash Display";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 40px */
}
section.related.products {
    padding: 120px 0px;
}
p.titleRelated {
    margin-top: 0px;
    margin-bottom: 0px;
}
section.related.products ul {
    margin: 40px 0px 0px;
    display: flex;
    justify-content: center;
}
.titoloSezioneGallery{
    color: #000;
    text-align: center;
    font-family: "Clash Display";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 40px */
    margin: 0px
}
.gallery{
    padding: 120px 0px;
}
.contGallery {
    display: flex;
    flex-direction: row;
    gap: 31px;
    height: 400px;
    margin-top: 48px;
    justify-content: center;
}
.singleImage {
    border-radius: 16px;
    background-position: center;
    background-size: cover;
    height: 470px;
    width: 33%;
}
ul.tabs.wc-tabs {
    display: none;
}
p.woocommerce-Reviews-title {
    text-align: center;
}
ol.commentlist {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: 24px;
    justify-content: center;
}
ol.commentlist li {
    padding: 24px;
    border: 1px solid #ededed;
    border-radius: 16px;
    background-color: #fff;
}
ol.commentlist li > div {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
img.avatar.avatar-60.photo {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}
.comment-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.comment-text p {
    margin: 0px;
}
.comment-text .meta {
    font-size: 14px;
}
.woocommerce-message {
    background: #fff !important;
    border-radius: 8px;
}
a.button.wc-forward {
    background: #8fae1b;
    color: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    text-decoration: none;
}
div#review_form_wrapper {
    width: 50%;
    margin: 50px auto 0px;
    text-align: center;
    background: #fff;
    padding: 32px;
    border-radius: 16px;
    border: 1px solid #f1f1f1;
}
span#reply-title {
    font-family: "Clash Display";
    font-weight: 600;
    font-size: 23px;
}
.comment-form-rating {
    display: flex;
    align-items: center;
    gap: 0px;
    flex-direction: column;
    justify-content: center;
    font-size: 19px;
    margin-top: 16px;
}
p.stars {
    margin: 10px 0px;
    transform: scale(1.5);
}
p.comment-form-comment {
    margin: 20px 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
p.comment-form-comment label {
    font-size: 19px;
}
p.comment-form-comment textarea {
    border-radius: 16px;
    font-family: "Aspekta Variable";
    padding: 16px;
    font: 18px;
    border: 1px solid #000
}
p.form-submit input {
    font-family: "Clash Display";
    font-size: 18px;
    font-weight: 600;
    background: transparent;
    padding: 11px 30px;
    border-radius: 16px;
    border: 1px solid;
}
p.form-submit {
    margin: 0px;
}

/* END SINGLE PRODUCT */
 





/* 1) Contenitore .star-rating:
   - larghezza: 5em (5 stelle da 1em ciascuna)
   - nasconde il testo
   - sfondo con stelle vuote ripetute orizzontalmente */
.comment-text .star-rating, .woocommerce-page .star-rating {
    position: relative !important;
    display: inline-block !important;
    width: 100px;
    height: 20px;
    font-size: 0 !important;
    background-image: url(images/star-empty.svg);
    background-repeat: repeat-x;
    background-size: contain;
}
/* 2) Span ritagliato dinamicamente da WooCommerce */
.comment-text .star-rating span, .woocommerce-page .star-rating span {
    display: block !important;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 20px !important;
}

/* 3) Sullo span: sfondo con stelle piene */
.comment-text .star-rating span::before, .woocommerce-product-rating-page .star-rating span::before {
    content: "";
    display: block;
    width: 100px;
    height: 20px;
    background-image: url(images/star-full.svg);
    background-repeat: repeat-x;
    background-size: contain;
}



/* 1) Contenitore .star-rating:
   - larghezza: 5em (5 stelle da 1em ciascuna)
   - nasconde il testo
   - sfondo con stelle vuote ripetute orizzontalmente */
.woocommerce-product-rating .star-rating, .woocommerce-page .star-rating {
    position: relative !important;
    display: inline-block !important;
    width: 100px;
    height: 20px;
    font-size: 0 !important;
    background-image: url(images/star-empty.svg);
    background-repeat: repeat-x;
    background-size: contain;
}
/* 2) Span ritagliato dinamicamente da WooCommerce */
.woocommerce-product-rating .star-rating span, .woocommerce-page .star-rating span {
    display: block !important;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 20px !important;
}

/* 3) Sullo span: sfondo con stelle piene */
.woocommerce-product-rating .star-rating span::before, .woocommerce-product-rating-page .star-rating span::before {
    content: "";
    display: block;
    width: 100px;
    height: 20px;
    background-image: url(images/star-full.svg);
    background-repeat: repeat-x;
    background-size: contain;
}
a.woocommerce-review-link {
    margin-top: 8px;
}





/* Base: ogni <a> diventa un’icona 20×20, testo nascosto */
.comment-form-rating .stars a {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  text-indent: -9999px;        /* nasconde il testo dell’<a> */
  background-image: url(images/star-empty.svg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

/* Stella piena se aria-checked="true" */
.comment-form-rating .stars a[aria-checked="true"] {
  background-image: url(images/star-full.svg);
}

/* Colora anche *precedenti* stelle piene */
.comment-form-rating .stars a[aria-checked="true"] ~ a {
  background-image: url(images/star-full.svg));
}
.comment-form-rating .stars a {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  text-indent: -9999px;
  background-image: url(images/star-empty.svg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.comment-form-rating .stars a[aria-checked="true"] {
  background-image: url(images/star-full.svg);
}
/* stelle di base (vuote) */
p.stars a {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  text-indent: -9999px;
  background-image: url(images/star-empty.svg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

/* stelle selezionate (persistenti) o in preview (hover) */
p.stars a.selected,
p.stars a.preview {
  background-image: url(images/star-full.svg);
}





/* ACCORDION */
.secondprod{
    padding: 50px 0px;
}
.rowval {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding: 10px 0px;
}
.leftval {
    float: left;
    width: 50%;
    text-align: left;
}
.rightval {
    float: left;
    text-align: right;
    width: 50%;
}
.rowval.rowlastt {
    border-bottom: 0px;
    padding-bottom: 20px;
}
.rowfirstt{
    padding-top: 20px;
}
.accordion {
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.2s;
    border-bottom: 1px solid #dfdfdf;
    color: #000;
    font-family: "Clash Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 80%; /* 19.2px */
    display: flex;
    padding: 24px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background: transparent;
}
.panell {
    padding: 0px 20px;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 3px;
    font-size: 18px;
}
.panell p {
    font-size: 18px;
    line-height: 26px;
}
.accordion:after {
    content: '+';
    font-size: 36px;
    color: #000;
    float: right;
    margin-left: 5px;
    font-weight: 300;
}
.accordion.active:after {
  content: "-";
  color: #000
}
.contaccordion {
    margin: 50px 0px;
    width: 75%
}
.cento.monument {
    margin-left: 150px;
}
span.cento.monument {
    font-size: 14px;
}
.leftval, .rightval {
    font-size: 13px;
}
/* END ACCORDION */





/* Pulsanti quantità WooCommerce */
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-top: 32px;
}
.woocommerce .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    position: relative;
    width: max-content;
}

.woocommerce .quantity input.qty {
    text-align: center;
    width: 60px;
    height: 44px;
    font-size: 18px;
    border-radius: 0;
    margin: 0 0;
}

.woocommerce .quantity .qty-button {
    background: #000;
    color: #fff;
    border: none;
    width: 44px;
    height: 44px;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.woocommerce .quantity .qty-button:hover {
    background: #444;
}
button.qty-button.plus {
    background: transparent;
    border: none;
    font-size: 24px;
}
button.qty-button.minus {
    background: transparent;
    border: none;
    font-size: 24px;
}
.single_add_to_cart_button{
    display: flex;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 32px;
    border: 1px solid #000;
    background: #000;
    color: #FFF;
    font-family: "Aspekta Variable";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    cursor: pointer;
}
.quantity {
    width: 30%;
    display: flex;
    flex-direction: row;
    border: 1px solid #000;
    border-radius: 54px;
    height: 56px;
    padding: 0px 12px;
}
.input-text.qty.text {
    background: transparent;
    border: none;
    width: 100%;
    text-align: center;
}

/* end pulsanti quantità WooCommerce */


/* FOOTER */
footer{
    padding: 72px 0px 24px;
}
.title-widget{
    color: #000;
    font-family: "Clash Display";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 90%; /* 18px */
    margin-top: 0px;
    margin-bottom: 24px;
}
footer ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
footer ul li a{
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    text-decoration: none;
}
footer p{
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
}
.widget_text.footerone p {
    padding-right: 77px;
}
.widget_text.footertwo p {
    padding-right: 56px;
}
.design{
    border-top: 1px solid rgba(0, 0, 0, 0.40);
    padding-top: 24px;
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.design p{
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    margin: 0px
}
.design p a{
    color: #000;
    font-weight: 500;
}
/* END FOOTER */






/* VARIE */
a#back-to-top {
    width: 44px;
    height: 44px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 24px;
}
.no-scroll {
    overflow: hidden;
    height: 100%;
    position: fixed;
    width: 100%;
  }
/* END VARIE */






/* RESPONSIVE */

/* SMALL DESKTOP */
@media only screen and (min-width : 1025px) and (max-width : 1198px) {

}
/* IPAD */
@media (min-width: 768px) and (max-width: 1024px) {

}

/* IPAD LANDSCAPE */
@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {

}

/* IPAD PORTRAIT */
@media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){

}

/* SMARTPHONE */
@media only screen and (min-width: 320px) and (max-width: 767px) {
.columHeader.right {
    position: fixed;
    right: 20px;
    top: 20px;
}
.headerContent {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
p.testoHeader {
    text-align: left;
    font-size: 14px;
}
.columHeader {
    width: 100%;
}
.columHeader.center {
    display: none;
}
.contHeroHome, .heroHome {
    height: 600px;
}
.contHeroHome p {
    font-size: 35px;
}
.subHeroHome {
    padding: 72px 0px 100px;
}
.contSubHeroHome p {
    font-size: 24px;
}
img.ficopala {
    position: absolute;
    bottom: -50px;
    height: 120px;
}
.listCategory {
    display: flex;
    gap: 64px;
    justify-content: center;
    text-align: center;
    margin-top: 72px;
    flex-direction: column;
    align-items: center;
}
.categoryHome > p {
    font-size: 40px;
}
.bannerHome .col-md-5 img {
    display: none;
}
.titleBanner {
    color: #FFF;
    font-family: "Clash Display";
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 80%;
    margin: 0px 0px 14px 0px;
    text-align: center;
}
.contBannerHome {
    text-align: center;
}
.contBannerHome a {
    margin: 0 auto;
}
.listProduct {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.singleProduct {
    width: 43%;
}
.imgProduct {
    padding: 16px 0px;
    height: 125px;
    width: auto;
    margin: 0 auto;
    display: block;
}
.titleProduct {
    color: #000;
    text-align: center;
    font-family: "Clash Display";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 82%;
    height: 60px;
    margin: 0px;
}
.productHome .cta {
    width: 70%;
}
.cremedolcibox, .marmellatebox, .confetturebox{
    height: 180px;
    width: 180px;
}
.contCardhome {
    display: flex;
    flex-direction: column;
}
.imgCard {
    height: 220px;
    width: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 16px;
}
.contCard {
    width: 100%;
}
.contcardCont {
    padding-right: 0px;
}
p.topTitle {
    font-size: 20px;
}
.title {
    font-size: 48px;
}
.text {
    font-size: 18px;
}
.contCardhome.card2 {
    flex-direction: column-reverse;
}
img.corvoinvolo {
    height: 80px;
    top: 40px;
}
.contCardhome3.card3 {
    position: relative;
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
.halfCard.contcardCont2 {
    height: auto !important;
    margin-bottom: 40px;
    text-align: center;
}
.halfCard.contcardCont2 a {
    margin: 0 auto;
}
.imgCard3 {
    height: 240px;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    width: 100%;
}
.conImg3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 14px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 240px;
}
.overlayConImg3 {
    display: none;
}
.contCardhome3.card3 .halfCard {
    width: 100%;
    position: relative;
    height: 280px;
}
.contCardhome {
    margin-bottom: 56px;
    text-align: center;
}
p.topTitle {
    text-align: center;
    width: 100%;
}
.halfCard.contCard a {
    margin: 0 auto;
}
.contCardhome.card1 {
    display: flex;
    flex-direction: column;
}
.newsletterSection {
    background: linear-gradient(180deg, rgba(180, 217, 246, 0.50) 0.05%, rgba(180, 217, 246, 0.10) 99.95%), #FFF;
    text-align: center;
    padding: 72px 0px;
    margin-top: 58px;
}
img.newsImg {
    height: 72px;
}
.newsletterSection .title {
    font-size: 36px;
}
.conteNewsletter .topTitle {
    font-size: 18px;
}
.conteNewsletter {
    width: 100%;
}
form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode {
    width: 100%;
    margin: 0 auto;
}
.halfnews input {
    color: #000;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 13px !important;
    align-items: center;
    border-radius: 32px 0px 0px 32px;
    border: 1px solid #000;
    background: #FFF;
    width: 100% !important;
}
.halfnewsdue input {
    width: 100% !important;
    padding: 13px !important;
    border-radius: 0px 32px 32px 0px;
    border: 1px solid #000;
    background: #000;
    color: #FFF;
    text-align: center;
    font-family: "Aspekta Variable";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}
p.mailpoet_form_paragraph.infonewsletter.last {
    font-size: 11px !important;
    line-height: 13px !important;
}
.widget_text.footertwo {
    margin-top: 44px;
}
form.mailpoet_form.mailpoet_form_form.mailpoet_form_widget {
    margin-bottom: 44px;
}
.design {
    border-top: 1px solid rgba(0, 0, 0, 0.40);
    padding-top: 24px;
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-direction: column;
}
p.copy {
    font-size: 14px;
    text-align: center;
    width: 80%;
    margin-bottom: 16px;
}
svg.corvoMenu {
        position: absolute;
        right: -140px;
        bottom: 40px;
        zoom: 0.37;
    }
.overlaymenu ul li a {
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
}
.miniMenu {
        color: #000;
        font-family: "Clash Display";
        font-size: 21px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        margin: 36px 0px 0px;
    }
#menu-categorie-prodotti li a {
    color: #000;
    font-family: "Aspekta Variable";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
ul#menu-minimenu {
        margin-top: 0px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 8px;
        margin-bottom: 24px;
    }
ul#menu-minimenu li {
    height: auto;
    display: flex;
}
.contMenu2 .design {
    display: flex;
    align-items: flex-start;
}
.contMenu2 .design .copy{
    text-align: left;
}
.columHeader.right {
    z-index: 5;
}
.columHeader {
    width: 100%;
    z-index: 6;
    position: relative;
}
ul#menu-minimenu a {
    padding: 8px 16px;
    background: #fff;
    border-radius: 8px;
    font-size: 14px;
    border: 1px solid #ededed;
}
ul#menu-categorie-prodotti {
    margin-top: 0px;
    gap: 6px;
}
svg.ficoAzienda {
    height: 120px;
}
.titlePage {
    font-size: 40px;
}
.textPage p {
    font-size: 24px;
}
.textPage {
    width: 100%;
}
.videoAzienda {
    width: 100%;
    height: 400px;
    position: relative;
    border-radius: 32px;
    overflow: hidden;
}
.bloccoStoria, .bloccoStoriaDue {
    padding: 40px 0px;
}
.bloccoStoria p {
    font-size: 18px;
    width: 100%;
}
.galleryAzienda {
    margin: 72px 0px;
}
.storicunti {
    margin: 128px 0px 0px;
}
.contGalley {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 120%;
}
.prodottiAzienda .titlePage {
    width: 100%;
    margin: 24px auto 24px;
}
.prodottiAzienda .cta {
    margin: 0 auto;
     display: block;
    width: max-content;
}
.a1 {
    padding-top: 144px;
}
.imgGallery {
    height: 190px;
}
.boxContatti {
    margin: 0px 0px 120px;
}
.boxContattiCont {
    display: flex;
    align-items: flex-start;
    gap: 29px;
    align-content: center;
    flex-direction: column;
}
.boxcontattiSingolo {
        border-radius: 32px;
        border: 1px solid #F0F0F0;
        padding: 32px;
        width: auto;
    }
.boxcontattiSingolo {
        border-radius: 32px;
        border: 1px solid #F0F0F0;
        padding: 16px;
        width: calc(100% - 32px);
        text-align: center;
    }
.box2 a {
    width: max-content;
    margin: 0 auto;
}
.titleHeroPage {
    font-size: 40px;
}
.contHeroPage2 {
    height: 150px;
}
.breadcrumbs {
    font-size: 11px;
}
.contAccount .woocommerce {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
nav.woocommerce-MyAccount-navigation {
    width: 100%;
}
    nav.woocommerce-MyAccount-navigation ul {
        padding: 0px;
        list-style: none;
        margin: 0px;
        display: flex;
        flex-direction: row;
        padding: 0px;
        border-radius: 16px;
        background: transparent;
        flex-wrap: wrap;
        gap: 8px;
    }
nav.woocommerce-MyAccount-navigation ul li {
    width: max-content;
}
nav.woocommerce-MyAccount-navigation ul li a {
    padding: 8px 16px;
    background: transparent;
    transition: 0.2s all ease-in-out;
    color: #000;
    text-decoration: none;
    width: calc(100% - 32px);
    display: inline-block;
    border: 1px solid #e3e3e3;
    border-radius: 24px;
}
.woocommerce-MyAccount-content {
    width: 100%;
}
.u-columns.woocommerce-Addresses.col2-set.addresses {
    display: flex;
    width: auto;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}
.woocommerce-MyAccount-content {
    width: 100%;
}
.contHeroPage {
    height: 150px;
}
.heroPage {
    background-size: cover;
    background-position: center;
}
ul.products {
    gap: 16px;
}
ul .product {
    width: calc(100% / 2 - 27px) !important;
    text-align: center;
}
.firstProduct {
    display: flex;
    gap: 40px;
    flex-direction: column;
}
img.wp-post-image {
    width: 60%;
    height: auto;
    margin: 0 auto;
    display: block;
}
.summary.entry-summary {
    width: 100%;
    background-image: url(images/corvoprodotto.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 60%;
}
.product_title {
    font-size: 40px;
}
.single_add_to_cart_button {
    font-size: 16px;
}
.contGallery {
    display: flex;
    flex-direction: row;
    gap: 16px;
    height: 400px;
    margin-top: 48px;
    flex-wrap: wrap;
    justify-content: center;
}
.singleImage {
    border-radius: 16px;
    background-position: center;
    background-size: cover;
    height: 200px;
    width: 47%;
}
div#review_form_wrapper {
    width: auto;
}
.containerProduct2.Confetture.extra {
    padding-top: 144px;
}
input#coupon_code {
    width: 100%;
    border-radius: 36px;
}
.coupon button {
    width: 100% !important;
    border-radius: 36px !important;
    margin-top: 4px !important;
}
td.actions > button, a.checkout-button.button.alt.wc-forward {
    background: #000 !important;
    color: #fff !important;
    border-radius: 36px !important;
    padding: 16px 24px !important;
    height: auto;
    font-size: 18px !important;
}
a.checkout-button.button.alt.wc-forward {
    background: #000 !important;
    color: #fff !important;
    border-radius: 36px !important;
    padding: 22px 24px !important;
    height: auto;
    font-size: 18px !important;
}
div#customer_details {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
}
p.form-row.form-row-first {
    width: 100% !important;
}
p.form-row.form-row-last {
    width: 100% !important;
}
p.form-row.form-row-last button {
    width: 100% !important;
}
.col-1 {
    padding-right: 0px  !important;
    margin-bottom: 32px !important;
}
.col-2 {
    padding-left: 0px !important;
}
.boxcontattiSingolo p {
    font-size: 24px;
}
.woocommerce-message {
    line-height: 16px;
}
a.button.wc-forward {
    background: #8fae1b;
    color: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    text-decoration: none;
    display: block;
    width: max-content;
    margin-top: 8px;
    float: none;
}
}