.elementor-kit-1323{--e-global-color-primary:#860000;--e-global-color-secondary:#003646;--e-global-color-text:#222602;--e-global-color-accent:#CABF85;--e-global-color-f128215:#FFFDFB;--e-global-color-122764b:#222602;--e-global-color-db9708e:#F4F1EB;--e-global-color-b6761dc:#F1F1F1;--e-global-typography-primary-font-family:"GFS Didot";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-letter-spacing:0.5px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"GFS Didot";--e-global-typography-secondary-font-size:42px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Nunito Sans";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:700;--e-global-typography-45f8cc3-font-family:"GFS Didot";--e-global-typography-45f8cc3-font-size:38px;--e-global-typography-45f8cc3-font-weight:700;--e-global-typography-45f8cc3-text-transform:capitalize;--e-global-typography-45f8cc3-font-style:normal;--e-global-typography-45f8cc3-text-decoration:none;--e-global-typography-45f8cc3-line-height:1.2em;--e-global-typography-45f8cc3-letter-spacing:0px;--e-global-typography-921eaab-font-family:"Nunito Sans";--e-global-typography-921eaab-font-size:16px;--e-global-typography-921eaab-font-weight:500;--e-global-typography-e89a125-font-family:"IvyOra Display";--e-global-typography-e89a125-font-size:24px;--e-global-typography-e89a125-font-weight:500;--e-global-typography-3a618c7-font-family:"GFS Didot";--e-global-typography-3a618c7-font-size:34px;--e-global-typography-3a618c7-font-weight:400;--e-global-typography-3a618c7-line-height:50px;--e-global-typography-3a618c7-letter-spacing:1px;--e-global-typography-3a618c7-word-spacing:2px;color:var( --e-global-color-text );font-family:"Nunito Sans", Sans-serif;font-size:16px;}.elementor-kit-1323 h1{color:var( --e-global-color-db9708e );font-family:"GFS Didot", Sans-serif;font-size:56px;font-weight:500;letter-spacing:0.5px;word-spacing:0px;}.elementor-kit-1323 h2{color:var( --e-global-color-text );font-family:"GFS Didot", Sans-serif;font-size:42px;font-weight:700;}.elementor-kit-1323 h3{color:var( --e-global-color-text );font-family:"GFS Didot", Sans-serif;font-size:36px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-kit-1323 h4{color:var( --e-global-color-text );}.elementor-kit-1323 button,.elementor-kit-1323 input[type="button"],.elementor-kit-1323 input[type="submit"],.elementor-kit-1323 .elementor-button{font-family:"Times New Roman", Sans-serif;font-size:18px;font-weight:500;font-style:italic;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;background-color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;padding:15px 45px 15px 45px;}.elementor-kit-1323 button:hover,.elementor-kit-1323 button:focus,.elementor-kit-1323 input[type="button"]:hover,.elementor-kit-1323 input[type="button"]:focus,.elementor-kit-1323 input[type="submit"]:hover,.elementor-kit-1323 input[type="submit"]:focus,.elementor-kit-1323 .elementor-button:hover,.elementor-kit-1323 .elementor-button:focus{color:var( --e-global-color-f128215 );background-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:5px 5px 5px 5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-1323 e-page-transition{background-color:#FFBC7D;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{--error-message-text-color:var( --e-global-color-text );font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:500;--error-message-normal-links-color:var( --e-global-color-primary );--error-box-border-radius:5px 5px 5px 5px;}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}body.e-wc-error-notice .woocommerce-error, body.e-wc-error-notice .wc-block-components-notice-banner.is-error{background-color:#F8F7F4;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );--message-box-border-radius:5px 5px 5px 5px;--message-buttons-normal-text-color:var( --e-global-color-text );--message-buttons-hover-text-color:var( --e-global-color-f128215 );--message-border-type:solid;--message-border-color:var( --e-global-color-text );--message-buttons-border-radius:5px 5px 5px 5px;--message-buttons-padding:14px 32px 14px 32px;}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.e-wc-message-notice .woocommerce-message .restore-item, .e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, .e-wc-message-notice .woocommerce-message a:not([class]), .e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){--notice-message-normal-links-color:var( --e-global-color-primary );}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:#F8F7F4;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );background-color:var( --e-global-color-f128215 );background-image:var( --e-global-color-f128215 );border-width:01px 1px 1px 1px;}body.e-wc-message-notice .woocommerce-message .button:hover, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button:hover{background-color:var( --e-global-color-primary );background-image:var( --e-global-color-primary );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );--info-message-icon-color:var( --e-global-color-text );--info-box-border-radius:5px 5px 5px 5px;--info-buttons-normal-text-color:var( --e-global-color-text );--info-buttons-hover-text-color:var( --e-global-color-f128215 );--info-border-type:solid;--info-border-color:var( --e-global-color-text );--info-buttons-border-radius:5px 5px 5px 5px;--info-buttons-padding:14px 32px 14px 32px;}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:#F8F7F4;border-style:solid;border-width:3px 1px 1px 1px;}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );background-color:var( --e-global-color-f128215 );background-image:var( --e-global-color-f128215 );border-width:1px 1px 1px 1px;}body.e-wc-info-notice .woocommerce-info .button:hover, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-info .woocommerce-Button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .wc-block-components-notice-banner.is-info .woocommerce-Button:hover{background-color:var( --e-global-color-primary );background-image:var( --e-global-color-primary );}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:2400px){body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-size:var( --e-global-typography-text-font-size );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-text-font-size );}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-size:var( --e-global-typography-text-font-size );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:var( --e-global-typography-text-font-size );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-text-font-size );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-size:var( --e-global-typography-text-font-size );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-text-font-size );}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-size:var( --e-global-typography-text-font-size );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:var( --e-global-typography-text-font-size );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-text-font-size );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-kit-1323{--e-global-typography-45f8cc3-font-size:18px;}.elementor-kit-1323 h3{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-size:var( --e-global-typography-text-font-size );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-text-font-size );}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-size:var( --e-global-typography-text-font-size );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:var( --e-global-typography-text-font-size );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-text-font-size );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS *//* ========================================= Home ======================================= */ :root { --animDur: 1.8s; --animDurFast: 1.2s; --easing: cubic-bezier(0.23, 1, 0.32, 1); --easingSlow: cubic-bezier(0.25, 0.46, 0.45, 0.94); } .contenitore-principale { display: flex; width: 100%; min-height: 350px; overflow: hidden; gap: 10px; padding: 10px; transform: translateZ(0); will-change: auto; } .panel { position: relative; flex: 1 1 25%; min-width: 0; cursor: pointer; transform: scale(1) translateZ(0); backface-visibility: hidden; perspective: 800px; transition: flex var(--animDur) var(--easing) 0s, transform var(--animDur) var(--easing) 0s, box-shadow var(--animDur) var(--easing) 0s; will-change: auto; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .panel:hover, .contenitore-principale:has(.panel:hover) .panel { will-change: flex, transform; } .panel::after { content: ''; position: absolute; inset: 0; background: #373734; opacity: 0.45; transform: translateZ(0); backface-visibility: hidden; transition: opacity var(--animDur) var(--easing) 0s; pointer-events: none; z-index: 1; border-radius: inherit; } .panel .elementor-widget-container, .panel .elementor-element .elementor-widget-container { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transform: translateZ(0); backface-visibility: hidden; transition: transform var(--animDurFast) var(--easing) 0s; } .panel .elementor-widget-container > *, .panel .elementor-element .elementor-widget-container > * { color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 8px rgba(0, 0, 0, 0.3); } .panel h3, .panel p, .panel .elementor-heading-title, .panel .elementor-text-editor p { transform: scale(0.85) translateZ(0); opacity: 1; backface-visibility: hidden; transition: transform var(--animDurFast) var(--easing) 0s, opacity var(--animDurFast) var(--easing) 0s; } .panel:hover { flex: 1 1 60% !important; transform: scale(1.02) translateZ(0) !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); transition: flex var(--animDur) var(--easing) 0s, transform var(--animDur) var(--easing) 0s, box-shadow var(--animDur) var(--easing) 0s; z-index: 10; } .panel:hover::after { opacity: 0; transition: opacity var(--animDur) var(--easing) 0.1s; } .panel:hover h3, .panel:hover p, .panel:hover .elementor-heading-title, .panel:hover .elementor-text-editor p { transform: scale(1) translateZ(0); opacity: 1; transition: transform var(--animDurFast) var(--easing) 0.2s, opacity var(--animDurFast) var(--easing) 0.2s; } .contenitore-principale:has(.panel:hover) .panel:not(:hover) { flex: 1 1 13.33% !important; transform: scale(0.97) translateZ(0) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: flex var(--animDur) var(--easing) 0s, transform var(--animDur) var(--easing) 0s, box-shadow var(--animDur) var(--easing) 0s; } .contenitore-principale:has(.panel:hover) .panel:not(:hover) h3, .contenitore-principale:has(.panel:hover) .panel:not(:hover) p, .contenitore-principale:has(.panel:hover) .panel:not(:hover) .elementor-heading-title, .contenitore-principale:has(.panel:hover) .panel:not(:hover) .elementor-text-editor p { transform: scale(0.7) translateZ(0); opacity: 0.8; transition: transform var(--animDurFast) var(--easing) 0s, opacity var(--animDurFast) var(--easing) 0s; } .contenitore-principale:not(:has(.panel:hover)) .panel { flex: 1 1 25%; transform: scale(1) translateZ(0); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); transition: flex var(--animDur) var(--easingSlow) 0.1s, transform var(--animDur) var(--easingSlow) 0.1s, box-shadow var(--animDur) var(--easingSlow) 0.1s; } .contenitore-principale:not(:has(.panel:hover)) .panel::after { opacity: 0.45; transition: opacity var(--animDur) var(--easingSlow) 0.2s; } .contenitore-principale:not(:has(.panel:hover)) .panel h3, .contenitore-principale:not(:has(.panel:hover)) .panel p, .contenitore-principale:not(:has(.panel:hover)) .panel .elementor-heading-title, .contenitore-principale:not(:has(.panel:hover)) .panel .elementor-text-editor p { transform: scale(0.85) translateZ(0); opacity: 1; transition: transform var(--animDurFast) var(--easingSlow) 0.3s, opacity var(--animDurFast) var(--easingSlow) 0.3s; } .contenitore-principale:not(:has(.panel:hover)) .panel { will-change: auto; } @supports (-webkit-appearance: none) { .panel { -webkit-transform: scale(1) translate3d(0, 0, 0); -webkit-backface-visibility: hidden; } .panel:hover { -webkit-transform: scale(1.02) translate3d(0, 0, 0) !important; } } @supports (backdrop-filter: blur(5px)) { .panel::after { backdrop-filter: blur(1px); } } @media (max-width: 767px) { .contenitore-principale { flex-direction: column; gap: 8px; } .contenitore-principale .panel, .contenitore-principale .panel:hover, .contenitore-principale:has(.panel:hover) .panel:not(:hover), .contenitore-principale:not(:has(.panel:hover)) .panel { flex: 1 1 auto !important; transform: scale(1) !important; transition: none !important; will-change: auto !important; } .panel::after { opacity: 0.3 !important; transition: none !important; } .panel h3, .panel p, .panel .elementor-heading-title, .panel .elementor-text-editor p { transform: scale(1) !important; opacity: 1 !important; transition: none !important; } } @media (prefers-reduced-motion: reduce) { :root { --animDur: 0.3s; --animDurFast: 0.2s; } .panel, .panel::after, .panel .elementor-widget-container, .panel .elementor-element .elementor-widget-container, .panel h3, .panel p, .panel .elementor-heading-title, .panel .elementor-text-editor p { transition-duration: 0.3s !important; } } @media (max-resolution: 1.5dppx) { .panel { will-change: auto; } .panel:hover, .contenitore-principale:has(.panel:hover) .panel { will-change: flex, transform; } } /* ========================================= Animazioni per l'immagine prodotti Home ========================================= */ #product1 { position: relative; overflow: hidden; background: #f4f1eb; border-radius: 10px; margin-bottom: 20px; } #product1::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background-color: #222602; transform: translate(-100%, 100%); transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1); z-index: 0; opacity: 0.95; pointer-events: none; } #product1:hover::before { transform: translate(0, 0); } #product1 .elementor-widget-image { transition: transform 1s ease; } #product1:hover .elementor-widget-image { transform: scale(1); } #product1 .elementor-heading-title, #product1 .elementor-widget-text-editor { position: relative; z-index: 1; transition: all 0.5s ease 0.3s; color: inherit; } #product1:hover .elementor-heading-title, #product1:hover .elementor-widget-text-editor { color: #FFF; } /* ========================================= Dimensioni immagini Home css id imagefit ====================*/ /* === Desktop (≥ 1025 px) ================================= */ .imagefit img{ width: 260px; height: 180px; object-fit: cover; object-position: center; } /* === Tablet (768 – 1024 px) ============================== */ @media (min-width: 768px) and (max-width: 1024px){ .imagefit img{ width: 100%; height: 100%; object-fit: cover; /* opzionale ma consigliato */ object-position: center; } } /* === Mobile (≤ 767 px) =================================== */ @media (max-width: 767px){ .imagefit img{ width: 130px; height: 90px; object-fit: cover; object-position: center; } } /* Immagine vera e propria */ .imagedeck img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } /* ========================================= Animazioni per l'immagine prodotti Home ====================*/ .imageloopscroll .slick-slide, .imageloopscroll .swiper-slide, .imageloopscroll figure { position: relative; z-index: 0; height: 260px; width: 100%; display: flex !important; align-items: center; justify-content: center; overflow: hidden; } .imageloopscroll img { width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (max-width: 768px){ .imageloopscroll .slick-slide, .imageloopscroll .swiper-slide, .imageloopscroll figure{ height: 180px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'IvyOra Display'; font-display: auto; src: url('https://fumanelli.it/wp-content/uploads/2025/03/IvyOraDisplay-Medium.ttf') format('truetype'); } /* End Custom Fonts CSS */