#timeline-filters .btn{
    color: rgb(248, 92, 14);
    border-color: rgb(248, 92, 14);
}

#timeline-filters .btn::selection,
#timeline-filters .btn:hover,
#timeline-filters .btn.active{
    background-color: rgb(248, 92, 14);
    border-color: rgb(248, 92, 14);
    color: white;
}

#timeline-filters .btn:focus{
    background-color: rgb(248, 92, 14);
    border-color: rgb(248, 92, 14);
    color: white;
    box-shadow: 0 0 0 0.2rem rgba(248, 92, 14, 0.5);
}

.timeline_line{
    position: relative;
    top: 5vh;
    left: 0;
    width: 100%;
    height: 8px;
    background: rgb(185,24,23);
    border-top: 2px solid rgb(255,196,76);
    border-bottom: 2px solid rgb(255,196,76);
    z-index: 1;
}

.card_container{
    position: relative;
    gap: 2rem;
    margin-bottom: 1rem;
    overflow-y: visible;
    overflow-x: scroll;
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 10vh;
}

.timeline_card{
    position: relative;
    top:5vh;
    display:flex;
    flex-direction:row;
    align-items:center;
    border: 2px solid rgb(255,196,76);
    background-color: rgba(248, 92, 14, 0.205);
    border-radius:1rem;
    min-width:25vw;
    margin:1vw;
    padding: 1vw;
    z-index:10;
}

.timeline_card img{
    width:15vw;
    height:auto;
    border-radius:0.25rem;
    margin-right:0.75rem;
}

.timeline_card a{
    position:relative;
    text-decoration:none;
    color:rgb(251,81,34);
    font-weight:500;
    align-self: flex-end;
}

.card_tag{
    position:absolute;
    top:0;
    background-color: rgb(248, 92, 14);
    border: 2px solid rgb(255,196,76);
    color:rgb(255,255,255);
    padding:0.1rem 0.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    font-size:1rem;
    font-weight: bold;
    left: 50%;
    transform: translate(-50%, -100%);

    display: flex;
    flex-direction: row;
    white-space: nowrap;
    width: auto;
}


.card_body{
    padding:0.5rem;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.card_title{
    font-size:1.1rem;
    font-weight:600;
    margin-bottom:0.3rem;
}

.card_brief{
    font-size:0.9rem;
    color:#555;
    margin-bottom:0.5rem;
}

.timeline-detail{
    margin:2vw;
    border: 3px solid rgb(255,196,76);
    border-radius:1rem;
    padding:1vw;
}

.timeline-detail img{
    max-height:60vh;
}