/*=========================
       Linha do Tempo
==========================*/
.ano{
    display: flex;
    align-items: center;
    justify-content:center;
    width: 80px;
    height: 80px;
    border: 2px solid var( --e-global-color-secondary );
    color: var( --e-global-color-secondary );
    border-radius: 80px;
    font-weight: 900;
    font-size: 21px;
    margin: auto;
    position: relative;
    background: #fff;
    z-index: 1;
}
.linha-do-tempo.vertical .content{
    display:flex;
    align-items: center;
}
.linha-do-tempo.vertical .desc,
.linha-do-tempo.vertical .imagem{
    width:50%;
    padding: 50px 80px
}
.linha-do-tempo.vertical .imagem img{
    width:90%;
    margin:auto;
    border-radius: 15px;
}
.linha-do-tempo.vertical .schema-2 .content{
    flex-direction:row-reverse;
}
.linha-do-tempo.vertical{
    position:relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.linha-do-tempo.vertical:after{
    content:"";
    display:block;
    height:100%;
    position:absolute;
    top:0px;
    border:2px dashed var( --e-global-color-secondary );
}
.linha-do-tempo.vertical .desc h3{
    font-weight:900;
    font-size:22px
}
.linha-do-tempo.vertical .desc h3 .item-number{
    font-size:1.2em;
    margin-right:10px;
    color:var( --e-global-color-secondary );
}
.linha-do-tempo.vertical .separator{
    width: 140px;
    display:block;
    position:absolute;
    height:2px;
    background:var( --e-global-color-text );
    top:45px;
    right: 31%;
}
.linha-do-tempo.vertical .schema-2 .separator{
    left: 31%;
}
.linha-do-tempo.vertical .schema-2 .separator::after{
    left: 0px;
}
.linha-do-tempo.vertical .separator::after{
    content:"";
    width:20px;
    height:20px;
    border-radius:20px;
    background:var( --e-global-color-text );
    display:block;
    position:absolute;
    right:0;
    bottom:-9px;
}
.linha-do-tempo.vertical .item-linha{
    position:relative
}

@media (max-width:767px){
    .linha-do-tempo.vertical .separator{
        display:none
    }
    .linha-do-tempo.vertical .item-linha{
        flex-wrap:wrap;
        position: relative;
        z-index: 1;
        background: #fff;
        box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
        border-radius: 15px;
        width: 90%;
        margin: auto;
        margin-bottom: 25px;
        padding: 25px;
    }
    .linha-do-tempo.vertical .content{
        flex-wrap: wrap;
    }
    .linha-do-tempo.vertical .desc, .linha-do-tempo.vertical .imagem{
        width:100% !important;
        padding:15px;
        text-align: center;
    }
}