/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.timeline-wrapper{
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.linea-temporale{
    position: relative;
    padding: 80px 0;
    display:flex;
    align-items:center;
    width:max-content;
    will-change:transform;
}
.blocco-timeline{
    position: relative;
    flex:0 0 540px;
    text-align:center;
    padding:0 10px;
}
.blocco-timeline h3{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 25px;
    margin: 0;
}
.blocco-timeline h4{
    margin: 0;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
}
.linea-temporale .linea{
    position: absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width: 100%;
    height: 10px;
    background-color: #E20715;
    z-index:0;
}

.blocco-timeline{
    z-index:1;
    display:flex;
    flex-direction:column;
    gap:60px;
}
.blocco-timeline > h3{order:1}
.blocco-timeline > h4{order:2}
.blocco-timeline:nth-of-type(odd){align-self:flex-start}
.blocco-timeline:nth-of-type(even){align-self:flex-end;flex-direction:column-reverse}
.blocco-timeline::before{
    content:"";position:absolute;left:50%;top:50%;
    width:16px;height:16px;border-radius:50%;
    background:#E20715;border:3px solid #fff;
    transform:translate(-50%,-50%);z-index:2;
}
.blocco-timeline::after{
    content:"";position:absolute;left:50%;
    width:2px;height:16px;background:#E20715;transform:translateX(-50%);z-index:1;
}
.blocco-timeline:nth-of-type(odd)::after{bottom:calc(50% + 8px)}
.blocco-timeline:nth-of-type(even)::after{top:calc(50% + 8px)}
/* ---- */
.desc-flip{
    opacity: 0;
    transition: opacity 0.3s ease;
}
.flip-box:hover .desc-flip{
    opacity: 1;
}
.mostra-card{
    display: none;
}
.card-home:hover .mostra-card{
    display: flex;
}
.card-hover:hover .mostra-card{
    display: flex;
}
.card-hover:hover h2, .card-hover:hover p{
    text-align: left !important;
}
.card-hover:hover .btn{
    align-self: flex-start;
}
.info-tab{
    display: none;
}
.pannello-float{
    display: none;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 10;
    background-color: #fff !important;
}
.click-info, .chiudi-info{
    cursor: pointer;
}
.box-confronto{
    display: none;
}
table th, table td{
    font-family: "Montserrat",sans-serif;
}
.sub-prodotto, .sub-menu{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.sub-prodotto a, .sub-menu a{
    display: inline-flex;
}
.pannello-prodotti{
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
table{
    border-radius: 20px;
    border: none;
    overflow: hidden;
    margin-top: 40px;
}
table thead th{
    background-color: #ffd500;
}
table td, table th, table thead{
    border: none !important;
}
table td{
    text-align: center;
}
@media screen and (max-width: 767px) {
    .center-mobile-mene li{
        justify-content: center;
        display: flex;
    }
    .elementor-nav-menu--dropdown.elementor-nav-menu__container{
        width: 250px;
        position: absolute;
        right: 0;
        z-index: 99;
    }
    .linea-temporale .linea{
        width:9180px
    }
    .pannello-prodotti{
        display: none !important;
    }
}