#resources-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;
}

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

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

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

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

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

#resources-rows .views-row a::before
{
    display: inline-block;
    font-family: var(--font-awesome);
    content: '\f0a9';
    margin-right: 0.75rem;
    font-weight: 600;
}

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

#resources-rows .views-row a::before,
#resources-rows .views-row a
{
    font-size: 1.125rem;
}

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

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