/* Main video player */
 .main-video {
     margin-bottom: 2rem;
     border-radius: 12px;
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
     overflow: hidden;
 }

 .video-wrapper {
     position: relative;
     width: 100%;
     padding-top: 56.25%;
     /* 16:9 aspect ratio */
 }

 .card {
     background: #ffffff;
     border-radius: 12px;
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
     height: 100%;
     text-align: left;
 }

 .card-content {
     padding: 1rem 1.25rem;
     display: flex;
     flex-direction: column;
     flex: 1;

 }

 .card-header {
     font-weight: 700;
     margin-bottom: .5rem;
     font-size: 1.05rem;
     width: 100%;
 }

 .card-body {
     flex: 1;
     font-size: 0.95rem;
     line-height: 1.4;
     color: rgb(81, 80, 80);
     font-size: 0.85rem;
     text-align: left;
     margin-top: 20px;
 }

 /* Video length */
 .video-length {
     position: absolute;
     bottom: 8px;
     right: 8px;     
     background: rgba(0, 0, 0, 0.75);
     color: #fff;
     font-size: 12px;
     padding: 2px 6px;
     border-radius: 4px;
 }

 .pubdate {
     color: rgb(81, 80, 80);
 }

 .audio {
     display: inline-block;
     cursor: pointer;
     color: rgb(81, 80, 80);
     font-weight: bold;
     margin-top: 5px;
     margin-bottom: 5px;
 }

 .thumbnail {
     position: relative;
     width: 100%;
     height: 180px;
     overflow: hidden;
 }

 .follow {
     margin-top: 3em;
     text-align: center;
     margin-bottom: 4em;
 }

 .follow h4 {
     margin-left: auto;
     margin-right: auto;
 }



 @import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap);

 /* .bop-podcast{width:882px; margin-top: 60px; text-align: center;} */
 .bop-podcast {
     margin-top: 60px;
     text-align: center;
 }


 .bop-podcast-poster-container {
    background: black;
    justify-content: center;
    display: flex;
    height: 180px;
    align-items: center;
 }
 /* .bop-podcast-image{ width:283px; height:180px; background-size:cover; background-position: center center;} */
 .bop-podcast-image {
     /* height: 145px; */
     /* height: 180px; */
     /* background-size: cover; */
     /* background-position: center center; */
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;

 }

 .bop-podcast-pubdate {
     font-size: 0.8rem;
     color: #555;
 }

 .bop-podcast-row {
     width: 1640px;
 }

 .bop-podcast-title-container {
     margin-left: 30px;
     text-align: left;
 }

 .bop-podcast-amount {
     font-size: 0.75em;
     font-style: italic;
     font-weight: 100;
     margin-left: 5px;
     color: #444;
 }

 .section-title-podcast {
     font-family: 'Montserrat', sans-serif !important;
     margin: 2rem;
     font-size: 1.8rem;
     font-weight: 700;
 }

 .consume-options {
     padding: 15px 0px;
     text-align: center;
 }

 .consume-link {
     display: inline-block;
     background-color: #f2f2f2;
     padding: 10px;
     border-radius: 10px;
     text-decoration: none;
 }

 .consume-link:hover {
     background-color: #285073;
     color: #fff;
 }

 .consume-icon {
     width: 16px;
     height: 16px;
     margin-right: 2px;
     display: inline-block;
     vertical-align: top;
     stroke: none;
     fill: #036;
 }

 .consume-link:hover .consume-icon {
     fill: #fff;
     stroke: none;
 }

 .carousel-wrapper {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0px auto;
     gap: 0.5rem;
 }

 .carousel-container {
     /* width: 820px;  */
     width: 100%;
     height: 100%;
     overflow: hidden;
     background-color: #edeef1;
 }

 .carousel-track {
     display: flex;
     transition: transform 0.5s ease;
 }

 .carousel-item {
     /* min-width: calc(820px / 3); */
     box-sizing: border-box;
     padding: 1rem;
     text-align: center;
 }

 .carousel-arrow {
     /*
                background: rgba(0, 0, 0, 0.5);
                color: white;
                border: none;
                font-size: 2rem;
                padding: 0.5rem 1rem;
                cursor: pointer;
                border-radius: 6px;*/
     background-image: url(/images/blueArrowSprite.png);
     background-repeat: no-repeat;
     cursor: pointer;
     display: inline-block;
     height: 36px;
     top: 160px;
     width: 20px;
     color: transparent;
     outline: none;
     user-select: none;
 }

 .carousel-arrow-rt {
     background-position: 0 -141px;
 }

 .carousel-arrow-lt {
     background-position: 0 -11px;
 }

 .carousel-arrow:disabled {
     opacity: 0.3;
     cursor: not-allowed;
 }

 #podcast_video_cont {
     background-color: #000;
     /* width:960px;   */
     text-align: center;
     display: none;
 }

 #podcast_video {
     margin: 0px auto;
 }

 #podcast_video img {
     width: auto !important;
 }