@import url('https://cdnjs.cloudflare.com/ajax/libs/lato-font/3.0.0/css/lato-font.min.css');


.podcast-image {
    width: 100%;
}
.podcast-box{
  display:flex;
  gap:30px
}
.play-episode {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 0px 25px 0px;
    font-family: 'lato', sans-serif;
}
.podcast-area a {
    color: #ecb220;
    font-family: 'lato', sans-serif;
    text-underline-offset: 4px;
    font-size: 20px;
    font-weight: bold;
}
.podcast-content h2 {
    font-size: 26px;
    line-height: 30px;
    color: black;
    margin: 0 0 15px 0;
    font-family: 'lato', sans-serif;
}
.podcast-content p {
    color: #6a6c74;
    font-size: 19px;
    margin: 0;
    padding-bottom: 15px;
    line-height: 29px;
    font-family: 'lato', sans-serif;
    position: relative;
    height: 43px;
    overflow: hidden;
    margin-bottom: 15px;
}

.podcast-content p:after {
    content: "...";
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
}

.podcast-content span {
    background-color: #dddbdb;
    color: #51576c;
    font-size: 16px;
    padding: 6px 15px;
    border-radius: 5px;
    font-style: italic;
    font-family: 'lato', sans-serif;
}
.podcast-area {
  border-bottom: 1px solid #e8eaf1;
/*   padding: 50px 0; */
  display: flex;
    flex-direction: column;
    flex: 1;
}

/* .podcast-area:last-child, .podcast-area:nth-last-child(2) {
    border-bottom: none;
} */

.podcast-area:last-child {
    border-bottom: none;
}
.date-time span {
    display: inline-block !important;
    width: auto !important;
}
.date-time span {
    display: inline-block !important;
    width: auto !important;
}
.date-time.top-set span.date-span {
    padding-right: 15px;
    margin-right: 30px;
}
.date-time.top-set span.date-span, .date-time.top-set span.duration-span {
    padding: 0;
    background: no-repeat;
}.date-time span.date-span:before, .date-time.positioning span.duration-span:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: -16px;
}
.date-time.top-set .date-span, .date-time.top-set .duration-span {
    font-size: 15px;
    padding-right: 15px;
    margin-right: 15px;
    position: relative;
    line-height: 28px;
    margin-left: 0;   color: black;
}
.date-time.top-set span.date-span, .date-time.top-set span.duration-span {
    padding: 0;
    background: no-repeat;
}
.date-time.top-set {
    display: inline-block !important;
    width:100%;
    padding-bottom: 5px!important;
}


/* Temporary Css for space removal */
/* .podcast-area:first-child p {
    height: auto !important;
} */

/* .podcast-area:first-child span {
    display: none; */
}

/* .podcast-area:first-child p:after {
    display: none;
} */


@media (max-width: 768px) {     
.date-time.top-set {
    padding-bottom: 8px!important;
}
}