/* ==========================================================================
   PHARMACY MICROSITE EVENT ITEM CSS FOR TEXT/FULLTEXT LAYOUT
========================================================================== */
.event-item {
    margin: 2em auto;
}

@media (min-width: 768px) {
    .event-item {
        display: grid;
        grid-template-columns: 15% 85%;
        align-items: start;
        gap: 1em;
    }
}

.event-item:last-of-type {
    margin-bottom: 2rem;
}

.event-info p {
    margin: .5em auto;
}

/* Image */
p.event-img {
    margin: 0;
}

.event-img img {
    padding-left: .5rem;
    border-left: 10px solid var(--vcu-gold);
}

/* Date */
.variable {
    font-weight: 700;
    color: var(--vcu-rust);
}

/* Event info */
@media (min-width: 768px) {
    .event-info {
        padding: 0 1em;
    }
}

/* Heading / link to fulltext */
.event-info h2 {
    line-height: 1.5;
}

@media (min-width: 1024px) {
    .event-info h2 {
        padding-top: 0;
    }
}

/* Teaser text */
.event-teaser {
    max-height: 5rem;
    display: -webkit-box;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}