.card-event a.main-link {
    color: var(--bs-link-color) !important;
}

.card-event .category-top > div  {
    display: flex;
    flex-direction: column;
}


.card .card-body a .card-title.h5 {
    transition: 0.2s ease;
} 

.card .card-body a .card-title.h5:hover {
    color: var(--accent-color);
} 


.card.card-big .card-body .card-title.h5 {
    position: relative;
    padding-right: 35px;
}


.card.card-big .card-body .card-title.h5:after {
    content: url(../images/right.svg);
    width: 30px;
    height: 30px;
    display: block;
    margin-top: 20px;
}


@media(min-width:1024px) {
    
    .card.card-big .card-body .card-title.h5:after {
        content: url(../images/right.svg);
        width: 30px;
        height: 30px;
        display: block;
        margin-top: 20px;
        position: absolute;
        top: -18px;
        right: -10px;
    }
}



/*DETTAGLIO*/

.detail-event h1 span {
    font-style: normal;
    font-weight: 500;
    display: block;
    margin-bottom: 2rem;
    margin-top: 1rem;
}

.container-event-metadata {
    color: #fff;
    position: relative;
}



.container-event-metadata > div{
    margin-bottom: 1rem;
}

.container-event-metadata > div:last-child{
    margin-bottom: 0rem;
}

.container-event-metadata p {
    margin: 0;
}

.container-event-metadata:before {
    background-color: #bb7536;
    position: absolute;
    width: 100vw;
    left: 50%;
    top: 0;
    display: block;
    content: "";
    height: 100%;
    transform: translateX(-50%);
    z-index: -1;
}

.video-container iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1.77;
}

.attachment-container a.btn{
    margin-bottom: 2rem;
}


/*WORKSHOP DIFF BG COLORS*/
.container-event-metadata.normal-event:before/* ,
.container-event-metadata.normal-event */ {
    background: #e0e3ee !important;
}

/* .container-event-metadata.normal-event {
    margin-bottom: 2rem;
} */

/* .container-event-metadata.workshop span,
.container-event-metadata.workshop p {
    color: #1b1e3c !important; 
} */



@media(min-width:1024px) {
    
    .container-event-metadata > div{
        margin-bottom: 0rem;
    }

    .container-event-metadata > div{
        margin-right: 3.125rem;
    }

}

@media(min-width:1400px) {
    .container-event-metadata > div{
        margin-right: 5.125rem;
    }
}