/*
Theme Name: Azienda Agricola Lelli
Theme URI: https://www.aziendaagricolalelli.it/
Author: Denis Burani
Author URI: https://www.buranidenis.com/
Description: Fully customised, Gutenberg-compatible starter theme.
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starter
Tags:
*/

@font-face{font-family: 'Averta'; src: url('css/fonts/averta-webfont.woff2') format('woff2'), url('css/fonts/averta-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face{font-family: 'Averta'; src: url('css/fonts/averta-semibold-webfont.woff2') format('woff2'), url('css/fonts/averta-semibold-webfont.woff') format('woff'); font-weight: 600; font-style: normal;}
@font-face{font-family: 'Lust-Didone'; src: url('css/fonts/lust-didone-webfont.woff2') format('woff2'), url('css/fonts/lust-didone-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face{font-family: 'Lust-Didone'; src: url('css/fonts/lust-didone-italic-webfont.woff2') format('woff2'), url('css/fonts/lust-didone-italic-webfont.woff') format('woff'); font-weight: normal; font-style: italic;}

:root {
    --animazione-tempo: all .4s cubic-bezier(.215, .61, .355, 1);

    --primary-color: #000000;
    --secondary-color:#225533; 
    --hover-color: #A7C81F;

    --max-width-big: 1920px;
    --max-width: 1680px;
    --max-width-medium: 1400px;
    --max-width-small: 1220px;
    --max-width-ultra-small: 980px;
    --max-width-mini: 910px;
}

body,
html{box-sizing: border-box; margin: 0; padding: 0; background-color: #fff; transition: var(--animazione-tempo); overflow-x: hidden; scroll-behavior: smooth; /*cursor: none;*/}
body.hidden{overflow: hidden;}
*, *:before, *:after{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0; padding: 0;}
ol,ul{list-style-position: inside;}
header ol, header ul{list-style: none;}
img{height: auto; display: block;}
video{display: block;}

a{transition: var(--animazione-tempo); color: var(--primary-color); text-decoration: none;}
a:hover{color: var(--hover-color);}

::selection {background: var(--secondary-color); color: var(--primary-color);}

.outline{width: 64px; height: 64px; border-radius: 100%; border: 1px solid var(--secondary-color); position: fixed; top: 0; left: 0; z-index: 9999; mix-blend-mode: difference; transform: translate(-64px, -64px); transition: all .3s cubic-bezier(.215, .61, .355, 1); pointer-events: none;}
.cursor{width: 8px; height: 8px; border-radius: 100%; background-color: var(--secondary-color); position: fixed; top: 0; left: 0; z-index: 9999; transform: translate(-8px, -8px); pointer-events: none;}
.outline.event-link{background: var(--secondary-color); border-color: var(--secondary-color); width: 128px; height: 128px;}
.cursor.event-link{background: var(--primary-color); width: 20px; height: 20px;}

/* ! Font
----------------------------------------------------------------------------------- */
body{font-size: 20px; line-height: 30px; font-family: 'Averta', Helvetica, sans-serif; color: var(--primary-color);} 
h1, h2, h3, h4, h5, h6, p, ol, ul{margin-bottom: 1rem; word-wrap: break-word;}
h1, h2, h3, h4, h5,
.title1, .title2, .title3, .title4, .title5{line-height: 1.2em; font-family: 'Lust-Didone', Helvetica, sans-serif; font-weight: 400;}
h6, .title6{font-family: 'Averta', Helvetica, sans-serif;}

p{margin-bottom: 1.2em;}
h1, .title1{font-size: 100px; letter-spacing: 4px;}
h2, .title2{font-size: 84px;}
h3, .title3{font-size: 62px; letter-spacing: 3px;}
h4, .title4{font-size: 50px; letter-spacing: 2px;}
h5, .title5{font-size: 24px; letter-spacing: 1px;}
h6, .title6{font-size: 22px; line-height: 30px;}

.has-small-font-size,
.has-small-font-size p{font-size: 16px !important; line-height: 24px;}
.has-ultra-small-font-size,
.has-ultra-small-font-size p{font-size: 14px !important; line-height: 20px;}

@media (max-width: 1180px) {
  h1, .title1{font-size: 84px;}
  h2, .title2{font-size: 74px;}
  h3, .title3{font-size: 56px;}
  h4, .title4{font-size: 46px;}
}

@media (max-width: 820px) {
  h1, h2, h3, h4, h5, .title1, .title2, .title3, .title4, .title5{line-height: 1.05em;}
  h1, .title1{font-size: 68px;}
  h2, .title2{font-size: 54px;}
  h3, .title3{font-size: 40px;}
  h4, .title4{font-size: 32px;}
}

@media (max-width: 550px) {
  h1, h3, .title1, .title3{letter-spacing:2px}
  h1, .title1{font-size: 46px;}
  h2, .title2{font-size: 40px;}
  h3, .title3{font-size: 34px;}
  h4, .title4{font-size: 28px;}
}


@media (max-width: 360px) {
  h1, .title1{font-size: 40px; letter-spacing:0}
  h2, .title2{font-size: 36px; letter-spacing:0}
  h3, .title3{font-size: 32px; letter-spacing:0}
}

.text-green{color: var(--secondary-color);}

/* ! Button System
/* ----------------------------------------------------------------------------------- */
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.sib_signup_form input.sib-default-btn{background-color: var(--secondary-color) ; padding: 15px 35px; color: #fff !important; border: 3px solid #fff; text-transform: uppercase; font-weight: 600; font-size: 20px;}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.sib_signup_form input.sib-default-btn{background-color: var(--hover-color) !important; color: #fff !important; border-color: var(--secondary-color)}

.wp-block-button:not(.is-style-outline) .wp-block-button__link img,
.sib_signup_form input.sib-default-btn img{display: inline-block; position: relative; top: 2px;}

.wp-block-button__link svg{position:relative; top:5px; width:auto; height:24px;}

/* ! Header */
/*----------------------------------------------------------------------------------- */
header{z-index: 1000; position: relative; background:white; }
.home header{position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(34,85,51,.6); transition:all .5s cubic-bezier(.215, .61, .355, 1)}
.home.menu-open header{background-color: var(--secondary-color);}
.home.logged-in header{top: 32px;}
.home .header__bottom{background-color: transparent;}
.home .desk__menu ul li > a{color: #fff;}
.home .desk__menu ul li > a:hover{color: var(--hover-color);}
.home .desk__menu .menu-item-has-children:after{color: #fff;}
.home .header__bottom--logo svg path:not(.light-green){fill: #fff;}

.scroll-up header{position:fixed; top:0; left:0; width:100%;}
.logged-in.scroll-up header{top: 32px;}

.scroll-up:not(.home) main{padding-top:135px;}
@media (max-width: 1120px) {
  .scroll-up main{padding-top:125px;}
}
@media (max-width: 782px) {
  .home.logged-in header{top: 46px;}
  .logged-in.scroll-up header{top: 46px;}
}

.header__bottom{padding:15px 0; position: relative; z-index: 10;}
.header__bottom--logo img,
.header__bottom--logo svg{width: 170px; height: auto;}
@media (max-width: 550px) {
	.header__bottom--logo img, .header__bottom--logo svg {width: 90px;}
}
.desk__menu ul li{padding: 0 10px; position: relative; text-transform: uppercase; font-size: 16px; line-height: 24px;}
/*.desk__menu ul:not(.sub-menu) > li{margin-left: 15px;}*/
.desk__menu ul li a{padding:5px 0;}
.desk__menu ul li a[aria-current="page"]{color: var(--hover-color);}
.desk__menu ul li .sub-menu {position: absolute; margin: 0; top: 150%; left: 5px; background: var(--secondary-color); padding: 0; transition: var(--animazione-tempo); opacity: 0; pointer-events: none; visibility: hidden; min-width:180px;}
.desk__menu ul li:last-child .sub-menu{left: unset; right: 5px;}
.desk__menu ul li .sub-menu li{padding:0;}
.desk__menu ul li .sub-menu li a{color: #fff !important; padding: 15px; display: block; white-space: nowrap; line-height:24px}
.desk__menu ul li .sub-menu li a:hover{color: #f8f8f8 !important; background: var(--hover-color);}
.desk__menu li.menu-item-has-children:hover .sub-menu{top: 100%; opacity: 1; pointer-events: all; visibility: visible;}
.desk__menu .menu-item-has-children:after{content: "▶"; transform: rotate(90deg); display: inline-block; top: -1px; color: var(--primary-color); position: relative; font-size: 12px; transition: var(--animazione-tempo);}
.desk__menu .menu-item-has-children:hover:after,
.desk__menu .current-menu-item:after{color: var(--hover-color) !important;}

.header .mobile__menu--menu{display: none; position: absolute; height: auto; text-align: center; top: 100%; left: 0; background-color: var(--secondary-color); width: 100%;}
.header .mobile__menu--menu ul{margin-bottom: 0;}
.header .mobile__menu--menu li{padding:0; border-bottom: 1px solid rgba(255, 255, 255, .5);}
.header .mobile__menu--menu li:last-child{border-bottom: 0;}
.header .mobile__menu--menu a{color: #fff; display: block; padding: 15px 0; background-color: var(--secondary-color);}
.header .mobile__menu--menu .sub-menu a{background-color: #1e6737;}
.header .mobile__menu--menu li a:hover,
.header .mobile__menu--menu a[aria-current="page"]{background-color: var(--hover-color);}

.mobile__menu{display: none; position: relative;}
.mobile__menu--hamburger{width:27px;height:18px;position:relative;margin:0;transform:rotate(0deg);transition:.5s ease-in-out; cursor:pointer;top:0px;}
.mobile__menu--hamburger span{display:block;position:absolute;height:2px;width:100%;background:var(--primary-color);border-radius:9px;opacity:1;right:0;transform:rotate(0deg);transition:.25s ease-in-out}
.home .mobile__menu--hamburger span{background-color: #fff;}
.mobile__menu--hamburger span:nth-child(1){top:0}
.mobile__menu--hamburger span:nth-child(2){top:8px}
.mobile__menu--hamburger span:nth-child(3){top:16px}
.menu-open .mobile__menu--hamburger span:nth-child(1){top:8px; transform:rotate(135deg)}
.menu-open .mobile__menu--hamburger span:nth-child(2){opacity:0; height:0}
.menu-open .mobile__menu--hamburger span:nth-child(3){top:8px; transform:rotate(-135deg)}

.mobile__menu--menu li{position: relative; text-transform: uppercase;}
.mobile__menu--menu .sub-menu{overflow: hidden; max-height: 0; transition: var(--animazione-tempo); margin: 0; background-color: var(--hover-color);}
.mobile__menu--menu .menu-item-has-children.open .sub-menu{max-height: 1000px;}

.mobile__menu--menu .menu-item-has-children > a::after{content: "▶"; transform: rotate(90deg); display: inline-block; left:10px; top: -1px; color: #fff; position: relative; font-size: 12px;}

@media (max-width: 1120px) {
  .desk__menu{display: none;}
  .mobile__menu{display: block;}
  .header__top{padding:7.5px 0; display: none;}
  .header__bottom{ padding: 10px 0;}
  .header__bottom--logo img{width: 80px;}
  .menu-open .header .mobile__menu--menu{display: block;}
}

.header-landing{border-top: 5px solid var(--primary-color); background-color: #f7f7f7;}
.logo-landing img{height: 110px; width: auto;} 
@media (max-width: 1120px){
  .logo-landing img {height: 70px;}
}

ul .wpml-ls-menu-item a{display:inline;}


/* ! Layout */
/* ----------------------------------------------------------------------------------- */
main, .content{max-width: var(--max-width); width: 92%; margin-left: auto; margin-right: auto;}
figure{margin-bottom: 0;}

/* Blocco Cover Hero */
.panel-hero{min-height: 680px; height: 100vh;}
.logged-in .panel-hero{height: calc(100vh - 32px);}
.social-cover{position: absolute; bottom: 50px; right: 50px; transition-delay: .8s !important;}
.social-cover li path{transform: var(--animazione-tempo);}
.social-cover li:hover path{fill: var(--hover-color);}

@media (max-width: 768px) {
  .wp-block-social-links.social-cover{flex-direction: row !important; position: relative; bottom: 0; right: 0; justify-content: center; margin-top: 1em;}
}
/* Bakground sezioni */
/*.bkg-prodotti{background: url(https://www.rosybrown-seahorse-539295.hostingersite.com/wp-content/uploads/2023/09/bkg-prodotti.jpg) center no-repeat; background-size: cover;}*/
.bkg-sostenibilta{background: url(https://aziendaagricolalelli.it/wp-content/uploads/2023/09/cover-sostenibilta.webp) center no-repeat; background-size: cover; position: relative;}
.bkg-sostenibilta:after{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; background-color: rgba(0, 0, 0, .4);}
.bkg-sostenibilta [class*='max-width-']{margin-left: 0; margin-right: 0;}

/* Blocco Carosello automatico */
.permas{width:100vw; height: 500px; position:relative; overflow:hidden; padding:0;}
.cont-permas{height: 100%; overflow:hidden; overflow-y: hidden; white-space:nowrap; animation-name: scroll; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; position: absolute; top:0; left:0;}
.cont-permas img{height: 400px; margin-left:10px; margin-right:10px; display: inline; position: relative; border-radius: 100%}
.cont-permas img:nth-child(odd){top: 100px;}
.cont-permas img:nth-child(1){transition-delay: .1s;} .cont-permas img:nth-child(2){transition-delay: .2s;} .cont-permas img:nth-child(3){transition-delay: .3s;} .cont-permas img:nth-child(4){transition-delay: .4s;} .cont-permas img:nth-child(5){transition-delay: .5s;} .cont-permas img:nth-child(6){transition-delay: .6s;} .cont-permas img:nth-child(7){transition-delay: .7s;} .cont-permas img:nth-child(8){transition-delay: .8s;} .cont-permas img:nth-child(9){transition-delay: .9s;} .cont-permas img:nth-child(10){transition-delay: .10s;} .cont-permas img:nth-child(11){transition-delay: .11s;} .cont-permas img:nth-child(12){transition-delay: .12s;} .cont-permas img:nth-child(13){transition-delay: .13s;} .cont-permas img:nth-child(14){transition-delay: .14s;} .cont-permas img:nth-child(15){transition-delay: .15s;} .cont-permas img:nth-child(16){transition-delay: .16s;}

@media (max-width: 768px) {
  .permas{height: 350px;}
  .cont-permas img{height: 250px;}
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%);}
}

/* Blocco News in HomePage */
.panel-news .wp-block-column:first-child{border-right: 1px solid #c7c7c7;}
.panel-news figure{height: 0; overflow: hidden; padding-bottom: 60%; position: relative;}
.panel-news .wp-block-column:last-child figure{padding-bottom: 50%;}
.panel-news figure img{height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.panel-news .wp-block-post-date{margin-bottom: 0.5rem; font-weight: 600;}
.panel-news .wp-block-post-excerpt__excerpt{margin-bottom: 1em;}
.panel-news .wp-block-post-excerpt__more-text a{text-transform: uppercase; color: var(--secondary-color); font-weight: 600;}
.panel-news .wp-block-post-excerpt__more-text a:hover{color: var(--hover-color);}
.panel-news .wp-block-column:last-child .wp-block-post-excerpt__excerpt{display: none;}

@media (max-width: 1180px){.panel-news .wp-block-column:first-child{border-right: 0; border-bottom: 1px solid #c7c7c7;}}
@media (max-width: 781px){.panel-news .wp-block-column:first-child{border: 0;}}
@media (max-width: 600px){
  .panel-news .wp-block-column:first-child{border: 0;}
  .panel-news .wp-block-column:last-child ul{gap: 2rem;}
}

.wp-block-image.img-prodotti{display: flex; justify-content: end; margin-bottom: -15rem;}
.wp-block-image.img-prodotti img{max-width: 90%;}

.lswssp-logo-showcase .slick-slide img{transition: var(--animazione-tempo);}
/*.lswssp-logo-showcase .slick-slide img:hover{transform: scale(1.15);}*/
.lswssp-logo-showcase .slick-dotted .slick-arrow{display:none !important;}
.lswssp-logo-showcase .slick-dots li button{border:0 !important; background: var(--secondary-color) !important; transition: var(--animazione-tempo); border-radius:10px !important; width:30px !important; height:8px !important}
.lswssp-logo-showcase .slick-dots li.slick-active button,
.lswssp-logo-showcase .slick-dots li button:hover{background: var(--hover-color) !important;;}

.elenco-loghi{margin: 0 auto; gap:15px 30px;}
@media (max-width: 600px){
  .elenco-loghi{flex-direction:column; max-width:280px !important;}
}

/* Form contatti */
/*.wpcf7-form label{display:block}
.wpcf7-form br{display:none}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"]{display: block; width: 100%; border: 0; border-bottom: 1px solid #000; margin-bottom: 20px; background: transparent; height: 40px; padding: 10px; color:#000; font-size: 16px; font-family: 'Averta', Helvetica, sans-serif;}
.wpcf7-form textarea{display: block; width: 100%; border: 0; border-bottom: 1px solid #000; margin-bottom: 20px; background: transparent; height: 160px; padding: 10px; color:#000; font-size: 16px; font-family: 'Averta', Helvetica, sans-serif; resize:none}
.wpcf7-form input[type="submit"]{background:#225533; color:#fff; transition: var(--animazione-tempo); font-size: 16px; font-family: 'Averta', Helvetica, sans-serif; padding:10px 20px; text-transform:uppercase;}
.wpcf7-form input[type="submit"]:hover, .wpcf7-form input[type="submit"]:active{background:#a7c81f;}

.wpcf7-form .wpcf7-list-item{margin:0 0 10px}
.wpcf7-form .wpcf7-list-item-label{font-size: 14px; font-family: 'Averta', Helvetica, sans-serif;}*/

/*.content--form .forminator-ui#forminator-module-1543.forminator-design--material .forminator-button-submit,
.content--form .forminator-ui#forminator-module-1546.forminator-design--material .forminator-button-submit{background: var(--secondary-color); color:#fff; transition: var(--animazione-tempo); font-size: 16px; font-family: 'Averta', Helvetica, sans-serif; padding:10px 20px; text-transform:uppercase; font-weight:bold}

.content--form .forminator-ui#forminator-module-1543.forminator-design--material .forminator-button-submit:hover,
.content--form .forminator-ui#forminator-module-1546.forminator-design--material .forminator-button-submit:hover{background: var(--hover-color);}*/

.cont--cf7{gap: 5px 0}
.cont--cf7 div > p{margin-bottom:0;}
.cont--cf7 div[class*='col-']{padding:5px}
.cont--cf7 input[type="text"],
.cont--cf7 input[type="email"],
.cont--cf7 select{width:100%; height:50px; padding:5px 10px; border:0; border-bottom:1px solid var(--primary-color); background:transparent;}
.cont--cf7 input[type="checkbox"]{margin:0; width:20px; height:20px; position: relative; top: 2px;}
.cont--cf7 textarea{width:100%; resize:none; height:180px; padding:5px 10px; border:0; border-bottom:1px solid var(--primary-color); background:transparent;}
.cont--cf7 .wpcf7-list-item{margin:0}
.cont--cf7 input[type="submit"]{width:100%; height:50px; border-radius:10px; text-transform:uppercase; cursor:pointer; border:0; background: var(--secondary-color); transition: var(--animazione-tempo); color:#fff;}
.cont--cf7 input[type="submit"]:hover{background: var(--hover-color);}
.cont--cf7 .wpcf7-form-control{display: flex; flex-wrap: wrap; gap: 10px 20px;}

.cont--cf7 input[type="text"]:hover,
.cont--cf7 input[type="email"]:hover,
.cont--cf7 select:hover,
.cont--cf7 textarea:hover{border-bottom:1px solid var(--hover-color);}

.cont--cf7 input[type="text"]:focus,
.cont--cf7 input[type="email"]:focus,
.cont--cf7 select:focus,
.cont--cf7 textarea:focus{border-color:var(--hover-color);}

.cont--cf7 div *{font-size:16px; font-family: 'Averta', Helvetica, sans-serif; color: var(--primary-color); transition: var(--animazione-tempo);}
.cont--cf7 div .text-green{color: var(--secondary-color);}

.cont--cf7 .wpcf7-not-valid-tip{color:#dc3232; font-size:14px; padding: 5px 10px; background: #e3e3e3;}

/* Carosello Shop */
.box--shop .wp-block-column{background-clip: content-box; padding:10px !important}
.carosello-shop.wp-block-eedee-block-gutenslider.slides-auto .wp-block-eedee-block-gutenslide{margin:0 7px}

/* ! Blog */
/*----------------------------------------------------------------------------------- */
.content-search .search-field{width: calc(100% - 160px); border-color: var(--secondary-color); padding: 0 10px; background-color: transparent; height: 50px; border-radius: 5px; font-size: 14px;}
.content-search .search-submit{height: 50px; width: 150px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; background: var(--secondary-color); border-radius: 5px; border: 0; color: #fff; font-size: 14px; cursor: pointer; transition: var(--animazione-tempo);}
.content-search .search-submit:hover{background-color: var(--hover-color);}
@media (max-width: 781px){
  .content-search .search-field,
  .content-search .search-submit{width: 100%;}
  .content-search .search-field{margin-bottom: .5rem;}
}

.list-blog article:nth-child(3n+1){transition-delay: .1s;}
.list-blog article:nth-child(3n+2){transition-delay: .3s;}
.list-blog article:nth-child(3n+3){transition-delay: .5s;}
.list-blog article figure{width: 100%; height: 0; padding-bottom: 56.25%; position: relative;}
.list-blog article figure img{position: absolute; height: 100%; width: 100%; left: 0; top: 0; object-fit: cover;}
.list-blog--dati{font-size: 14px; line-height: 14px; font-weight: bold;}
.list-blog--dati a, .list-blog--btn a, .arrow-post a{text-decoration: none;}
.arrow-post a span{display: inline-block; height: 10px; position: relative; top: -4px;}

/* Lista dei prodotti */
.lista-prodotti ul li{position: relative; height: auto; overflow: hidden;}
.lista-prodotti ul li figure{width: 100%; height: 0;  overflow: hidden; padding-bottom: 120%; position: relative; margin: 0;}
.lista-prodotti ul li figure a{position: absolute; width: 100%;}
.lista-prodotti ul li figure a::after{content: ""; position: absolute; width: 100%; height: 0%; bottom: 0%; left: 0; background-color: rgba(34, 85, 52, .4); background: linear-gradient(180deg, rgba(34,85,51,0) 0%, rgba(34,85,51,0.5) 100%); transition: var(--animazione-tempo); z-index: 2;}
.lista-prodotti ul li img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: var(--animazione-tempo); z-index: 1;}
.lista-prodotti ul li h4{font-size: 50px; line-height: 70px; font-style: italic; padding: 1.5rem; position: absolute; bottom: -80%; left: 0; width: 100%; z-index: 3; transition: var(--animazione-tempo); letter-spacing:0}
.lista-prodotti ul li h4 a{color: var(--hover-color);}
.lista-prodotti ul li h4 a::before{content: ""; font-style:normal; font-size: 18px; line-height: 18px; color: #fff; font-family: 'Averta', Helvetica, sans-serif; letter-spacing: 0; font-weight: 600; display: block; text-transform: uppercase; margin-bottom: 5px;}
.lista-prodotti ul.lista-prodotti--frutta-fresca li h4 a::before{content: "Frutta Fresca";}
.lista-prodotti ul.lista-prodotti--frutta-secca li h4 a::before{content: "Frutta Secca";}

html[lang="en-US"] .lista-prodotti ul.lista-prodotti--frutta-fresca li h4 a::before{content: "Fresh Fruit";}
html[lang="en-US"] .lista-prodotti ul.lista-prodotti--frutta-secca li h4 a::before{content: "Dried Fruit";}


.lista-prodotti ul li:hover img{transform: scale(1.2, 1.2);}
.lista-prodotti ul li:hover figure a::after{height: 100%;}
.lista-prodotti ul li:hover h4{bottom: 0;}

@media (max-width: 1380px) {
	.wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1.lista-prodotti--frutta-fresca,
	.wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1.lista-prodotti--frutta-secca{grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width: 1180px) {
  .lista-prodotti ul li figure a::after{height: 100%;}
  .lista-prodotti ul li h4{bottom: 0; padding:0.7rem}
}

@media (max-width: 660px) {
	.wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1.lista-prodotti--frutta-fresca,
	.wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1.lista-prodotti--frutta-secca{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.lista-prodotti ul li h4{padding:1rem}
}



/* ! Single */
/*----------------------------------------------------------------------------------- */
.arrow-post .nav-links{display: flex; justify-content: space-between;}

/* ! Portfolio  */
.cover-portfolio{min-height: calc(100vh - 134px); overflow: hidden; position: relative;}
.cover-portfolio figure{height: 100%; width: 100%;}
.cover-portfolio img{position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover;}
.cover-portfolio--title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition-delay: .4s !important; color: #fff;}
@media (max-width: 1180px) { 
	.cover-portfolio{height: 300px; margin-bottom: 2rem !important;} 
}
@media (max-width: 767px) { 
	.cover-portfolio{min-height:calc(100vh - 180px);}
	.cover-portfolio figure:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}
	.cover-portfolio--title{letter-spacing:0; font-size:50px;} 
}
.single-portfolio .swiper-slide{margin: 0 10px;}

#post-381 .lista-prodotti .post-381{display:none;}
#post-384 .lista-prodotti .post-384{display:none;}
#post-383 .lista-prodotti .post-383{display:none;}
#post-364 .lista-prodotti .post-364{display:none;}

#post-1102 .lista-prodotti .post-1102{display:none;}
#post-1103 .lista-prodotti .post-1103{display:none;}
#post-1104 .lista-prodotti .post-1104{display:none;}
#post-1106 .lista-prodotti .post-1106{display:none;}



/* ! Footer */
/*----------------------------------------------------------------------------------- */
footer{background-color: #EDEFE2; color: var(--primary-color);}
footer .custom-logo{max-width: 200px; width: 100%; height: auto;}
footer p a{text-decoration: underline;}

.menu-social a{display: block; margin-right: 15px;}
.menu-social a svg *{transition: var(--animazione-tempo); fill: var(--primary-color);}
.menu-social a:hover svg *{fill: var(--hover-color);}

.footer-menu{list-style: none;}
.footer-menu li{margin-right: 10px; margin-bottom: 10px; font-size: 30px; font-family: 'Lust-Didone', Helvetica, sans-serif; letter-spacing: 1.5px;}
.footer-menu li a{text-decoration: none;}
.footer-menu li:after{content: ","; font-size: 25px;}
.footer-menu li:last-child:after{content: ".";}

#forminator-module-239{margin:0;}
#forminator-module-239 .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child), 
#forminator-module-239 .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child){margin-bottom:1rem;}
#forminator-module-239 .forminator-col-12{padding:0;}
#forminator-module-239 .forminator-field{position:relative;}
#forminator-module-239 .forminator-field label.forminator-label{position: absolute; top: -15px;}
#forminator-module-239 .forminator-field-textarea .forminator-field.forminator-is_active .forminator-label{top: -5px;}
#forminator-module-239 .forminator-row-last .forminator-col{padding: 0;}
#forminator-module-239 .forminator-button-submit{width: 100%; font-weight: 600 !important; font-size: 16px !important;}
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row{margin-right: 0!important; margin-left: 0!important;}

/* ! Wordpress Styles */
/*----------------------------------------------------------------------------------- */

@media (max-width: 820px) {
  .wp-block-cover{min-height: 500px !important;}
}

/* input, textarea{border: 3px solid #ddd; border-radius: 3px;padding: 10px;}
input[type=submit], button{border: 3px solid #ddd; background: #ddd; border-radius: 3px;padding: 10px;} */

/* Grandezze sezione */
.alignfull{width: 100vw; margin-left: calc(50% - 50vw);}
.alignwide{width: 90vw; margin-left: calc(50% - 45vw);}

/* Larghezze massime WP Block Group */
.wp-block-group .wp-block-group__inner-container{max-width: var(--max-width); width: 96%; margin-left: auto; margin-right: auto; position: relative; z-index: 1;}
.wp-block-group--big .wp-block-group__inner-container{max-width: var(--max-width-big);}
.wp-block-group--small .wp-block-group__inner-container{max-width: var(--max-width-small);}
.wp-block-group--ultra-small .wp-block-group__inner-container{max-width: var(--max-width-ultra-small);}
.wp-block-group--mini .wp-block-group__inner-container{max-width: var(--max-width-mini);}

/* WP Block Columns */
.wp-block-columns[class*='wp-container-']{gap: 0; flex-wrap: wrap !important;}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis: initial !important; flex-basis: 0;}

@media (max-width: 600px) { .wp-block-media-text .wp-block-media-text__media{margin-bottom: 20px;} }



/* ! Flex
----------------------------------------------------------------------------------- */
.flex{display:flex;}
.flex--row{flex-direction: row;}
.flex--row-reverse{flex-direction: row-reverse;}
.flex--column{flex-direction: column;}
.flex--column-reverse{flex-direction: column-reverse;}

.flex--nowrap{flex-wrap: nowrap}
.flex--wrap{flex-wrap: wrap}
.flex--wrap-reverce{flex-wrap: wrap-reverse}

.flex--justify-start{justify-content: flex-start;}
.flex--justify-end{justify-content: flex-end;}
.flex--justify-center{justify-content: center;}
.flex--justify-space-around{justify-content: space-around;}
.flex--justify-space-between{justify-content: space-between;}

.flex--items-stretch{align-items: stretch;}
.flex--items-baseline{align-items: baseline;}
.flex--items-center{align-items: center;}
.flex--items-start{align-items: flex-start;}
.flex--items-end{align-items: flex-end;}

.flex--content-stretch{align-content: stretch;}
.flex--content-start{align-content: flex-start;}
.flex--content-end{align-content: flex-end;}
.flex--content-center{align-content: center;}
.flex--content-baseline{align-content: baseline;}
.flex--content-space-around{align-content: space-around;}
.flex--content-space-between{align-content: space-between;}

.flex--self-auto{align-self: auto;}
.flex--self-stretch{align-self: stretch;}
.flex--self-baseline{align-self: baseline;}
.flex--self-center{align-self: center;}
.flex--self-start{align-self: flex-start;}
.flex--self-end{align-self: flex-end;}

@media (max-width: 1180px) {
  .flex--row-reverse--tab{flex-direction: row-reverse;}
  .flex--column-reverse--tab{flex-direction: column-reverse;}
}

@media (max-width: 781px) {
  .flex--row-reverse--tab{flex-direction: row-reverse;}
  .flex--column-reverse--sma{flex-direction: column-reverse;}
}

/* ! Grid System 
----------------------------------------------------------------------------------- */
.grid{display: flex; flex-wrap: wrap; max-width: var(--max-width); margin: 0 auto}
.grid--big{max-width: var(--max-width-big);}
.grid--small{max-width: var(--max-width-small);}
.grid--center{justify-content: center;}
.grid--full{max-width: 100%}
.grid--list li{display: flex; flex-wrap: wrap;}
.grid--list li figure{height: auto; overflow: visible;}
.grid--list li figure img{position: relative; height: auto;}

[class*='col-']{padding: 20px;}

.col-100{width:100%} .col-95{width:95%} .col-90{width:90%} .col-80{width:80%} .col-75{width:75%} .col-72{width:72%} .col-70{width:70%} .col-66{width:66.66%} .col-60{width:60%} .col-55{width:55%} .col-50{width:50%} .col-45{width:45%} .col-40{width:40%} .col-35{width:35%} .col-33{width:33.33%} .col-30{width:30%} .col-25{width:25%} .col-20{width:20%} .col-16{width:16.66%} .col-12{width:12.5%} .col-10{width:10%} .col-5{width:5%}

@media (min-width: 1181px) { .col-hide{display: none !important;} }

@media (max-width: 1180px) {
  .tab-100{width:100%} .tab-90{width:90%} .tab-80{width:80%} .tab-75{width:75%} .tab-70{width:70%} .tab-66{width:66.66%} .tab-60{width:60%} .tab-50{width:50%} .tab-40{width:40%} .tab-33{width:33.33%} .tab-30{width:30%} .tab-25{width:25%} .tab-20{width:20%} .tab-16{width:16.66%} .tab-12{width:12.5%} .tab-10{width:10%}
}

@media (min-width:781px) and (max-width:1180px) { .tab-hide{display:none !important;} }

@media (max-width: 781px) {
  .sma-5{width: 5%} .sma-20{width: 20%;} .sma-25{width: 25%;} .sma-33{width: 33.33%;} .sma-50{width: 50%;} .sma-60{width:60%} .sma-70{width:70%} .sma-80{width:80%} .sma-90{width: 90%;} .sma-100{width: 100%;} .sma-hide{display:none !important;}
}

@media (max-width: 440px) {
  [class*='col-'] { width: 100%;}
}

/* ! Margin & Padding 
----------------------------------------------------------------------------------- */
.m0{margin: 0;}
.mx0{margin-left: 0 !important; margin-right: 0 !important;}
.my0{margin-top: 0 !important; margin-bottom: 0 !important;}
.mx10{margin-left: 10px !important; margin-right: 10px !important;}

.mt0{margin-top: 0;} .mt1{margin-top: 1rem;} .mt2{margin-top: 2rem;} .mt3{margin-top: 3rem;} .mt4{margin-top: 4rem;} .mt5{margin-top: 5rem;} .mt10{margin-top: 10rem;}
.mb0{margin-bottom: 0;} .mb05{margin-bottom: .5rem;} .mb1{margin-bottom: 1rem;} .mb2{margin-bottom: 2rem;} .mb3{margin-bottom: 3rem;} .mb4{margin-bottom: 4rem;} .mb5{margin-bottom: 5rem;} .mb10{margin-bottom: 10rem;} .mb20{margin-bottom: 20px;}
.p0{padding: 0;} .p1{padding: 1rem;} .p2{padding: 2rem;} .p3{padding: 3rem;} .p4{padding: 4rem;} .p5{padding: 5rem;} .p10{padding: 10rem;} .p20{padding: 20px;}
.pt0{padding-top: 0;} .pt1{padding-top: 1rem;} .pt2{padding-top: 2rem;} .pt3{padding-top: 3rem;} .pt4{padding-top: 4rem;} .pt5{padding-top: 5rem;} .pt6{padding-top: 6rem;} .pt7{padding-top: 7rem;} .pt8{padding-top: 8rem;} .pt9{padding-top: 9rem;} .pt10{padding-top: 10rem;} .pt15{padding-top: 15rem;} .pt20{padding-top: 20rem;}
.pb0{padding-bottom: 0;} .pb1{padding-bottom: 1rem;} .pb2{padding-bottom: 2rem;} .pb3{padding-bottom: 3rem;} .pb4{padding-bottom: 4rem;} .pb5{padding-bottom: 5rem;} .pb6{padding-bottom: 6rem;} .pb7{padding-bottom: 7rem;} .pb8{padding-bottom: 8rem;} .pb9{padding-bottom: 9rem;} .pb10{padding-bottom: 10rem;} .pb20{padding-bottom: 20rem;}

@media (max-width: 1180px) {
  .mt0-tab{margin-top: 0;} .mt1-tab{margin-top: 1rem;} .mt2-tab{margin-top: 2rem;} .mt3-tab{margin-top: 3rem;} .mt4-tab{margin-top: 4rem;} .mt5-tab{margin-top: 5rem;} .mt10-tab{margin-top: 10rem;}
  .mb0-tab{margin-bottom: 0;} .mb1-tab{margin-bottom: 1rem;} .mb2-tab{margin-bottom: 2rem;} .mb3-tab{margin-bottom: 3rem;} .mb4-tab{margin-bottom: 4rem;} .mb5-tab{margin-bottom: 5rem;} .mb10-tab{margin-bottom: 10rem;} .mb20-tab{margin-bottom: 20px;}  
  .p0-tab{padding: 0;} .p1-tab{padding: 1rem;} .p2-tab{padding: 2rem;} .p3-tab{padding: 3rem;} .p4-tab{padding: 4rem;} .p5-tab{padding: 5rem;} .p10-tab{padding: 10rem;}
  .pt0-tab{padding-top: 0;} .pt1-tab{padding-top: 1rem;} .pt2-tab{padding-top: 2rem;} .pt3-tab{padding-top: 3rem;} .pt4-tab{padding-top: 4rem;} .pt5-tab{padding-top: 5rem;} .pt6-tab{padding-top: 6rem;} .pt7-tab{padding-top: 7rem;} .pt8-tab{padding-top: 8rem;} .pt9-tab{padding-top: 9rem;} .pt10-tab{padding-top: 10rem;} .pt15-tab{padding-top: 15rem;} .pt20-tab{padding-top: 20rem;}
  .pb0-tab{padding-bottom: 0;} .pb1-tab{padding-bottom: 1rem;} .pb2-tab{padding-bottom: 2rem;} .pb3-tab{padding-bottom: 3rem;} .pb4-tab{padding-bottom: 4rem;} .pb5-tab{padding-bottom: 5rem;} .pb6-tab{padding-bottom: 6rem;} .pb7-tab{padding-bottom: 7rem;} .pb8-tab{padding-bottom: 8rem;} .pb9-tab{padding-bottom: 9rem;} .pb10-tab{padding-bottom: 10rem;}
}

@media (max-width: 781px) {
  .mt0-sma{margin-top: 0;} .mt1-sma{margin-top: 1rem;} .mt2-sma{margin-top: 2rem;} .mt3-sma{margin-top: 3rem;} .mt4-sma{margin-top: 4rem;} .mt5-sma{margin-top: 5rem;} .mt10-sma{margin-top: 10rem;}
  .mb0-sma{margin-bottom: 0;} .mb1-sma{margin-bottom: 1rem;} .mb2-sma{margin-bottom: 2rem;} .mb3-sma{margin-bottom: 3rem;} .mb4-sma{margin-bottom: 4rem;} .mb5-sma{margin-bottom: 5rem;} .mb10-sma{margin-bottom: 10rem;} .mb20-sma{margin-bottom: 20px;}
  .p0-sma{padding: 0;} .p1-sma{padding: 1rem;} .p2-sma{padding: 2rem;} .p3-sma{padding: 3rem;} .p4-sma{padding: 4rem;} .p5-sma{padding: 5rem;} .p10-sma{padding: 10rem;}
  .pt0-sma{padding-top: 0;} .pt1-sma{padding-top: 1rem;} .pt2-sma{padding-top: 2rem;} .pt3-sma{padding-top: 3rem;} .pt4-sma{padding-top: 4rem;} .pt5-sma{padding-top: 5rem;} .pt6-sma{padding-top: 6rem;} .pt7-sma{padding-top: 7rem;} .pt8-sma{padding-top: 8rem;} .pt9-sma{padding-top: 9rem;} .pt10-sma{padding-top: 10rem;} .pt15-sma{padding-top: 15rem;} .pt20-sma{padding-top: 20rem;}
  .pb0-sma{padding-bottom: 0;} .pb1-sma{padding-bottom: 1rem;} .pb2-sma{padding-bottom: 2rem;} .pb3-sma{padding-bottom: 3rem;} .pb4-sma{padding-bottom: 4rem;} .pb5-sma{padding-bottom: 5rem;} .pb6-sma{padding-bottom: 6rem;} .pb7-sma{padding-bottom: 7rem;} .pb8-sma{padding-bottom: 8rem;} .pb9-sma{padding-bottom: 9rem;} .pb10-sma{padding-bottom: 10rem;}
}

/* ! Helpers 
----------------------------------------------------------------------------------- */
.ninja{opacity: 0; visibility: hidden; pointer-events: none; display: none !important;}
.hidden{overflow: hidden;}
.uppercase{text-transform: uppercase;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}
.vertical-middle{vertical-align: middle;}

/* Larghezze massime */
.max-width{max-width: var(--max-width) !important; margin-left: auto; margin-right: auto;}
.max-width--medium{max-width: var(--max-width-medium) !important; margin-left: auto; margin-right: auto;}
.max-width--small,
h1.max-width--small,
h2.max-width--small{max-width: var(--max-width-small) !important; margin-left: auto; margin-right: auto;}
.max-width--ultra-small,
h1.max-width--ultra-small,
h2.max-width--ultra-small{max-width: var(--max-width-ultra-small) !important; margin-left: auto; margin-right: auto;}
.max-width--mini,
h1.max-width--mini,
h2.max-width--mini{max-width: var(--max-width-mini) !important; margin-left: auto; margin-right: auto;}

.max-width--std .wp-block-group__inner-container,
.max-width--small .wp-block-group__inner-container,
.max-width--ultra-small .wp-block-group__inner-container{width: 100%;}

/* Immagini responsive */
.img-res,
.img-res img,
.img-res svg{width: 100%; display: block; height: auto; }
.wp-block-post-template .img-res{margin: 0;}

/* Titolo SVG */
.img-title{display: block; position: absolute; z-index: 0; left: 0; top: 0; width: 100%;}
.img-title svg{width: 100%; height: auto;}

/* Video responsive */
.video-res{width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative;}
.video-res video,
.video-res iframe{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}

/* Contenitore iframe */
.iframe_cont{width: 100%; height: 0; padding-bottom: 56.24%; position: relative;}
.iframe_cont iframe{width: 100%; height: 100%; position: absolute;}

/* Effetto moltiplica */
.multiply,
.multiply img{mix-blend-mode: multiply;}

@media (max-width: 1024px) {
  .iframe_cont{padding-bottom: 80%;}
}

.relative{position: relative;}

/* ! Animazione
----------------------------------------------------------------------------------- */
.fadeUp{opacity: 0; transform: translateY(5rem); transition: all .8s cubic-bezier(.215, .61, .355, 1);}
.in-page .fadeUp,
.in-page.fadeUp{opacity: 1; transform: translateY(0);}
.fadeDown{opacity: 0; transform: translateY(-5rem); transition: all .8s cubic-bezier(.215, .61, .355, 1);}
.in-page .fadeDown,
.in-page.fadeDown{opacity: 1; transform: translateY(0);}
.fadeUpZoom{opacity: 0; transform: translateY(150px) scale(1.4); transition: all .8s cubic-bezier(.215, .61, .355, 1);}
.in-page .fadeUpZoom,
.in-page.fadeUpZoom{opacity: 1; transform: translateY(0px) scale(1);}
.zoomUp{opacity: 0; transform: scale(1.4); transition: all .8s cubic-bezier(.215, .61, .355, 1);}
.in-page .zoomUp,
.in-page.zoomUp{opacity: 1; transform: scale(1);}
.opacity{opacity: 0;}
.in-page .opacity,
.in-page.opacity{opacity: 1; transition: all .8s cubic-bezier(.215, .61, .355, 1);}

.zoomUpImg{overflow: hidden;}
.zoomUpImg img{opacity: 0; transform: scale(1.4); transition: all .8s cubic-bezier(.215, .61, .355, 1);}
.in-page.zoomUpImg img,
.in-page .zoomUpImg img{opacity: 1; transform: scale(1);}

.dly0, .dly0 img{transition-delay: 0s;}
.dly1, .dly1 img{transition-delay: .1s;}
.dly2, .dly2 img{transition-delay: .2s;}
.dly3, .dly3 img{transition-delay: .3s;}
.dly4, .dly4 img{transition-delay: .4s;}
.dly5, .dly5 img{transition-delay: .5s;}
.dly6, .dly6 img{transition-delay: .6s;}
.dly7, .dly7 img{transition-delay: .7s;}
.dly8, .dly8 img{transition-delay: .8s;}
.dly9, .dly9 img{transition-delay: .9s;}
.dly10, .dly10 img{transition-delay: 1s;}

.rotate{animation: rotating 30s linear infinite; transform-origin: center;}
@keyframes rotating {
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}

.rc-anchor,
.rc-anchor-invisible-hover,
.rc-anchor-invisible,
#recaptcha-accessible-status,
.rc-anchor-error-msg-container,
.rc-anchor-normal-footer{display:none !important; opacity: 0 !important; pointer-events:none !important; visibility: hidden !important;}