/**
 * Legacy [tdb_single_related] Read More skin.
 * The shortcode/query/position stay untouched; this only matches the approved
 * Flex Block 1 visual language used by the current automatic Read More.
 */

.td_block_wrap.trde-legacy-read-more {
    margin-bottom: 20px !important;
}

.td_block_wrap.trde-legacy-read-more .td-block-title {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    line-height: 31px !important;
    text-align: left !important;
    overflow: visible !important;
}

.td_block_wrap.trde-legacy-read-more .td-block-title > * {
    padding-right: 0 !important;
    color: var(--td_text_header_color, #000) !important;
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

.td_block_wrap.trde-legacy-read-more .td-block-title > *::before,
.td_block_wrap.trde-legacy-read-more .td-block-title > *::after {
    display: none !important;
    content: none !important;
}

.td_block_wrap.trde-legacy-read-more .tdb-block-inner {
    margin-left: -18px !important;
    margin-right: -18px !important;
}

.td_block_wrap.trde-legacy-read-more .td_module_wrap {
    width: 50% !important;
    float: left !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-bottom: 18px !important;
    margin-bottom: 18px !important;
    display: flex !important;
}

.td_block_wrap.trde-legacy-read-more .td_module_wrap:nth-child(2n+1) {
    clear: both !important;
}

.td_block_wrap.trde-legacy-read-more .td_module_wrap:nth-last-child(-n+2) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.td_block_wrap.trde-legacy-read-more .td-module-container {
    flex-direction: row !important;
    flex-grow: 1 !important;
    padding: 16px !important;
    background-color: #dfe0e8 !important;
    border-color: #eaeaea !important;
}

.td_block_wrap.trde-legacy-read-more .td-image-container {
    flex: 0 0 20% !important;
    width: 20% !important;
    display: block !important;
    order: 0 !important;
}

.td_block_wrap.trde-legacy-read-more .td-image-wrap {
    padding-bottom: 88% !important;
}

.td_block_wrap.trde-legacy-read-more .entry-thumb {
    background-position: center 50% !important;
}

.td_block_wrap.trde-legacy-read-more .td-module-meta-info {
    max-width: 80% !important;
    margin: 0 !important;
    padding: 0 0 0 12px !important;
    border-color: #eaeaea !important;
}

.td_block_wrap.trde-legacy-read-more .entry-title,
.td_block_wrap.trde-legacy-read-more .td-module-title {
    margin: 0 !important;
    font-family: "Mona Sans", sans-serif !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

.td_block_wrap.trde-legacy-read-more .td-module-title a,
.td_block_wrap.trde-legacy-read-more .td_module_wrap:hover .td-module-title a {
    color: var(--td_text_header_color, #000) !important;
    box-shadow: inset 0 0 0 0 #000 !important;
}

.td_block_wrap.trde-legacy-read-more .td-editor-date,
.td_block_wrap.trde-legacy-read-more .td-post-date,
.td_block_wrap.trde-legacy-read-more .td-post-author-name,
.td_block_wrap.trde-legacy-read-more .td-module-comments,
.td_block_wrap.trde-legacy-read-more .td-excerpt,
.td_block_wrap.trde-legacy-read-more .td-read-more,
.td_block_wrap.trde-legacy-read-more .td-post-category {
    display: none !important;
}

@media (max-width: 767px) {
    .td_block_wrap.trde-legacy-read-more .td-block-title > * {
        font-size: 18px !important;
    }

    .td_block_wrap.trde-legacy-read-more .tdb-block-inner {
        margin-left: -9px !important;
        margin-right: -9px !important;
    }

    .td_block_wrap.trde-legacy-read-more .td_module_wrap {
        width: 100% !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
        padding-bottom: 18px !important;
        margin-bottom: 0 !important;
    }

    /*
     * Desktop uses nth-last-child(-n+2) to remove the bottom spacing from both
     * cards in the final 2-column row. On phone those same two cards are stacked,
     * so restore one 18px inter-card space on phone without doubling it
     * through both padding and margin, then
     * remove spacing only from the actual last card.
     */
    .td_block_wrap.trde-legacy-read-more .td_module_wrap:nth-last-child(-n+2) {
        padding-bottom: 18px !important;
        margin-bottom: 0 !important;
    }

    .td_block_wrap.trde-legacy-read-more .td_module_wrap:nth-last-child(1) {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .td_block_wrap.trde-legacy-read-more .td-image-container {
        flex: 0 0 23.5% !important;
        width: 23.5% !important;
    }

    .td_block_wrap.trde-legacy-read-more .td-image-wrap {
        padding-bottom: 60% !important;
    }

    .td_block_wrap.trde-legacy-read-more .td-module-meta-info {
        max-width: 100% !important;
    }

    .td_block_wrap.trde-legacy-read-more .entry-title,
    .td_block_wrap.trde-legacy-read-more .td-module-title {
        font-size: 16px !important;
    }
}