@charset "UTF-8";
/* CSS Document */

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}


.qd-timeline-container {
    display: flex;
    overflow: hidden;
}
.qd-timeline-menu {
    padding-left: 25px;
    flex: 0 0 110px;
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Bg.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-color: #ffffff;
    position: relative;
    z-index: 10;
}
.qd-timeline-year {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Ano-01.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    line-height: 60px;
    color: #005baa;
    transition: all 0.4s ease;
    padding-right: 0;
    margin: 10px 0;
}
.qd-timeline-year:hover,
.qd-timeline-year.active {
    width: 100px;
    padding-right: 40px;
}


.qd-timeline-tabs {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(100% - 125px);
}
.qd-timeline-item {
    position: absolute;
    left: 0;
    transition: all 0.4s ease;
    transform: translateX(-430px)
}
.qd-timeline-item.active {
    transform: translateX(0)
}
.qd-timeline-inner {
    background-color: #ffffff;
    overflow: hidden;
    max-width: 300px;
}
.qd-timeline-item.qd-timeline-blue,
.qd-timeline-item.qd-timeline-cian {
    align-self: flex-end;
}
.qd-timeline-item.qd-timeline-purple,
.qd-timeline-item.qd-timeline-red {
    align-self: flex-start;
}

.qd-timeline-destaque {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Destaque-01.webp");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left top;
    padding: 0.7em 0 1.2em 1em;
}
.qd-timeline-destaque p {
    margin: 0;
    line-height: 1.2em;
}
.qd-timeline-data {
    font-size: 0.8em;
    text-transform: uppercase;
    color: #005baa;
    font-weight: bold;
}
.qd-timeline-cian .qd-timeline-year,
.qd-timeline-cian.qd-timeline-year {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Ano-02.webp");
    color: #00aeef;
}
.qd-timeline-cian .qd-timeline-destaque {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Destaque-02.webp");
}
.qd-timeline-cian .qd-timeline-data {
    color: #00aeef;
}
.qd-timeline-teal .qd-timeline-year,
.qd-timeline-teal.qd-timeline-year {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Ano-03.webp");
    color: #45b97c;
}
.qd-timeline-teal .qd-timeline-destaque {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Destaque-03.webp");
}
.qd-timeline-teal .qd-timeline-data {
    color: #45b97c;
}
.qd-timeline-green .qd-timeline-year,
.qd-timeline-green.qd-timeline-year {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Ano-04.webp");
    color: #00984a;
}
.qd-timeline-green .qd-timeline-destaque {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Destaque-04.webp");
}
.qd-timeline-green .qd-timeline-data {
    color: #00984a;
}
.qd-timeline-yellow .qd-timeline-year,
.qd-timeline-yellow.qd-timeline-year {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Ano-05.webp");
    color: #E2A70E;
}
.qd-timeline-yellow .qd-timeline-destaque {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Destaque-05.webp");
}
.qd-timeline-yellow .qd-timeline-data {
    color: #febc11;
}
.qd-timeline-orange .qd-timeline-year,
.qd-timeline-orange.qd-timeline-year {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Ano-06.webp");
    color: #f37522;
}
.qd-timeline-orange .qd-timeline-destaque {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Destaque-06.webp");
}
.qd-timeline-orange .qd-timeline-data {
    color: #f37522;
}
.qd-timeline-red .qd-timeline-year,
.qd-timeline-red.qd-timeline-year {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Ano-07.webp");
    color: #ed1d25;
}
.qd-timeline-red .qd-timeline-destaque {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Destaque-07.webp");
}
.qd-timeline-red .qd-timeline-data {
    color: #ed1d25;
}
.qd-timeline-purple .qd-timeline-year,
.qd-timeline-purple.qd-timeline-year {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Ano-08.webp");
    color: #9a258f;
}
.qd-timeline-purple .qd-timeline-destaque {
    background-image: url("../images/Linha-do-tempo-Associacao-Bonecar-Destaque-08.webp");
}
.qd-timeline-purple .qd-timeline-data {
    color: #9a258f;
}