.newsPost .site__topRight {
    display: none;/** in case it is set to 'on' in design settings */
}

.newsPost__banner {
    position: absolute;
    right: 0;
    left: 0;
    height: 16rem;
    background-color: var(--lightGray);
    background-size: cover;
}

.newsPost__content {
    position: relative;
    color: #6f6f6f;
}

.newsPost__content--hasBanner {
    padding-top: 12rem;
}

.newsPost__intro {
    width: 100%;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    color: #fff;
    background: var(--lightGreen);
}

.newsPost__intro h3 {
    margin: 1rem 0 .5rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
}

.newsPost__intro p a {
    color: inherit;
    text-decoration: underline;
}

.newsPost__title {
    font-size: 2rem;
    color: inherit !important;
}

.newsPost__meta {
    margin-bottom: 1rem;
    font-size: 1.375rem;
    text-align: center;
    color: var(--lightGreen);
}

.newsPost__meta:not(.newsPost__content--hasBanner .newsPost__meta) {
    margin-top: 6rem;
}

.newsPost__body {
    margin-bottom: 3rem;
}

.newsPost__body * {
    font: 300 1rem/1.5rem 'Nunito Sans', sans-serif;
    color: var(--primary);
}

.newsPost__authors {
    margin-bottom: 4rem;
    padding: 1.5rem;
    background: #fff;
    box-shadow: var(--boxShadow);
}

.newsPost__authors h3 {
    color: var(--green);
}

@media (min-width: 992px) {
    .newsPost__banner {
        height: 25rem;
        max-width: 58.33333%;
    }

    .newsPost__content {
        display: block !important;
        clear: both;
        content: "";
        overflow: hidden;
    }

    .newsPost__content--hasBanner {
        padding-top: 27rem;
    }

    .newsPost__intro {
        float: right;
        max-width: 50%;
        position: relative;
        padding: 3rem;
        margin-top: 4rem;
    }

    .newsPost__content--hasBanner .newsPost__intro {
        margin-top: -23rem;
    }

    .newsPost__meta {
        text-align: left;
    }

    .newsPost__backLink {
        position: absolute;
        right: 0;
        top: -4rem;
    }

    .newsPost__content--hasBanner .newsPost__backLink {
        top: -4rem;
    }

    .newsPost__backLink a {
        display: inline-block;
        color: var(--lightGreen);
    }

    .newsPost__body {
        float: left;
        max-width: 50%;
        padding-right: 30px;
    }

    .newsPost__about {
        position: relative;/** for positioning dots image */
        float: right;
        width: 50%;
    }

    .newsPost__about::before {
        position: absolute;
        display: block;
        content: "";
        height: 15rem;
        width: 15rem;
        left: -5.5rem;
        bottom: -3.5rem;
        background: url(/ui/knvi/img/dots-square.png);
    }

    .newsPost__authors {
        position: relative;/** for placing over dots image */
        max-width: 24rem;
        margin: 0 auto;
    }
}