﻿.card-side-event {
    background:#CB0084;
    border-radius:25px;
    margin-bottom:1rem;
    color:#ffffff;
    padding:1.5rem;    
}

    .card-side-event.is-separator {
        color:#4F0077;
        background:#ffffff;
        font-size: 1.25rem;
        font-weight: bold;
        text-align:center;
    }

.card-side-event .upper {
    display:flex;
    gap:2rem;    
    flex-direction:column;    
    text-align:center;
}

.card-side-event .time {
    white-space:nowrap;
}

.card-side-event .title {
    font-weight:bold;
    font-size:1rem;
    flex: 1;
}

.card-side-event .logo {
    background-image:var(--image);    
    max-width:100%;
    background-size:cover;
    background-repeat:no-repeat;        
    flex-shrink:0;
}

    .card-side-event .title-description {
        display:flex;
        flex-direction:column;
        gap:1rem;
    }

    .card-side-event .location {
        font-weight:bold;
    }

@media (min-width: 1000px) {
    .card-side-event .upper {
        text-align:unset;
        flex-direction:row;
    }

    .card-side-event.is-separator .upper {
        justify-content: center;
    }

    .card-side-event .logo {
        flex: 1;
        max-width:100%;
    }

    .card-side-event .title-description {
        flex:3;
    }

    .card-side-event .time, .card-side-event .language-location {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

}