.blinn-event-alert{

    display:grid;
    grid-template-columns:140px 1fr auto;

    border:1px solid #d9d9d9;
    background:#fff;

    overflow:hidden;
    margin:2rem 0;

    font-family:Arial, Helvetica, sans-serif;
}

.event-date{

    background:#f3bd19;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    padding:2rem 1rem;
}

.event-date .month{

    text-transform:uppercase;
    font-size:1.5rem;
    font-weight:700;
    letter-spacing:.08em;
}

.event-date .day{

    font-size:4rem;
    font-weight:800;
    line-height:1;
}

.event-content{

    padding:2rem;
}

.event-label{

    margin:0 0 .5rem;
    color:#0055A4;

    font-size:2rem;
    font-weight:800;
    text-transform:uppercase;
}

.event-description{

    margin-bottom:1.5rem;

    color:#333;
    line-height:1.6;
    font-size:1.05rem;
}

.event-meta{

    display:flex;
    flex-wrap:wrap;
    gap:2rem;

    font-size:1.05rem;
}

.event-meta span{

    display:flex;
    align-items:center;
    gap:.5rem;
}

.event-action{

    display:flex;
    align-items:center;
    justify-content:center;

    padding:2rem;
}

.event-button{

    display:inline-block;

    background:#0055A4;
    color:#fff;

    text-decoration:none !important;
    text-transform:uppercase;

    font-weight:700;
    letter-spacing:.04em;

    padding:1rem 2.5rem;

    transition:.2s;
}

.event-button:hover{

    background:#003f7d;
    color:#fff;
}


@media (max-width:900px){

    .blinn-event-alert{

        grid-template-columns:1fr;
    }

    .event-date{

        flex-direction:row;
        gap:1rem;

        padding:1rem;
    }

    .event-date .day{

        font-size:2.75rem;
    }

    .event-content{

        padding:1.5rem;
    }

    .event-action{

        padding:0 1.5rem 1.5rem;
    }

    .event-button{

        width:100%;
        text-align:center;
    }

}




/*overriedes*/
/* Left date panel */
.event-date,
.event-date .month,
.event-date .day {
    color: #000;
}

/* Bottom event details */
.event-time,
.event-location,
.event-time strong,
.event-location strong {
    color: #000;
}