/* --- timeline --- */

#biografia-timeline .owl-theme .owl-nav [class*='owl-'] {
    margin: 0 !important;
    padding: 0 !important;
    background: none;
}

#biografia-timeline .owl-prev,
#biografia-timeline .owl-next {
    position: absolute;
    top: 7px;
}

#biografia-timeline .owl-prev {
    left: -10px;
}

#biografia-timeline .owl-next {
    right: -36px;
}

#biografia-timeline .next-icon img {
    transform: rotate(180deg);
}

.timeline-list-container {
    font-size: 26px;
    font-weight: 500;
    color: #b9b9b9;
    line-height: 38px;
    position: relative;
}

#timeline-list {
    z-index: 3 !important;
}

#timeline-list .owl-item {
    /*text-align: center;
    margin-left: 5% !important;
    margin-right: 5% !important;*/
}

.single-year span {
    /*margin-top: 26px;*/
    cursor: pointer;
}

.single-year span {
    display: inline-block;
}

.single-year span:hover {
    color: #171717;
}

.clicked {
    font-size: 35px;
    font-weight: 600;
    color: #171717;
}

/*.single-year {
    transition: font-size 0.3s;
}*/

#timeline-list  .pointer-selector-mobile,
#timeline-list  .pointer-underline-mobile {
    display: none;
}

.timeline-list-container .pointer-selector  {
    position: absolute;
    display: block;
    content: ' ';
    background-image: url('/wp-content/uploads/2021/06/noemi-biografia-triangolo-selezione.svg');
    background-size: 19px 17px;
    width: 19px;
    height: 17px;
    margin: 0 auto;
    transition: all 0.3s;
}

.timeline-list-container .pointer-underline {
    position: absolute;
    border-bottom: 1px solid #171717;
    transition: all 0.3s;
}

/* --- anno grande --- */
.section-title {
    font-size: 500px;
    font-weight: 700;
    color: #171717;
    line-height: 1;
    text-align: center;
    margin-top: -122px;
    margin-bottom: 50px;

}
/* --- titolo colonna e sottotitolo--- */
.column-title,
.column-subtitle {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    color: #e87400;
    display: block;
}

.column-subtitle {
    color: #121212;
}

.section-columns {
    display: table;
    width: 100%;
}

.section-single-column {
    text-align: left;
    display: table-cell;
    border-right: 1px solid #bcbcbc;
}

.section-columns .section-single-column:last-child {
    border-right: none;
}

/* --- testo --- */
.section-text {
    font-size: 30px;
    font-weight: 400;
    line-height: 31px;
    color: #7b7b7b;
    padding: 40px 0 329px 0;
}

.section-text strong {
    font-weight: 400;
    color: #121212;
}

/* --------------------------------------- Large devices (all, 1483px and up) */ 
@media screen and (max-width: 1483px) {
    #biografia-timeline .section-title {
        font-size: 470px;
    }
   
}

/* --------------------------------------- Large devices (all, 1280px and up) */ 
@media screen and (max-width: 1280px) {
    
   
}

/* --------------------------------------- Medium devices (tablet, 1024px) */ 
@media screen and (max-width: 1024px) {
    /* --- 1024timeline --- */
    #biografia-timeline {
        padding-left: 5%;
        padding-right: 5%;
    }

    #biografia-timeline .owl-prev {
        left: -10px;
    }
    
    #biografia-timeline .owl-next {
        right: -5px;
    }
    
    .timeline-list-container {
        width: 90%;
        display: block !important;
        margin: 0 auto;
    }

    #timeline-list {
        font-size: 25px;
        font-weight: 600;
        line-height: 1.2;
    }

    .clicked {
        font-size: 26px;
        font-weight: 600;
        color: #171717;
    }

    .timeline-list-container .pointer-selector,
    .timeline-list-container .pointer-underline {
        display: none;
    }

    #timeline-list .owl-item {
        text-align: center;
        /*margin-left: 5% !important;
        margin-right: 5% !important;*/
    }

    #timeline-list  .pointer-selector-mobile {
        position: absolute;
        display: block;
        content: ' ';
        background-image: url('/wp-content/uploads/2021/06/noemi-biografia-triangolo-selezione.svg');
        margin: 0 auto;
        transition: all 0.3s;
        background-size: 13px 13px;
        width: 13px;
        height: 13px;
        left: calc(50% - 13px/2);
        top: -5px;
    }

    #timeline-list  .pointer-underline-mobile {
        /*position: absolute;*/
        border-bottom: 2px solid #171717;
        transition: all 0.3s;
        max-width: 50%;
        margin: 0 auto;
    }

    
    #timeline-list  .pointer-selector-mobile,
    #timeline-list  .pointer-underline-mobile {
        display: none;
    }



    #timeline-list  .pointer-selector-mobile,
    #timeline-list  .pointer-underline-mobile {
        /*display: block;*/
    }


    .section-columns,
    .section-text {
        /*padding-left: 5%;
        padding-right: 5%; tolto per sistemare allineamento header e corpo mobile*/
    }

    /* --- 1024anno grande --- */
    #biografia-timeline .section-title {
        font-size: 165px;
        font-weight: 700;
        color: #171717;
        line-height: 1;
        margin-top: -33px;
    }

    /* --- 1024titolo colonna e sottotitolo--- */
    .column-title,
    .column-subtitle {
        font-size: 24px;
        font-weight: 600;
        line-height: 19px;
        /* display: inline-block; */
        display: inline;
        margin: 3px 0 10px 0;
    }

    .section-single-column {
        text-align: left;
        display: block;
        border-right: none;
        border-bottom: 1px solid #bcbcbc;
        padding-top: 14px;
        padding-bottom: 8px !important;
        margin-bottom: 10px;
    }

    /* --- 1024testo --- */
    .section-text {
        font-size: 22px;
        font-weight: 400;
        line-height: 22px;
        color: #7b7b7b;
        /*padding: 21px 10% 67px 10%;*/
        padding-top: 21px;
        padding-bottom: 67px;
    }
}

/* --------------------------------------- Medium devices  (mobile, 900px) */ 
@media screen and (max-width: 900px) {

    #timeline-list .pointer-underline-mobile {
        max-width: 54%;
    }
}

/* --------------------------------------- Medium devices  (mobile, 767px) */ 
@media screen and (max-width: 767px) {

    #timeline-list .pointer-underline-mobile {
        max-width: 65%;
    }
}

/* --------------------------------------- Small devices  (mobile, 550px) */ 
@media screen and (max-width: 550px) {

    #timeline-list .pointer-underline-mobile {
        max-width: 60%;
    }
}

/* --------------------------------------- Small devices iPhone X (mobile, 375px) */ 
@media screen and (max-width: 375px) {
    /* --- 375anno grande --- */
    #biografia-timeline .section-title {
        font-size: 154px;
    }

    #timeline-list .pointer-underline-mobile {
        max-width: 80%;
    }

    #contatti h2 {
        font-size: 83px !important;
    }
}

/* --------------------------------------- Small devices iPhone 5 (mobile, 320px) */ 
@media screen and (max-width: 320px) {
    /* --- 320anno grande --- */
    #biografia-timeline .section-title {
        font-size: 132px;
    }

    #timeline-list .pointer-underline-mobile {
        max-width: 92%;
    }

    #contatti h2 {
        font-size: 71px !important;
    }

    #contatti-text p {
        font-size: 18px !important;
    }
}