.elementor-kit-6{--e-global-color-primary:#163A5F;--e-global-color-secondary:#F3B51B;--e-global-color-text:#4B5563;--e-global-color-accent:#E98A15;--e-global-color-902153a:#FFFFFF;--e-global-color-b5addde:#F7F8FA;--e-global-color-0dfa1c9:#E5E7EB;--e-global-color-41fda37:#1F2937;--e-global-typography-primary-font-family:"Josefin Sans";--e-global-typography-primary-font-size:58px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Josefin Sans";--e-global-typography-secondary-font-size:42px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Josefin Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.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(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================
   ETERNITY S.P.A. - CSS PERSONALIZZATO
   ========================================================== */


/* ----------------------------------------------------------
   SMOOTH SCROLL
   Rende fluido lo spostamento verso le sezioni della pagina
   quando si utilizzano link come /#servizi o /#clienti.
   ---------------------------------------------------------- */

html {
    scroll-behavior: smooth;
}


/* ----------------------------------------------------------
   NASCONDE IL TITOLO PAGINA DEL TEMA
   Evita la visualizzazione del page header generato
   automaticamente dal tema.
   ---------------------------------------------------------- */

.page-header {
    display: none;
}


/* ----------------------------------------------------------
   CONTACT FORM 7 - CONTENITORE PULSANTE
   Porta il contenitore del pulsante alla larghezza completa.
   ---------------------------------------------------------- */

.form-submit {
    width: 100%;
}

.form-submit p {
    width: 100%;
    margin: 0;
}


/* ----------------------------------------------------------
   CONTACT FORM 7 - PULSANTE INVIO
   Pulsante "Richiedi un preventivo" full width
   con il colore primario Eternity.
   ---------------------------------------------------------- */

.form-submit .wpcf7-submit {
    width: 100%;
    display: block;

    /* Colori */
    background-color: #163A5F;
    color: #ffffff;

    /* Bordo */
    border: none;
    border-radius: 6px;

    /* Spaziatura interna */
    padding: 16px 24px;

    /* Tipografia */
    font-family: "Josefin Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;

    /* Interazione */
    cursor: pointer;
    transition: all 0.25s ease;
}


/* ----------------------------------------------------------
   CONTACT FORM 7 - HOVER PULSANTE
   Al passaggio del mouse utilizza il giallo Eternity.
   ---------------------------------------------------------- */

.form-submit .wpcf7-submit:hover {
    background-color: #F3B51B;
    color: #163A5F;
}


/* ----------------------------------------------------------
   OFFSET ANCORE MENU
   Lascia 100px di spazio sopra la sezione raggiunta.
   Utile soprattutto con header fisso/sticky, per evitare
   che il titolo della sezione venga coperto dall'header.
   ---------------------------------------------------------- */

#chi-siamo,
#servizi,
#perche-noi,
#clienti,
#certificazioni,
#preventivo {
    scroll-margin-top: 100px;
}/* End custom CSS */