﻿/*
 * Extracted from css/widget.css, lines 48023-48114
 * Region label: CI-013
 */
    /* #region CI-013 */
    .ci-013 .box-podcast .card-content .card-content-img {
        width: 370px;
        height: 270px;
    }

        .ci-013 .box-podcast .card-content .card-content-img.first {
            width: 100%;
            height: 100%;
            min-height: var(--card-min-height);
        }

    .ci-013 .text-ellipsis-2line {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal;
        margin-top: 0;
    }

    .ci-013 h2 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        letter-spacing: 0;
        line-height: 36px;
        margin-bottom: 0;
    }

    .ci-013 #main-content-rpt .box-podcast .card-content .card-content-img {
        width: 100%;
        height: 100%;
        min-height: var(--card-min-height);
        max-width: 768px;
    }

        .ci-013 #main-content-rpt .box-podcast .card-content .card-content-img.first {
            width: 100%;
            height: 100%;
            min-height: var(--card-min-height);
            max-width: 768.7px;
            min-height: 449.23px;
        }

    @media screen and (max-width: 768px) {
        .ci-013 .box-podcast .card-content .card-content-img.first {
            width: 100%;
            height: 100%;
            min-height: var(--card-min-height);
        }

        .ci-013 .box-podcast .card-content .card-content-img.content {
            width: 110px !important;
            min-height: 110px !important;
        }


        .ci-013 #main-content-rpt .item .box-podcast .card-content .card-content-img {
            width: 110px;
            height: 110px !important;
            /*height: var(--card-height);
        min-height: var(--card-min-height-mobile);*/
        }

        .ci-013 .card-content-img {
            width: 110px;
            height: 110px;
            object-fit: cover;
            min-height: unset;
            border-radius: 3px 3px 0px 0px;
        }

        .ci-013 .card-readmore .shered-first {
            right: 0px !important;
        }
    }

    @media screen and (min-width: 768px) {
        .ci-013 .box-podcast .card-content .card-content-img.first {
            width: 100% !important;
            height: 100% !important;
            min-height: var(--card-min-height);
        }

        .ci-013 .box-podcast .card-content .card-content-img.content {
            max-width: 370px !important;
            height: 270px !important;
        }
    }

    /* #endregion */
