/*
* 1400px - 1024px - 768px
* */


/*
* Section Background
* */
.section-background{ position: relative; }
.section-background::before{
    content: "";
    position: absolute; top: 50%; bottom: 0; left: 0; right: 0;
    border-top-left-radius: 60px; border-top-right-radius: 60px;
    background-color: #0A5A37;
}
.section-background.bg-sgiallo::before{
    background-color: #FFE8BE;
}
.section-background.bg-dark-green::before{
    background-color: #0C4029;
}

#home2025-section02,
#home2025-section03{ background: #fff !important; }
#home2025-section02,
#home2025-section02 h2,
#home2025-section02 p{	
    color: var(--e-global-color-text) !important;
}
@media screen and (min-width: 768px){
    #home2025-section02,
    #home2025-section03{ background: var(--e-global-color-secondary) !important; }
    #home2025-section02,
    #home2025-section02 h2,
    #home2025-section02 p,
    #home2025-section03,
    #home2025-section03 h2,
    #home2025-section03 p{	
        color: #fff !important;
    }
}
    
/*
* Slider Home
* */
/* #homeSection01{} */
#sliderHome{ position: relative; }
#sliderHome::after{
    content: "";
    position: absolute; bottom: 0; left: 0; right: 0;
    display: block; width: 100%; height: 150px;
    background-image: url(/wp-content/uploads/2025/05/onda-home-fileni.svg);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 10;
}
#sliderHome .slide-home-card{ 
    position: relative; background-color: #00843D; overflow: hidden; 
}
#sliderHome .slick-slide .slider-home-card{ transform: translateX(100%); opacity: 0; transition: all .55s ease-in-out .55s; }
#sliderHome .slick-slide.slick-active .slider-home-card{ transform: translateX(0); opacity: 1; }
#sliderHome .slick-slide img { display: inline-block !important; }

#sliderHome .carousel-arrow.carousel-prev,
#sliderHome .carousel-arrow.carousel-next{
    top: auto !important; bottom: 40px !important; right: auto !important;
    width: 48px !important; height: 48px !important; border-radius: 50% !important;
    font-size: 32px !important;
}
#sliderHome .carousel-arrow.carousel-prev{ left: 0;  }
#sliderHome .carousel-arrow.carousel-next{ left: 48px; }

#sliderHome .carousel-arrow.carousel-prev i,
#sliderHome .carousel-arrow.carousel-next i { display: none; }
#sliderHome .carousel-arrow.carousel-prev::after,
#sliderHome .carousel-arrow.carousel-next::after{
    content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    mask-image: url(/wp-content/uploads/2025/05/arrow2-2025-next.svg);
    mask-repeat: no-repeat;
    mask-size: 12px 19px;
    mask-position: centeR;
    background-color: #0A5A37;
}
#sliderHome .carousel-arrow.carousel-prev::after{ transform: rotate(180deg); }

#sliderHome ul.slick-dots{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    top: auto !important;
    bottom: 200px !important;
    padding: 0 !important;
}
#sliderHome ul.slick-dots li{
    display: inline-block; width: 10px; height: 10px; 
    background-color: #fff !important; border-radius: 50%; transition: all .35s;
}
#sliderHome ul.slick-dots li i{
    display: none !important;
}
#sliderHome ul.slick-dots li.slick-active{
    background-color: #fff !important; width: 50px !important; border-radius: 100px !important;
}

@media screen and (max-width: 767px){
    #sliderHome .slick-slider{
        background: #00843D;
        /*background: linear-gradient(0deg,rgba(0, 132, 61, 1) 50%, rgba(255, 255, 255, 1) 50%);*/
        border-bottom-left-radius: 40px; 
        border-bottom-right-radius: 40px;
    }
    
    #sliderHome::after{ bottom: auto; top: calc(330px - 150px); background-position: bottom center; }
    
    #sliderHome .slick-slide > div[data-elementor-type="section"] > .elementor-section-wrap > section {
        background-image: none !important;
        background-color: #00843D !important;
        border-bottom-left-radius: 40px !important; 
        border-bottom-right-radius: 40px !important; 
    }
    
    #sliderHome .carousel-arrow.carousel-prev,
    #sliderHome .carousel-arrow.carousel-next,
    #sliderHome ul.slick-dots{
        bottom: 20px !important;
    }
    
    #sliderHome .carousel-arrow.carousel-prev{ left: 20px !important; }
    #sliderHome .carousel-arrow.carousel-next{ left: auto !important; right: 20px !important; }
    
    #sliderHome ul.slick-dots{ left: 80px !important; width: calc(100% - 160px) !important; justify-content: center !important; }
    #sliderHome ul.slick-dots li.slick-active { background-color: #FFB434 !important; }
}

@media screen and (min-width: 768px){
    #sliderHome .slide-home-card{ 
        position: relative; backdrop-filter: blur(30px); background: transparent; overflow: hidden; 
    }
    #sliderHome .slide-home-card::before{ 
        content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(10, 90, 55, 0.50);
    }
    
    #sliderHome::after{ display: none; }
    
    #sliderHome .carousel-arrow.carousel-prev{ left: 40px !important; }
    #sliderHome .carousel-arrow.carousel-next{ left: calc(40px + 48px + 10px) !important; }
    
    #sliderHome ul.slick-dots{ left: calc(40px + ((48px + 10px) * 2)) !important; }
    
    #sliderHome .carousel-arrow.carousel-prev,
    #sliderHome .carousel-arrow.carousel-next{
        bottom: 200px !important;
    }
    #sliderHome ul.slick-dots{
        bottom: 225px !important;
    }
}

@media screen and (min-width: 1450px){
    #sliderHome .carousel-arrow.carousel-prev{ left: calc(((100vw - 1400px) / 2) + 10px) !important; }
    #sliderHome .carousel-arrow.carousel-next{ left: calc(((100vw - 1400px) / 2) + 10px + 48px + 10px) !important; }
    
    #sliderHome ul.slick-dots{ left: calc(((100vw - 1400px) / 2) + 10px + ((48px + 10px) * 2)) !important; }
}




/*
* Home Slider Prodotti: swiper-box-01
* */
.swiper-box-01 .swiper-container,
.swiper-box-01 .swiper-slide { 
    overflow: visible !important; 
}
.swiper-box-01 .swiper-slide h3,
.swiper-box-01 .swiper-slide h4{ 
    height: 80px; 
}
.swiper-box-01 .swiper-pagination-bullet{ opacity: 1 !important; }
.swiper-box-01 .swiper-pagination-bullet-active{ background-color: #FFB434 !important; } 
.swiper-box-01 .swiper-slide .elementor-widget .elementor-icon-list-item a { 
    display: inline-flex;
    width: fit-content;
    padding-bottom: 10px; 
    border-bottom: solid 3px #00843D; 
}
.swiper-box-01 .swiper-slide .elementor-widget .elementor-icon-list-item a > span:first-child { 
    order: 1 !important; margin-left: 15px; margin-right: 0; padding-left: 0; padding-right: 0;
}
.swiper-box-01 .swiper-slide .elementor-widget .elementor-icon-list-item a > span:last-child { 
    order: 0 !important; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;
}
.swiper-box-01 .swiper-slide .elementor-widget .elementor-icon-list-item a i{ width: auto !important; }

@media screen and (max-width: 767px){
    .swiper-box-01 .swiper-pagination { top: auto !important; bottom: -40px !important; }
    .swiper-box-01 .swiper-pagination-bullet { background-color: #CDD787 !important; }
    .swiper-box-01 .swiper-pagination-bullet-active { background-color: #0A5A37 !important; }
}

/* same-height */
.swiper-box-01 .swiper { display: flex; align-items: stretch; overflow: visible; }
.swiper-box-01 .swiper-wrapper { height: auto; }
.swiper-box-01 .swiper-slide { flex-direction: column; justify-content: space-between; display: flex; }
.swiper-box-01 .swiper-slide > article,
.swiper-box-01 .swiper-slide > div { 
        flex: 1; 
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}
.swiper-box-01 .swiper-slide > div,
.swiper-box-01 .swiper-slide > div > section { height: 100%; }

/*
* Home Slider Prodotti: swiper-box-02
* */
.swiper-box-02 .swiper-slide h3,
.swiper-box-02 .swiper-slide h4{ 
    height: 100px; 
}
.swiper-box-02 .swiper-slide .elementor-widget .elementor-icon-list-item a { 
    display: inline-flex;
    width: fit-content;
    padding-bottom: 5px; 
    border-bottom: solid 3px #00843D; 
}
.swiper-box-02 .swiper-slide .elementor-widget .elementor-icon-list-item a > span:first-child { 
    order: 1 !important; margin-left: 15px; margin-right: 0; padding-left: 0; padding-right: 0;
}
.swiper-box-02 .swiper-slide .elementor-widget .elementor-icon-list-item a > span:last-child { 
    order: 0 !important; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;
}
.swiper-box-02 .swiper-slide .elementor-widget .elementor-icon-list-item a i{ width: auto !important; }

/* same-height */
.swiper-box-02 .swiper { display: flex; align-items: stretch; overflow: visible; }
.swiper-box-02 .swiper-wrapper { height: auto; }
.swiper-box-02 .swiper-slide { flex-direction: column; justify-content: space-between; display: flex; }
.swiper-box-02 .swiper-slide > article,
.swiper-box-02 .swiper-slide > div { 
        flex: 1; 
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}
.swiper-box-02 .swiper-slide > div,
.swiper-box-02 .swiper-slide > div > section { height: 100%; }
.swiper-box-02 .recipe-tag {
    background-color: #FFE8BE;
    backdrop-filter: blur(30px);
    border-radius: 100px;
    padding: 5px 15px;
}

.swiper-box-02 .swiper-pagination{
    position: relative;
    top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
    transform: translate(0, 0) !important;
    margin-top: 10px;
    text-align: center !important;
    width: 100%;
}

@media screen and (max-width: 767px){
    .swiper-box-02 .swiper-container { overflow: visible !important; }
    /*.swiper-box-02 .swiper-pagination { left: 0 !important; text-align: left !important; transform: translate(0, 0) !important; }*/
    .swiper-box-02 .swiper-pagination { 
        position: absolute;
        top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
        margin-top: 10px; 
        text-align: left !important;
    }
}
@media screen and (min-width: 1024) and (max-width: 1199px){
    .swiper-box-02 .swiper-slide h3,
    .swiper-box-02 .swiper-slide h4{ 
            height: 130px; 
    }
}



/**
* Home Recipe
* */
.recipe-card-title,
.recipe-card-title a { font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important; }
@media screen and (min-width: 768px){
    .home-recipe-section-image01{ display: inline-block !important; width: auto !important; }
    .home-recipe-section-image02{ display: inline-block !important; width: auto !important; left: auto !important; right: -30px !important; }
}



/**
* Product
* */
.tag-prodotto-contenitore .elementor-widget-container{
    display: flex;
}
span.carat-prod-tag {
    margin-right: 10px;
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.7px;
    fill: var(--e-global-color-secondary);
    color: var(--e-global-color-secondary);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-secondary);
    border-radius: 100px 100px 100px 100px;
    padding: 4px 13px 4px 13px;
    display: block;
    line-height: normal;
}
.descrizione-prodotto-elementor.elementor-widget.elementor-widget-theme-post-content p{
    text-align: left !important;
}


/**
* European Chicken Commitment Page
* */
/* #pageECC-section01{} */
#pageECC-section02{ position: relative; }
#pageECC-section02::before{ 
    content: ""; position: absolute; bottom: 0; left: 0; right: 0;
    display: block; width: 100%; height: 50%;
    border-top-left-radius: 60px; border-top-right-radius: 60px;
    background-color: #fff;
}
#pageECC-section04{ position: relative; }
#pageECC-section04::before{ 
    content: ""; position: absolute; bottom: 0; left: 0; right: 0;
    display: block; width: 100%; height: 50%;
    border-top-left-radius: 60px; border-top-right-radius: 60px;
    background-color: #074027;
}

/* ecc slider */
#pageECC-slider .slick-track{ display: flex; flex-direction: row; align-items: stretch; gap: 0 10px; }
#pageECC-slider .slick-slide{ 
    height: auto;
    float: none !important;
    margin-right: 0px;
}
#pageECC-slider .slick-slide > div,
#pageECC-slider .slick-slide > div > div,
#pageECC-slider .slick-slide > div > div > section{
    height: 100%;
}

#pageECC-slider .carousel-arrow.carousel-prev,
#pageECC-slider .carousel-arrow.carousel-next{
    top: auto !important; bottom: -54px !important; left: auto !important;
    width: 48px !important; height: 48px !important; border-radius: 50% !important;
    font-size: 32px !important;
}
#pageECC-slider .carousel-arrow.carousel-prev i,
#pageECC-slider .carousel-arrow.carousel-next i { display: none; }
#pageECC-slider .carousel-arrow.carousel-prev::after,
#pageECC-slider .carousel-arrow.carousel-next::after{
    content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    mask-image: url(/wp-content/uploads/2025/05/arrow2-2025-next.svg);
    mask-repeat: no-repeat;
    mask-size: 12px 19px;
    mask-position: centeR;
    background-color: #0A5A37;
}
#pageECC-slider .carousel-arrow.carousel-prev::after{ transform: rotate(180deg); }
#pageECC-slider .carousel-arrow.carousel-prev{ right: 78px !important; }
#pageECC-slider .carousel-arrow.carousel-next{ right: 20px !important; }

#pageECC-slider ul.slick-dots{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    top: auto !important;
    left: 20px !important;
    bottom: -40px !important;
    padding: 0 !important;
}
#pageECC-slider ul.slick-dots li{
    display: inline-block; width: 10px; height: 10px; 
    background: var(--e-global-color-text) !important; opacity: 0.4; border-radius: 50%; transition: all .35s;
}
#pageECC-slider ul.slick-dots li i{ display: none !important; }
#pageECC-slider ul.slick-dots li.slick-active{ opacity: 1; }

@media screen and (max-width: 767px){
    #pageECC-section02::before{ height: 80%; border-top-left-radius: 40px; border-top-right-radius: 40px; }
    #pageECC-section04::before{ height: 50%; border-top-left-radius: 40px; border-top-right-radius: 40px; }
    #pageECC-slider .slick-list{ overflow: visible !important; }
    #pageECC-slider .carousel-arrow.carousel-prev{ right: calc(-16.66% + 58px) !important; }
    #pageECC-slider .carousel-arrow.carousel-next{ right: -16.66% !important; }
    #pageECC-slider ul.slick-dots{ left: 20px !important; }
}
@media screen and (min-width: 1024px){
    #pageECC-section02-inner > .elementor-container > .elementor-column:nth-child(2){ width: calc(33.33% + 50px) !important; }
    #pageECC-section02-inner > .elementor-container > .elementor-column:nth-child(4){ width: calc(50% - 50px) !important; }
}



/**
* Scelta Giusta
* */
#sceltaGiustaSectionLast{ position: relative; }
#sceltaGiustaSectionLast::before{ 
    content: ""; position: absolute; bottom: 0; left: 0; right: 0;
    display: block; width: 100%; height: 100px;
    border-top-left-radius: 60px; border-top-right-radius: 60px;
    background-color: #074027;
}

/* sg slider */
#sceltaGiusta-slider .slick-track{ display: flex; flex-direction: row; align-items: stretch; gap: 0 10px; }
#sceltaGiusta-slider .slick-slide{ 
    height: auto;
    float: none !important;
    margin-right: 0px;
}
#sceltaGiusta-slider .slick-slide > div,
#sceltaGiusta-slider .slick-slide > div > div,
#sceltaGiusta-slider .slick-slide > div > div > section{
    height: 100%;
}

#sceltaGiusta-slider .carousel-arrow.carousel-prev,
#sceltaGiusta-slider .carousel-arrow.carousel-next{
    top: auto !important; bottom: -54px !important; left: auto !important;
    width: 48px !important; height: 48px !important; border-radius: 50% !important;
    font-size: 32px !important;
}
#sceltaGiusta-slider .carousel-arrow.carousel-prev i,
#sceltaGiusta-slider .carousel-arrow.carousel-next i { display: none; }
#sceltaGiusta-slider .carousel-arrow.carousel-prev::after,
#sceltaGiusta-slider .carousel-arrow.carousel-next::after{
    content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    mask-image: url(/wp-content/uploads/2025/05/arrow2-2025-next.svg);
    mask-repeat: no-repeat;
    mask-size: 12px 19px;
    mask-position: centeR;
    background-color: #0A5A37;
}
#sceltaGiusta-slider .carousel-arrow.carousel-prev::after{ transform: rotate(180deg); }
#sceltaGiusta-slider .carousel-arrow.carousel-prev{ right: 78px !important; }
#sceltaGiusta-slider .carousel-arrow.carousel-next{ right: 20px !important; }

#sceltaGiusta-slider ul.slick-dots{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    top: auto !important;
    left: 20px !important;
    /* bottom: -40px !important; */
    padding: 0 !important;
    margin-top: 30px;
}
#sceltaGiusta-slider ul.slick-dots li{
    display: inline-block; width: 10px; height: 10px; 
    background: #fff !important; opacity: 1; border-radius: 50%; transition: all .35s;
}
#sceltaGiusta-slider ul.slick-dots li i{ display: none !important; }
#sceltaGiusta-slider ul.slick-dots li.slick-active{ opacity: 1; background: var(--e-global-color-accent) !important; }

@media screen and (max-width: 1450px){
    #sceltaGiustaSectionLast::before{ height: 160px; }
}

@media screen and (max-width: 767px){
    #sceltaGiustaSectionLast::before{ display: none; }
    
    #sceltaGiusta-slider .slick-list{ overflow: visible !important; }
    #sceltaGiusta-slider .carousel-arrow.carousel-prev{ right: calc(-16.66% + 58px) !important; }
    #sceltaGiusta-slider .carousel-arrow.carousel-next{ right: -16.66% !important; }
    #sceltaGiusta-slider ul.slick-dots{ left: 20px !important; }
}



/**
* BEV
*/
#bevSection01 .elementor-background-overlay,
#bevSection02 .elementor-background-overlay,
#bevSection03 .elementor-background-overlay{
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
    height: 115px;
    background-size: contain;
}
@media screen and (min-width: 1025px){
    #bevSection01 .elementor-background-overlay,
    #bevSection02 .elementor-background-overlay,
    #bevSection03 .elementor-background-overlay{
        background-size: 100% 100%;
    }
}
#bevSection01-img01{
    position: relative;
    left: 60px;
}
#bevSection01-img02{
    position: relative;
    top: 20px;
    left: -60px;
}
.text-with-preline p { position: relative; display: inline-block; }
.text-with-preline p::before { 
    content: ""; 
    position: relative; top: -5px;
    display: inline-block; width: 40px; height: 2px; background: #fff; margin-right: 10px;
}
.slick-list{ overflow: hidden !important; }