.siu-clanok-embed {
    position: relative;
    padding: 16px 8px 8px;
    margin: 8px 0;
    border: 1px solid #e5e5e5;
}

.siu-clanok-embed::before {
    content: 'Prečítaj si tiež';
    position: absolute;
    top: -12px;
    color: rgba(0,0,0,.25);
    font-family: 'Roboto', Arial;
    font-weight: 700;
    z-index: 100;
    padding: 0 4px;
    left: 4px;
    background-color: #FFF;
}

.siu-clanok-featured-image {
    margin-right: 12px;
    flex: 1 0 240px;
    height: calc(240px / 16 * 9);
    max-width: 240px;
}

.siu-clanok-content-wrapper {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
}

.siu-clanok-embed-heading {
    margin-bottom: 0 !important;
    font-family: 'Noto Serif', serif !important;
    font-weight: 700;
    font-size: 1.9rem;
    line-height: 1.55;
}

.siu-clanok-embed-heading > a {
    font-family: "Roboto", Arial !important;
    font-weight: 700 !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

@media screen and (max-width: 500px) {
    .siu-clanok-featured-image {
        flex: 1 0 120px;
        height: calc(120px / 16 * 9);
        max-width: 120px;
    }

    .siu-clanok-featured-image img {
        border-radius: 6px;
    }

    .siu-clanok-embed-heading {
        font-size: 1.4rem !important;
    }

    .siu-clanok-embed-heading > a {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .siu-clanok-embed::before {
        font-size: 1.4rem;
        left: 6px
    }
}