@font-face {
font-family: "Aspekta Variable";
font-weight: 100 900;
font-display: swap;
font-style: normal;
src: url(//www.cunti.it/wp-content/themes/cunti/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 {
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;
}    .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%; 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%; }
.miniMenu{
color: #000;
font-family: "Clash Display";
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 140%; 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%; }
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;
}  .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%; 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;
}  .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%; 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%; 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%; margin: 14px 0px;
}
.titleBanner{
color: #FFF;
font-family: "Clash Display";
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: 80%; 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%; 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%; }
.title{
color: #000;
font-family: "Clash Display";
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: 80%; }
.text{
color: #000;
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%; }
.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%; 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%; 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%; 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%; 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%; }
.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%; 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);
}  .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%; 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%; 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;
}  .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%; margin: 0px;
}
.summary .price{
color: #000;
font-family: "Clash Display";
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 80%; }
.woocommerce-product-details__short-description{
color: #000;
font-family: "Aspekta Variable";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 120%; }
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%; border-bottom: 2px solid #000;
text-decoration: none;
margin-bottom: 16px;
display: inline-block;
}
.summary.entry-summary {
width: 80%;
background-image: url(//www.cunti.it/wp-content/themes/cunti/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%; }
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%; 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;
}  .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(//www.cunti.it/wp-content/themes/cunti/images/star-empty.svg);
background-repeat: repeat-x;
background-size: contain;
} .comment-text .star-rating span, .woocommerce-page .star-rating span {
display: block !important;
top: 0;
left: 0;
overflow: hidden;
height: 20px !important;
} .comment-text .star-rating span::before, .woocommerce-product-rating-page .star-rating span::before {
content: "";
display: block;
width: 100px;
height: 20px;
background-image: url(//www.cunti.it/wp-content/themes/cunti/images/star-full.svg);
background-repeat: repeat-x;
background-size: contain;
} .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(//www.cunti.it/wp-content/themes/cunti/images/star-empty.svg);
background-repeat: repeat-x;
background-size: contain;
} .woocommerce-product-rating .star-rating span, .woocommerce-page .star-rating span {
display: block !important;
top: 0;
left: 0;
overflow: hidden;
height: 20px !important;
} .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(//www.cunti.it/wp-content/themes/cunti/images/star-full.svg);
background-repeat: repeat-x;
background-size: contain;
}
a.woocommerce-review-link {
margin-top: 8px;
} .comment-form-rating .stars a {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 4px;
text-indent: -9999px; background-image: url(//www.cunti.it/wp-content/themes/cunti/images/star-empty.svg);
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
} .comment-form-rating .stars a[aria-checked="true"] {
background-image: url(//www.cunti.it/wp-content/themes/cunti/images/star-full.svg);
} .comment-form-rating .stars a[aria-checked="true"] ~ a {
background-image: url(//www.cunti.it/wp-content/themes/cunti/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(//www.cunti.it/wp-content/themes/cunti/images/star-empty.svg);
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
}
.comment-form-rating .stars a[aria-checked="true"] {
background-image: url(//www.cunti.it/wp-content/themes/cunti/images/star-full.svg);
} p.stars a {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 4px;
text-indent: -9999px;
background-image: url(//www.cunti.it/wp-content/themes/cunti/images/star-empty.svg);
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
} p.stars a.selected,
p.stars a.preview {
background-image: url(//www.cunti.it/wp-content/themes/cunti/images/star-full.svg);
} .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%; 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;
}  .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%; 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;
}  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%; 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%; text-decoration: none;
}
footer p{
color: #000;
font-family: "Aspekta Variable";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; }
.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%; margin: 0px
}
.design p a{
color: #000;
font-weight: 500;
}  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%;
}   @media only screen and (min-width : 1025px) and (max-width : 1198px) {
} @media (min-width: 768px) and (max-width: 1024px) {
} @media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
} @media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){
} @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(//www.cunti.it/wp-content/themes/cunti/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;
}
}