#events-frontpage
{
    border-top: 1px solid var(--light-black);
    border-bottom: 1px solid var(--light-black);
    padding-bottom: 2rem;
    padding-top: 2rem;
    display: flex;
    flex-direction: row;
}

#events-frontpage h2
{
    font-family: var(--font-poppins);
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: unset;
    margin-right: 8rem;
    flex-basis: 34%;
}

#events-wrapper
{
    flex-basis: 66%;
}

#events-rows .views-row
{
    padding-block: 1rem;
}

#events-rows .views-row:first-child
{
    padding-top: 0rem;
}

#events-rows .views-row:not(:last-child)
{
    border-bottom: 1px solid var(--light-gray);
}

#events-rows .views-row a::before
{
    display: inline-block;
    font-family: var(--font-awesome);
    content: '\f073';
    margin-right: 0.75rem;
    font-size: 1.875rem;
}

#events-rows .views-row a
{
    text-decoration: none;
    font-family: var(--font-roboto);
    color: black;
    display: flex;
    align-items: center;
    font-size: 1.125rem;
}

#events-rows .views-row a:hover,
#events-rows .views-row a::before
{
    color: var(--primary-color);
}

@media screen and (max-width: 50rem)
{
    #events-frontpage
    {
        flex-direction: column;
    }
}