.abc-discover-article-list {
    max-width: 1000px;
    margin: 15px auto;
}

.abc-discover-article-list > h2,
.abc-discover-list-wrapper > h3 {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin: 15px 0 15px;
}

.abc-discover-list-item {
    display: flex;
    gap: 25px;
    border-bottom: 1px solid #f1eeea;
    padding-bottom: 14px;
    margin-bottom: 15px;
}

.abc-discover-image img {
    max-width: 145px;
    border-radius: 6px;
    /*border: solid 1px #707070;*/
}

.abc-discover-content {
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
}

.abc-discover-content h2 a,
.abc-discover-content h2 {
    width: 100%;
    font-family: var(--secondary-font);
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    text-decoration: none;
}

.abc-discover-content a:hover {
    text-decoration: underline;
}

.abc-discover-info {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--secondary-font);
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #727272;
    margin-right: 5px;
}


.abc-discover-info p {
    padding: 0!important;
    margin: 0!important;
    line-height: 1!important;
}

.abc-discover-info img {
    width: 18px;
    margin-top: -1px;
}

/* Grid */



.abc-discover-list-item {
    display: grid;
    grid-template-columns: 145px 1.4fr;
    grid-template-rows: auto auto;
    gap: 0px 15px;
    grid-auto-flow: row;
    grid-template-areas:
        "abc-discover-image abc-discover-content"
        "abc-discover-image abc-discover-action";
}

.abc-discover-action { 
    grid-area: abc-discover-action;
    display: flex;
    align-items: center;
}

.abc-discover-image { grid-area: abc-discover-image; }

.abc-discover-content { grid-area: abc-discover-content; }

/* Grid END */

/* Comments block */
.entry-social-interaction.entry-social-interactions-comments {
    line-height: 1.2;
}

.entry-social-interaction.entry-social-interactions-comments a {
    display: inline-block;
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    font-family: Arial, sans-serif;
}

.entry-social-interaction.entry-social-interactions-comments img {
    width: 14px;
}


.entry-social-interaction.entry-social-interactions-comments svg {
    color: #000000;
    height: 14px;
    position: relative;
    padding-right: 1px;
    top: 2px;
}

.entry-social-interaction.entry-social-interactions-comments a:hover {
    color: #888;
}

.entry-social-interaction.entry-social-interactions-comments a:hover svg {
    color: #888;
}

/* responsive mobile devices */

@media (max-width: 768px) {
    .abc-discover-action { 
        margin-top: 2px;
    }

    .abc-discover-list-item:not(.full-image) {
        display: grid;
        grid-template-columns: 1.4fr 100px;
        grid-template-rows: auto auto;
        gap: 0px 5px;
        grid-auto-flow: row;
        grid-template-areas:
            "abc-discover-content abc-discover-image"
            "abc-discover-action abc-discover-action";
    }
    

    /* crop image and .abc-discover-list-item not have class .full-image */
    .abc-discover-list-item:not(.full-image) .abc-discover-image img {
        width: 100px;
        height: 100px;
        object-fit: cover;
    }

    
    .abc-discover-list-item.no-image {
        display: grid;
        grid-template-columns: 1.4fr 100px;
        grid-template-rows: auto auto;
        gap: 0px 5px;
        grid-auto-flow: row;
        grid-template-areas:
            "abc-discover-content abc-discover-content"
            "abc-discover-action abc-discover-action";
    }

    .abc-discover-list-item.no-image .abc-discover-image {
        display: none;
    }

    .abc-discover-list-item.full-image {
        flex-direction: column;
    }

    .abc-discover-list-item.full-image {
        display: grid;
        grid-template-columns: 1.4fr 100px;
        grid-template-rows: auto auto auto;
        gap: 0px 5px;
        grid-auto-flow: row;
        grid-template-areas:
            "abc-discover-image abc-discover-image"
            "abc-discover-content abc-discover-content"
            "abc-discover-action abc-discover-action";
    }

    .abc-discover-list-item.full-image .abc-discover-image img {
        max-width: 100%;
        width: 100%;
    }

    .abc-discover-content a,.abc-discover-content h2 a, .abc-discover-content h2 {
        width: 100%;
        font-size: 16px;
        line-height: 1.4;
    }

    .abc-discover-info {
        line-height: 1;
        padding-top: 3px;
        font-size: 10px;
        align-items: center;
    }

    .abc-discover-info img {
        width: 14px;
    }

    .abc-discover-info > * {
        margin: 0;
        padding: 0;
    }
}

/* related post in article ADBZ (new theme) */

.entry-content .abc-discover-list-wrapper {
    margin-top: 0.6em;
    padding-bottom: 0.6em;
    padding-top: 0.6em;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
}

.entry-content .abc-discover-content h2 {
    margin-top: 0;
}

.entry-content .abc-discover-content h2 a {
    font-family: 'Roboto', sans-serif !important;
}

.entry-content .abc-discover-action {
    margin-top: 0;
}

.entry-content .abc-discover-info {
    font-family: 'Roboto', sans-serif !important;
}

.abc-discover-list-wrapper a {
    white-space: normal !important
}

.abc-discover-list-wrapper a::after {
    content: none !important;
}

/* related post in article AUTOZIVE (old theme) */

.single-article .abc-discover-list-wrapper {
    padding-bottom: 0.6em;
    padding-top: 0.6em;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    margin: 20px 0;
}

.single-article .abc-discover-content h2 {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
}

.single-article .abc-discover-content h2 a {
    --webkit-line-clamp: 2;
    line-clamp: 2;
    font-family: 'Roboto', sans-serif !important;
    -webkit-text-fill-color: black;
    font-weight: 500;
}

.single-article .abc-discover-action {
    margin-top: 0;
}

.single-article .abc-discover-info {
    font-family: 'Roboto', sans-serif !important;
}

.single-article .abc-discover-list-item {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}