news.html

---
layout: page
---
<style>
    a.news-item-wrapper {
        display: block;
        margin-bottom: 25px;
        box-shadow: 0 1px 1px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.16);
        color: #373151;
        text-decoration: none;
        font-family: "nta", Arial, sans-serif;
        font-size: 16px;
        line-height: 1.25;
    }
    a.news-item-wrapper:hover {
        background: #ebe9e8;
    }
    a.news-item-wrapper:active {
        outline: 3px solid #20c997;
    }

    div.news-item-internal {
        position: relative;
        min-height: 130px;
        display: flex;
        padding: 10px 15px 10px 130px;
        border-left: 10px solid #1D70B8;
        justify-content: space-between;
        flex-direction: column;
    }

    div.news-item-icon-wrapper {
        position: absolute;
        top: 15px;
        left: 15px;
    }

    div.news-item-content {
        flex-grow: 1;
    }

    div.news-item-title {
        font-size: 20px;
        font-weight: 500;
    }

    div.news-item-excerpt {
        font-size: 16px;
        font-weight: 400;
        padding: 10px 0;
    }

    div.news-item-date {
        padding-right: 15px;
        padding-top: 7px;
        padding-bottom: 7px;
        border-top: 1px dotted rgb(203, 201, 205);
        margin-right: -15px;
        margin-bottom: -10px;
        color: #717171;
        font-size: 18px;
        font-weight: 400;
    }

    @media (max-width: 768px) {
        div.news-item-internal {
            padding: 10px 15px;
        }
        div.news-item-icon-wrapper {
            display: none;
        }
    }
</style>

{% for post in site.posts %}
<a class="news-item-wrapper" href="{{ post.url | prepend: site.baseurl }}">
    <div class="news-item-internal">
        <div class="news-item-icon-wrapper">
            <img src="{{ post.icon | default: "/assets/images/news_stock.png" }}" width="100px" height="100px"/>
        </div>
        <div class="news-item-content">
            <div class="news-item-title">{{ post.headline }}</div>
            <div class="news-item-excerpt">{{ post.excerpt | strip_html | normalize_whitespace | escape }}</div>
        </div>
        <div class="news-item-date">{{ post.date | date_to_long_string: "ordinal" }}</div>
    </div>
</a>
{% endfor %}