/* premium_content_html.css */

.premium_content_html.paywall {
    position: relative;
    margin-block-start: -400px !important;
}

.premium_content_html.paywall:before {
    content: " ";
    margin-top: -150px;
    display: block;
    background: rgba(34, 36, 41, .5);
    height: 100%;
    width: 100vw;
    background: linear-gradient(0deg,rgba(34, 36, 41, 1) 0%, rgba(34, 36, 41, 1) 78%, rgba(34, 36, 41, 0) 100%);
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
}

.premium_content_html.paywall .row {
    background: rgba(56, 59, 66, 1);
    z-index: 1;
    position: relative;
}

@media (min-width: 768px) {
    /* make the last 4 items unclickable */
    .paywall-.row > div:nth-last-child(-n+4) {
        pointer-events: none;
    }
}

.premium_content_html.paywall .row .logo {
    max-width: 200px;
    height: auto;
}

.premium_content_html.paywall .row .benefits {
    font-size: small;
}