/* ===========================================
   Timeline Attività – Stili Custom
   =========================================== */


/* Sfondo slide */
.tl-slide {
    background-color: #ffffff !important;
}

/* Testo descrittivo */
.tl-text-content p {
    font-size: 17px !important;
    line-height: 1.6 !important;
    color: #636e72 !important;
}


/* Didascalie media */
.tl-caption {
    font-style: italic !important;
    color: #b2bec3 !important;
}

/* ---- Barra navigazione temporale ---- */
.tl-timenav {
    background-color: transparent !important;
  border-top: none;
}

.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content {
    padding: 10px;
    border-radius: 5px !important;
}

/* Colori categorie */
.tl-timemarker[id ^= 'in-search-of-a-common-time'] .tl-timemarker-content-container,
.tl-timemarker[id ^= 'in-search-of-a-common-time'] .tl-timemarker-content-container .tl-timemarker-content {
    background-color: #e5007e !important;
    border-color: #e5007e !important;
}
.tl-timemarker[id ^= 'time-to-share'] .tl-timemarker-content-container,
.tl-timemarker[id ^= 'time-to-share'] .tl-timemarker-content-container .tl-timemarker-content {
    background-color: #f0d300 !important;
    border-color: #f0d300 !important;
}
.tl-timemarker[id ^= 'time-travellers'] .tl-timemarker-content-container ,
.tl-timemarker[id ^= 'time-travellers'] .tl-timemarker-content-container .tl-timemarker-content {
    background-color: #243d90 !important;
    border-color: #243d90 !important;
}
.tl-timemarker[id ^= 'time-to-create'] .tl-timemarker-content-container,
.tl-timemarker[id ^= 'time-to-create'] .tl-timemarker-content-container .tl-timemarker-content {
    background-color: #2a9c8d !important;
    border-color: #2a9c8d !important;
}
.tl-timemarker[id ^= 'dissemination'] .tl-timemarker-content-container,
.tl-timemarker[id ^= 'dissemination'] .tl-timemarker-content-container .tl-timemarker-content {
    background-color: #111 !important;
    border-color: #111 !important;
}
.tl-timemarker[id ^= 'project-management-and-evaluation'] .tl-timemarker-content-container,
.tl-timemarker[id ^= 'project-management-and-evaluation'] .tl-timemarker-content-container .tl-timemarker-content {
    background-color: #111 !important;
    border-color: #111 !important;
}

/* ---- Headlines (ridimensionate a H3/H4 visivamente) ---- */
.tl-timeline h1.tl-headline .titolo,
.tl-timeline h2.tl-headline .titolo,
.tl-timeline h3.tl-headline .titolo {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 46px;
    line-height: 46px;
    font-family: 'chicaloregular', sans-serif !important;
	margin: 2rem 0;
    color: #111;
}
.tl-timeline .tl-timemarker .tl-headline .titolo {
    font-size: 16px;
    margin: 0;
    font-family: 'esphimereregular', sans-serif !important;
    line-height: 1.3;
    color: #fff;
}

/* Ottimizza spazio contenuti */
.tl-slide .tl-text-content {
    padding-top: 10px !important;
}
.tl-timeline  .tl-timemarker {
    top: 25px !important;
    height: calc(100% - 20px) !important
}
.tl-timeline  .tl-timemarker.tl-timemarker-active {
    top: 5px !important;
    height: calc(100%) !important
}
.tl-timemarker .tl-timemarker-content-container {
  min-height: 100%
}


/*  campo data */
body .tl-timeline .tl-headline-date,body .tl-timeline .tl-headline-date small,body .tl-timeline h3.tl-headline-date, body .tl-timeline h3.tl-headline-date small, .tl-headline .luogo, .tl-headline .partner {
  font-weight: normal !important;
  font-family: 'esphimereregular', sans-serif !important;
  font-size: 20px;
  line-height: 1.3;
}
.tl-headline .luogo,.tl-headline .partner {
    display: block;
    color: #b3b3b3;
    margin-bottom: 1rem;
}

@media(max-width:767px) {
    .tl-text-content p {
        font-size: 14px !important;
    }
    .tl-timeline h3.tl-headline .titolo {
        font-size: 30px;
        line-height: 1.2;
    }
    body .tl-timeline .tl-headline-date,body .tl-timeline .tl-headline-date small,body .tl-timeline h3.tl-headline-date, body .tl-timeline h3.tl-headline-date small, .tl-headline .luogo , .tl-headline .partner {
        font-size: 14px;
    }
    .tl-slide-content {
        width: 100% !important
    }
}

.tl-headline-date br {
    display: none;
}
.tl-headline-date small {
  margin-left: 5px;
}

.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class^="tl-icon-"], .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container {
  display: none !important;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick,.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick {
  color: #111;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick::before,.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick::before {
    border-left: 1px solid #111;
}
.tl-timeaxis-background {
  border-top: 1px solid #111;
  border-bottom: none;
}

.tl-storyslider, .tl-slider-container-mask, .tl-slide .tl-slide-content-container .tl-slide-content {
  margin: auto;
  max-width: 1290px;
    box-sizing: border-box;
}


/* Nasconde asse del tempo, sfondo e barra di navigazione inferiore */
.tl-slidenav-description, .tl-message-full {
    display:none!important;
}
.tl-knightlab-logo, .tl-attribution {
    display: none !important;
}


/*DATA MARKER*/
.custom-marker-datestart, .custom-marker-dateend {
  display: block;
  font-size: 13px;
  color: #fffa;
}

.tl-timemarker-content .tl-headline .luogo {
  font-size: 13px;
  font-weight:700 !important;
  color: #fffa;
  margin-top: 1rem;
  margin-bottom: 0;
}
.tl-timemarker-content .tl-headline .partner {
    display: none
}

.tl-timemarker-content .tl-headline {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 0;
}
.tl-timemarker-content .tl-headline {
    margin-bottom: 4px
}


.tl-timemarker-active {
  border: 5px solid #111;
  box-sizing: content-box;
  border-radius: 5px;
  background: #111;
}

.tl-slidenav-title .luogo, .tl-slidenav-title .partner {
    display: none
}


/* TESTI LATERALI TIMELINE */
.tl-slidenav-title,
.tl-slidenav-description,
.tl-slidenav-next .tl-slidenav-title,
.tl-slidenav-previous .tl-slidenav-title,
.tl-slidenav-next .tl-slidenav-description,
.tl-slidenav-previous .tl-slidenav-description {
    color: #666666 !important;
    opacity: 1 !important;
}

/* DATE E LABEL TIMELINE */
.tl-headline-date,
.tl-headline-date small,
.tl-headline .luogo,
.tl-headline .partner,
.custom-marker-datestart,
.custom-marker-dateend,
.tl-timeaxis .tl-timeaxis-tick {
    color: #666666 !important;
    opacity: 1 !important;
}

/* FRECCE */
.tl-slidenav-next,
.tl-slidenav-previous,
.tl-slidenav-next .tl-slidenav-icon,
.tl-slidenav-previous .tl-slidenav-icon {
    color: #444444 !important;
    opacity: 1 !important;
}

/* LINEA TIMELINE */
.tl-timeaxis-background {
    border-top: 2px solid #666666 !important;
}

/* TESTO BIANCO SU RIQUADRI NERI */
.tl-timemarker[id^='dissemination'] .tl-timemarker-content,
.tl-timemarker[id^='dissemination'] .tl-timemarker-content *,
.tl-timemarker[id^='time-travellers'] .tl-timemarker-content,
.tl-timemarker[id^='time-travellers'] .tl-timemarker-content,
.tl-timemarker[id^='project-management-and-evaluation'] .tl-timemarker-content,
.tl-timemarker[id^='project-management-and-evaluation'] .tl-timemarker-content * {
    color: #ffffff !important;
}

/* TESTO NERO SU RIQUADRI VERDI */
.tl-timemarker[id^='time-to-create'] .tl-timemarker-content,
.tl-timemarker[id^='time-to-create'] .tl-timemarker-content * {
    color: #000000 !important;
}

/* TESTO NERO SU RIQUADRI GIALLI */
.tl-timemarker[id^='time-to-share'] .tl-timemarker-content,
.tl-timemarker[id^='time-to-share'] .tl-timemarker-content * {
    color: #000000 !important;
}

/* TESTO BIANCO SU RIQUADRI ROSA */
.tl-timemarker[id^='in-search-of-a-common-time'] .tl-timemarker-content,
.tl-timemarker[id^='in-search-of-a-common-time'] .tl-timemarker-content * {
    color: #ffffff !important;
}
}