/*
 Theme Name:   Celsa Eurofilm
 Theme URI:    https://www.emotionart.it
 Description:  Tema Child di NapPheme
 Author:       nappa5150
 Author URI:   https://www.comlabsrl.com
 Template:     nappheme
 Version:      1.5
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Personalized
 Text Domain:  napphemechild
*/
/* ************************************************************************** */
/* *                                                                        * */
/* *  theme: Celsa Eurofilm                                                 * */
/* *                                                                        * */
/* ************************************************************************** */
/* ----------------------------------------------------------------------------- BODY -------- */
body { font-family: "Heebo", sans-serif; font-optical-sizing: auto; font-weight: 300; }
/* ----------------------------------------------------------------------------- TITOLI -------- */
h1, h2, h3, h4, h5, h6 { font-family: "Sora", sans-serif; font-optical-sizing: auto; }
h1 { font-size: 160%; }
h2 { font-size: 30px; font-weight: 600; }
h3 { font-size: 100%; font-weight: 500; }
/* ----------------------------------------------------------------------------- TESTI -------- */
p { font-size: 80%; }
/* ----------------------------------------------------------------------------- LINK HREF -------- */

/* ----------------------------------------------------------------------------- IMMAGINI -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  COLORI SECTION                                                        * */
/* *                                                                        * */
/* ************************************************************************** */

/* ----------------------------------------------------------------------------- COLORI SEZIONI -------- */
/* BODY */
body { background-color: #ffffff; color: #000000; }
/* WIDGET HEADER */
.color-bg-headerwidget-wrap { background-color: transparent; }
.color-bg-headerwidget-content { background-color: transparent; }
.color-txt-headerwidget-content { color: #000000; }
/* HEADER */
.color-bg-header-wrap { background-color: transparent; }
.color-bg-header-content { background-color: transparent; }
.color-txt-header-content { color: #000000; }
/* CONTENT */
.color-bg-content-wrap { background-color: #ffffff; }
.color-bg-content-content { background-color: #ffffff; }
.color-txt-content-content { color: #000000; }
/* FOOTER */
.color-bg-footer-wrap { background-color: #1a1a1a; }
.color-bg-footer-content { background-color: #1a1a1a; }
.color-txt-footer-content { color: #ffffff; }
.color-txt-footer-content a:link,
.color-txt-footer-content a:visited,
.color-txt-footer-content a:hover,
.color-txt-footer-content a:active{ color: #ffffff; text-decoration: none; }
/* ----------------------------------------------------------------------------- COLORI GB e TXT -------- */
/* COLORI custom dei WP-BLOCK */
.has-azzurro-background-color { background-color: #0071bc;}
.has-azzurro-color { color: #0071bc;}
/* default color dei WP-Bloxk */
.has-nero-background-color { background-color: #000000;}
.has-nero-color { color: #000000;}
.has-verde-background-color { background-color: #39b54a;}
.has-verde-color { color: #39b54a;}
.has-bianco-background-color { background-color: #ffffff;}
.has-bianco-color { color: #ffffff;}
.has-rosso-background-color { background-color: #ff0000;}
.has-rosso-color { color: #ff0000;}

/* ************************************************************************** */
/* *                                                                        * */
/* *  LAYOUT PRINCIPALE                                                     * */
/* *                                                                        * */
/* ************************************************************************** */

/* ----------------------------------------------------------------------------- LARGHEZZE -------- */
/* ----------------------------------------------- larghezze tutto il sito -- */
.fixwidth {
    width: 1280px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
/* ------------------------------------------- larghezze contenuto PRIMARY -- */

/* ------------------------------------------- larghezze contenuto SIDEBAR -- */

/* ----------------------------------------------------------------------------- PAGE tutto il sito -------- */

/* ----------------------------------------------------------------------------- HEAD WIDGET -------- */

/* ----------------------------------------------------------------------------- HEAD -------- */

/* ------------------------------------------------------ HEAD FullPage ----- */

/* ------------------------------------------------------ HEAD extra -------- */
.head-site-widget-class {
    padding-top: 0;
    height: 50px;
    margin-bottom: 0;
    border-bottom: 1px solid #868686;
}
/* ----------------------------------------------------- LOGO header -------- */
.wrap-logo-top {
    position: absolute;
    display: block;
    top: 15px;
    left: 60px;
    width: 175px;
    z-index: 11;
}
.wrap-logo-top-right {
    position: absolute;
    display: block;
    top: 35px;
    right: 60px;
    width: 200px;
    z-index: 11;
}
.logo-top-right-class {
    position: relative;
    display: block;
    width: 100%;
}
.logo-top-right-class img {
    width: 100%;
    border: 0;
}
/* ----------------------------------------------------- FORM search -------- */

/* --------------------------------------------------- CONTENT EXTRA -------- */
/* si possono aggiungere dei custom CSS */

/* ------------------------------------------------------- NEWS EXTRA ------- */

/* ------------------------------------------------------- NEWS EXTRA ------- */

/* ----------------------------------------------------------------------------- MAIN content -------- */

/* ------------------------------------------------------ WIDGET centrale --- */

/* ----------------------------------------------------------------------------- FOOTER content -------- */

/* -------------------------------------------- FOOTER con 4 widgets -------- */

/* ------------------------------------------------------ FOOTER box -------- */

/* ------------------------------------------------------ FOOTER grid ------- */
.footer-grid-1111 { gap: 40px}
.footer-box-border1,
.footer-box-border2,
.footer-box-border3,
.footer-box-border4 { border: 0; }

.widget_nav_menu > div > ul {
    padding-left: 10px;
}
/* ----------------------------------- FOOTER box ID e stili singoli -------- */

/* ----------------------------------------------------------------------------- MENUs -------- */
/* -------------------------------------------------------- wrap menu INSIDE */
.wrap-menu-inside-class {
    position: absolute;
    top: 0;
}
#menu-item-wpml-ls-29-en, #menu-item-wpml-ls-29-it, #menu-item-wpml-ls-29-ro {
    padding-left: 15px;
    padding-right: 15px;
}
/* -------------------------------------------------------- wrap menu OUTSIDE */

/* --------------------------------------------------------- wrap menu BEYOND */

/* ----------------------------------------------------------------- MENU top */

/* ------------------------------------------------- MENU top sided */

/* ------------------------------------------------------------ MENU top RESP */

/* ------------------------------------------------------------- SUPERFISH SF */
/*** ESSENTIAL STYLES ***/
/*** -------------------------------------------- DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 0.5em;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 97%;
    font-family: "Sora", sans-serif; font-optical-sizing: auto;
}
/* box sottomenu */
.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
    right: 50vw;
    margin-top: 50px;
    width: 100vw;
}
.sf-menu a {
    text-decoration: none;
    zoom: 1; /* IE7 */
    padding: 35px 1.5em 0 1.5em;
    border-top: 3px solid transparent;
}
/* valido per tutti gli <a> */
.sf-menu a { color: #ffffff;}
.sf-menu a:hover, .sf-menu a:active, .sf-menu a:focus {
    color: #ffffff;
    border-top: 3px solid #ffffff;
}
/* valido per tutti gli <li> */
.sf-menu li {
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
    cursor: pointer;
}
/* set dell'ultimo <li> */
.sf-menu li:last-child,
.sf-menu li:nth-last-child(last) {}
/* <li> dei sottomenu Liv 1 e Liv 2 */
.sf-menu ul li { background-color: #ffffff; }
.sf-menu ul ul li { background-color: #ffffff; }
/* valido per tutti gli HOVER <li> */
.sf-menu li:hover,
.sf-menu li.sfHover {
    background: #ffffff;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
}
/* valido per gli HOVER <li> Liv 0 */
.sf-menu > li:hover,
.sf-menu > li.sfHover {
    background: transparent;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
}
/*** ARROWS (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 1.9em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0.8em;
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #000; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(0, 0, 0, 1);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: #000000; /* IE8 fallback colour */
}
/* styling for right-facing ARROWS */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #000; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(0, 0, 0, 1);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #000000; }

/* style VOCI SELEZIONATE */
/* LIVELLO - 0 */
.sf-menu > li.current-menu-item > a { color: #ffffff; border-top: 3px solid #ffffff;}
.sf-menu > li.current-menu-parent > a { color: #ffffff; border-top: 3px solid #ffffff;}
.sf-menu > li.current-menu-ancestor > a { color: #ffffff; border-top: 3px solid #ffffff;}
.sf-menu > li.current-page-ancestor > a { color: #ffffff; border-top: 3px solid #ffffff;}
/* se una pagina NON è nel menu, ma è una sotto pagina e si vuole evidenziare il genitore */
.sf-menu > li.current-menu-parent a.sf-with-ul:after {}
/* LIVELLO - 1 */
.sf-menu > li ul.sub-menu > li a { color: #000000; padding-top: 5px; padding-left: 7px; padding-bottom: 3px }
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-item > a { color: #ff00cc; }
/* item selezionato */
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-ancestor > a { color: #ff00cc; }
/* item selezionato ma non incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-parent > a { color: #ff00cc; }
/* item selezionato incluso solo li */
.sf-menu > li.current-menu-parent ul.sub-menu > li > a { color: #000000; }
/* colore link Liv 1 */
.sf-menu > li.current-menu-parent ul.sub-menu > li > a:hover { color: #10C775; }
/* colore link HOVER Liv 1 */
.sf-menu > li.menu-item ul.sub-menu > li > a:hover { color: #10C775; }
/* colore link HOVER Liv 1 */
/* LIVELLO - 2 */
.sf-menu > li ul.sub-menu > li > ul.sub-menu > li a { color: #000000; padding-top: 5px; padding-left: 7px; padding-bottom: 3px }
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-item > a { color: #ff00cc; }
/* item selezionato */
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-ancestor > a { color: #ff00cc; }
/* item selezionato ma non incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-parent > a { color: #ff00cc; }
/* item selezionato incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-item > a { color: #ff00cc; }
/* item selezionato incluso solo li */

.sf-menu .current-post-ancestor a,
.sf-menu .current-menu-parent a,
.sf-menu .current-page-ancestor a,
.sf-menu .current-category-ancestor a,
.sf-menu .active_category a,
.sf-menu .current-menu-item a {
    background: rgba(255, 255, 255, 0);
}
/* voce di menu selezionata: livello 0 e sotto livello */
.current-menu-parent > a,
.current-menu-item a {}
ul li .sub-menu a:hover,
ul li .sub-menu .current-menu-item a,
ul li .sub-menu .current-menu-item a:hover,
.sub-menu li.sfHover > a {
    background: none;
}

/* ----------------------------------------------------------- CSS MENU MAKER */
#cssmenu > ul > li > a { background-color: #666666; }
#cssmenu.cssmenu-expand > ul > li > a  { color: #000000; background-color: #1D70B7; }
/* ----------------------------------------------------------- MEGAMENU CELSA */
.megamenu-grid-prodotti-wrap {
    display: none;
    position: absolute;
    width: 100%;
    top: 50px;
    border-bottom: 1px solid #666666;
    box-shadow: 0px 5px 5px #666666;
}
.megamenu-grid-prodotti-spacer {
    display: block;
    width: 100%;
    height: 50px;
}
.megamenu-grid-prodotti-class {
    width: 100%;
    background-color: #ffffff;
}
.megamenu-grid-prodotti {
    display: grid;
    width: 90%;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    padding: 20px;
    margin: 0 auto;
    text-transform: none;
    font-weight: 200;
    font-size: 90%;
}
.megamenu-col {display: block;}
.megamenu-grid > .megamenu-col > a {
    display: block;
    padding: 0;
    margin: 0;
    text-transform: unset;
    cursor: pointer;
}
a.megamenu-cat { font-weight: bold; font-size: 16px; }
a.megamenu-prod {

    display: block;padding: 0;
    margin: 0;
    text-transform: unset;
}
.megamenu-foto {
    display: block;
    position: relative;
    margin: 10px 0;
}
.megamenu-sep {
    display: block;
    position: relative;
    width: 100%;
    height: 20px;
}
/* ************************************************************************** */
/* *                                                                        * */
/* *  CONTENUTI                                                             * */
/* *                                                                        * */
/* ************************************************************************** */

/* ---------------------------------------------------------------- CONTENUTI */
/* HEADER */
/* CONTENUTI */

/* ----------------------------------------------------- IMMAGINE IN EVIDENZA */

/* --- CONTENUTO IMAGE PREVIEW --- */

/* ---------------------------------- contenuto IMMAGINE IN EVIDENZA -------- */
.image-preview-content-text-content {
    max-width: 1280px;
    padding-top: 100px;
    padding-left: 200px;
    margin: 0 auto;
}
.image-preview-content-text-content > h1 {
    color: #ffffff;
    text-align: center;
    font-size: 200%;
    padding-top: 50px;
}
/* ------------------------------------------------------- SPACERBOX -------- */

/* ----------------------------------------------------------- TABLE -------- */

/* --------------------------------------------------------- COLONNE -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  NAP GRIDLIST                                                          * */
/* *                                                                        * */
/* ************************************************************************** */

/* --------------------------------------------------------------- GRIGLIA -- */

/* ----------------------------------------------------------------- LISTA -- */

/* ************************************************************************** */

/* ************************************************************************** */
/* *                                                                        * */
/* *  SHORT CODE STYLEs                                                     * */
/* *                                                                        * */
/* ************************************************************************** */

/* --------------------------------------------------------- EVIDENZIA ------ */

/* ---------------------------------------------------------- READMORE ------ */

/* --------------------------------------------------------- IOSSLIDER ------ */
/* contenuti dello IOSSlider mettendo class custom */
.item-contentbg-sliderhome {}
.item-contentbg-sliderhome .sliderhome {
    display: block;
    position: relative;
}
.item-contentbg-sliderhome .sliderhome .sliderhome-box {
    display: block;
    position: relative;
    max-width: 1152px;
    padding-top: 150px;
    padding-left: 120px;
    margin: 0 auto;
}
.item-contentbg-sliderhome .sliderhome .sliderhome-box .title {}
.item-contentbg-sliderhome .sliderhome .sliderhome-box .text {}
.item-contentbg-sliderhome .sliderhome .sliderhome-box .text > h1,
.item-contentbg-sliderhome .sliderhome .sliderhome-box .text > h2 {
    display: block;
    position: relative;
    padding: 80px 0 25px 0;
    font-size: 250%;
}
.item-contentbg-sliderhome .sliderhome .sliderhome-box .text > h3 {
    display: block;
    position: relative;
    font-weight: 200;
    font-size: 90%;
    padding-bottom: 50px;
}
/* ************************************************************************** */
/* *                                                                        * */
/* *  GUTENBERG                                                             * */
/* *                                                                        * */
/* ************************************************************************** */

/* ----------------------------------------------- COLONNE GUTENBERG -------- */

/* --- questo stile viene applicato direttamente dall'EDITOR di WP --- */
/* --- wp-block-columns-2575 */

/* --- questo stile viene applicato direttamente dall'EDITOR di WP --- */
/* --- wp-block-columns-7525 */

/* --- questo stile viene applicato direttamente dall'EDITOR di WP --- */
/* --- wp-block-columns-6535 */

/* -------------------------------------------------------- IMMAGINI -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  BREADCRUMB                                                            * */
/* *                                                                        * */
/* ************************************************************************** */

/* ---------------------------------------------------------- YOAST BREACRUMB */

/* ------------------------------------------------ quella custom in function */

/* ----------------------------------------------------------------- EXTENDED */

/* --------------------------------------------------------- EMBED RESPONSIVE */

/* -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + */
/* -                                                                        - */
/* -  CSS SPECIFICI DEL SITO                                                - */
/* -                                                                        - */
/* -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + */
.celsa-gradient {
    background: linear-gradient(90deg, rgba(57,181,74,1) 0%, rgba(0,113,188,1) 100%);
}
div.box-gradient-inside {
    padding: 30px;
    background-color: rgba(255,255,255,.50);
    border-radius: 60px;
}
/* Menu TOP extra */
.menu-menu-extra-container {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 75%;
    padding-top: 5px;
}
.menu-menu-extra-container ul, .menu-menu-extra-container ul li {
    list-style: none;
    display: inline-block;
    font-family: "Sora", sans-serif; font-optical-sizing: auto;
    padding: 0 50px;
    text-align: center;
}
.menu-menu-extra-container ul, .menu-menu-extra-container ul li > a,
.menu-menu-extra-container ul, .menu-menu-extra-container ul li > a:link,
.menu-menu-extra-container ul, .menu-menu-extra-container ul li > a:visited {
    text-transform: uppercase;
    color: #ffffff;
    display: inline-block;
}
/* Testo anteprima */
.celsa-evidenza-testo1 {
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    padding-bottom: 30px;
}
.celsa-evidenza-testo2 {
    display: inline-block;
    color: #ffffff;
    padding-bottom: 20px;
}
.celsa-evidenza-testo3 {
    font-family: "Heebo", sans-serif; font-optical-sizing: auto;
    display: inline-block;
    color: #ffffff;
    padding-bottom: 80px;
}
/* BUTTONS */
.button-celsa,
a.button-celsa, a.button-celsa:link, a.button-celsa:visited,
.wp-block-button-celsa > a, .wp-block-button-celsa > a:link, .wp-block-button-celsa > a:visited {
    display: inline-block;
    position: relative;
    padding: 10px 50px;
    width: auto;
    min-width: 50px;
    background: linear-gradient(90deg, rgba(57,181,74,1) 0%, rgba(0,113,188,1) 100%);
    font-size: 12px;
    color: #ffffff;
    border-radius: 10px;
    text-decoration: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
a.button-celsa:hover, a.button-celsa:active, a.button-celsa:focus,
.wp-block-button-celsa > a:hover, .wp-block-button-celsa > a:active, .wp-block-button-celsa > a:focus {
    background: linear-gradient(90deg, rgba(57,181,74,1) 100%, rgba(57,181,74,1) 100%);
    text-decoration: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.38s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
/* but caratteristiche */
.but-caratteristiche > div > a, .but-caratteristiche > div > a:link, .but-caratteristiche > div > a:visited {
    background-color: transparent;
    padding: 30px 8px;
    font-size: 80%;
    color: #000000;
    border-radius: 15px;
    border: 1px solid #72b768;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.38s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.but-caratteristiche > div > a:hover, .but-caratteristiche > div > a:active, .but-caratteristiche > div > a:focus {
    background: linear-gradient(90deg, rgba(57,181,74,1) 0%, rgba(0,113,188,1) 100%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.38s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
/* Trasparente WP block */
div.button-celsa-trasp > div > a {
    display: inline-block;
    position: relative;
    padding: 10px 50px;
    width: 350px;
    min-width: 350px;
    background: rgba(255,255,255,0);
    border: 1px solid #818181;
    font-size: 12px;
    color: #ffffff;
    border-radius: 25px;
    text-decoration: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
/* ------------------------------------------------------------- IMG Stondate */

figure.celsa-img > img {
    border-radius: 20px;
    border: 1px solid #333333;
}

figure.img-caratteristiche > img {
    border-radius: 80px;
    border: 30px solid #ffffff;
}
/* ------------------------------------------------------------- History */
.box-storia {
    height: 4200px;
}
/* ------------------------------------------------------------- Prodotti */
.prodotto-single-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    max-width: 100%;
    gap: 10px;
    position: relative;
    margin-bottom: 50px;
}
.prodotto-single-grid-text {
    font-size: 20px;
}
.prodotto-titolo {
    text-transform: uppercase;
}
.prodotto-single-grid-gallery {}
.prodotto-single-grid-gallery > a > img {
    display: block;
    padding-bottom: 10px;
}
.vertical-image {
    width: 70%;
    height: auto;
}
.horizontal-image {
    width: 100%;
    height: auto;
}
.prodotto-double-grid-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 100%;
    gap: 10px;
    position: relative;
}
/* ----------------- */
.prodotto-categorie {
    display: block;
    position: relative;
    margin: 15px 0;
    font-size: 16px;
}
.prodotto-categorie-tit {
    display: block;
    position: relative;
    width: 100%;
    font-size: 19px;
    font-weight: bold;
    color: #0071bc;
}
.prodotto-download {
    display: grid;
    grid-template-columns: 70px 1fr;
    position: relative;
    width: 100%;
    margin: 15px 0;
    padding: 15px;
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
}
.prodotto-download-txt {
    display: flex;
    align-items: center;
    font-size: 16px;
}
.prodotto-download-empty {
    display: grid;
    grid-template-columns: 70px 1fr;
    position: relative;
    width: 100%;
    margin: 15px 0;
    padding: 15px;
    border-top: 1px solid #b1b1b1;
}
a.prodotto-download-butt, a.prodotto-download-butt:link, a.prodotto-download-butt:visited {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: linear-gradient(90deg, rgba(57,181,74,1) 0%, rgba(0,113,188,1) 100%);
    width: 50px;
    height: 50px;
    font-size: 110%;
    color: #ffffff;
    border-radius: 15px;
    border: 1px solid #72b768;
}
a.prodotto-download-butt > span, a.prodotto-download-butt:link > span, a.prodotto-download-butt:visited > span {
    padding-top: 0px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.38s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
a.prodotto-download-butt:hover > span, a.prodotto-download-butt:active > span, a.prodotto-download-butt:focus > span {
    padding-top: 15px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.38s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.prodotto-tabella {
    display: block;
    position: relative;
    padding: 35px 0;
    font-size: 16px;
}
table.tableizer-table,
.prodotto-tabella > div > table {
    padding-bottom: 35px;
}
table.tableizer-table th,
.prodotto-tabella > div > table th {
    font-weight: bold;
    color: #ffffff;
    background-color: #0071bc;
    padding: 5px;
    border-right: 1px solid #dddddd;
}
table.tableizer-table td,
.prodotto-tabella > div > table td {
    padding: 5px;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
table.tableizer-table td:nth-child(odd),
.prodotto-tabella > div > table td:nth-child(odd) {
    color: #666666;
}
table.tableizer-table tr,
.prodotto-tabella > div > table tr {
    background: #f2f2f2;
}
table.tableizer-table tr:nth-child(odd),
.prodotto-tabella > div > table tr:nth-child(odd) {
    background: #ffffff;
}
.prodotto-tipo-imballo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    width: 100%;
    margin: 15px 0;
}
.prodotto-tipo-imballo-img {}
.prodotto-tipo-imballo-img > img {
    display: block;
    width: 100%;
    height: auto;
}
.prodotto-tipo-imballo-txt {
    font-size: 16px;
}
/* TAB navigazione */
.tab-navigation-menu-grid-content-wrap {
    background-color: #ffffff;
    margin-top: 0;
    padding: 50px 10px 10px 10px;
}
/* Table overflow */
.table-overflow {
    padding: 0;
    padding-left: 0;
    padding-right: 0;
}
.table-no-border,
figure.table-no-border > div > table,
figure.table-no-border > div > table > tbody > tr > td {
    border: 0;
    width: auto;
    vertical-align: center;
}
figure.table-no-border > div > table {
    width: auto;
}
/* Frecce navigazione prodotto */
.single-grid-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    width: 100%;
    margin: 15px 0 50px 0;
    text-align: center;
}
.single-grid-nav-arrow-left {
    display: block;
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: linear-gradient(90deg, rgba(57,181,74,1) 0%, rgba(0,113,188,1) 100%);
    border-radius: 15px;
    padding-top: 7px;
}
.single-grid-nav-arrow-right {
    display: block;
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: linear-gradient(90deg, rgba(57,181,74,1) 0%, rgba(0,113,188,1) 100%);
    border-radius: 15px;
    padding-top: 7px;
}
/* ------------------------------------------------------------ CONFIGURATORE */
.box-configuratore-wrap {
    display: block;
    position: relative;
    width: 100%;
    padding: 50px 5px;
    background: linear-gradient(90deg, rgba(57,181,74,1) 0%, rgba(0,113,188,1) 100%);
}
.box-configuratore {
    display: block;
    position: relative;
    /*width: fixedwidth;*/
    padding: 30px;
    background-color: rgba(255,255,255,.50);
    border-radius: 60px;
    margin: 0 auto;
}
.box-configuratore-tit {
    display: block;
    width: 100%;
    position: relative;
}
.box-configuratore-form {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    width: 100%;
    position: relative;
}
.box-configuratore-form-content {
    display: block;
    position: relative;
    width: 100%;
    padding: 20px 0;
    border-top: 2px solid #4d4d4d;
    border-bottom: 2px solid #4d4d4d;
}
select {
    display: block;
    width: 100%;
    padding: 5px;
    border-radius: 15px;
    border: 1px solid #72b768;
    background-color: rgba(255,255,255,.2);
}
input {
    border: 0;
    cursor: pointer;
}
p.configuratore-haicercatotxt {
    display: block;
    position: relative;
    width: 100%;
    padding: 20px 0;
}
/* ************************************************************************** */
/* *                                                                        * */
/* *  PLUGINs                                                               * */
/* *                                                                        * */
/* ************************************************************************** */
a._3d-flip-book {
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 15px 0 0;
    background: rgba(255,255,255,1);
    border-radius: 15px;
    padding: 7px 15px;
    color: #000000;
    font-size: 90%;
    border: 1px solid #72b768;
}
a._3d-flip-book:hover, a._3d-flip-book:active, a._3d-flip-book:focus {
    background: linear-gradient(90deg, rgba(57,181,74,1) 0%, rgba(0,113,188,1) 100%);
    color: #ffffff;
    border: 1px solid #72b768;
}
/* --------------------------------------------------------- CF7 CONTACT FORM */

/* --------------------------------------------------------------------- WPML */

/* ---------------------------------------------------- ICS CALENDAR -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  MEDIA QUERY                                                           * */
/* *                                                                        * */
/* ************************************************************************** */

/* ************************************************************************** */
/* *  GUTENBERG sovrascrivo i CSS                                           * */
/* ************************************************************************** */

/* ----------------------------------------------- COLONNE GUTENBERG -------- */
/* -- quando le dimensioni sono SUPERIORI a 600px -- */
@media (min-width: 600px) {}

/* ************************************************************************** */
/* SCHERMO più piccolo della larghezza del sito, data da fixwidth [1152px] */
@media screen and (max-width: 1152px) {
    .fixwidth {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .image-preview-content-text-content {
        max-width: 100%;
        padding-top: 150px;
        padding-left: 0;
        text-align: center;
    }
}
/* SCHERMO più piccolo della larghezza del sito, data da fixwidth [960px] */
@media screen and (max-width: 960px) {
    .fixwidth {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    /* ----------------------------------------------------- LOGO header -------- */
    .wrap-head-class {
        width: 100vw;
    }
    .wrap-logo-top {
        top: 10px;
        left: 10px;
        width: 40%;
    }
    .wrap-logo-top-right {
        top: 25px;
        right: 10px;
        width: 45%;
    }
    /* slider HOME */
    .item-contentbg-sliderhome .sliderhome .sliderhome-box {
        padding-top: 80px;
        padding-left: 40px;
        padding-right: 30px;
    }
    .item-contentbg-sliderhome .sliderhome .sliderhome-box .title {}
    .item-contentbg-sliderhome .sliderhome .sliderhome-box .text {}
    .item-contentbg-sliderhome .sliderhome .sliderhome-box .text > h1,
    .item-contentbg-sliderhome .sliderhome .sliderhome-box .text > h2 {
        display: block;
        position: relative;
        padding: 80px 0 25px 0;
        font-size: 230%;
    }
    .item-contentbg-sliderhome .sliderhome .sliderhome-box .text > h3 {
        display: block;
        position: relative;
        font-weight: 200;
        font-size: 90%;
        padding-bottom: 50px;
    }
    /* configuratore */
    .box-configuratore-form {
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }
    .box-configuratore-tit {
        grid-template-columns: 1fr;
    }
    .box-configuratore-form-content {
        border-top: 0;
    }
    /* ------------------------------------------------------------- Prodotti */
    .prodotto-single-grid { grid-template-columns: 1fr; padding: 10px }
}

/* ************************************************************************** */
/* IPAD mini verticale 768 x 1024 */
@media screen and (max-width: 768px) {
    .footer-grid-1111 { gap: 15px}
}

/* ************************************************************************** */
/* IPHONE 8 plus 414 x 736 */
@media screen and (max-width: 460px) {
}

/* ************************************************************************** */
/* IPHONE 8 plus 375 x 667 */
@media screen and (max-width: 375px) {
}

/* ************************************************************************** */
/* IPHONE SE 320 x 568 */
@media screen and (max-width: 320px) {}