@media (max-width: 660px) {
    .feature-card-box-row {
        flex-wrap: wrap;
    }
    .photo-thumbnail img {
        padding-left: 0.8rem;
    }
}
.cards-subtitle, .published {
    height: auto;
}
.mw-200px { min-width: 200px; }

.mejs__container {
    background-color: transparent !important;
}
.mejs__controls:not([style*="display: none"]) {
    background: none !important;
}

.podcast-link {
    text-decoration: none !important;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.podcast-link .blast-external-link-square {
    display: none;
}


.podcast-banner {
    background-image: url('/images/podcasts/gradient.webp');
    background-size: auto 100% !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-color: #060a0b !important;
}

.w-125px {
    width: 125px;
}

.hero-description-muted {
    opacity: 0.8; 
    font-size: 0.9rem;
}

.w-80px {
    width: 80px;
}

.h-80px {
    height: 80px;
}

.w-52px {
    width: 52px;
}
.h-52px {
    height: 52px;
}

.text-accent {
    color: #156481 !important;
}

.border-bottom-accent {
    border-bottom: #ccc 1px solid !important;
}

.w-60px {
    width: 60px;
}

.player-container {
    border-radius: 0.6rem;
    position:fixed;
    width:100%;
    bottom:0;
    background-color: #102d48;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    color: white;
    align-items: center;
}

.w-48px {
    width: 48px;
}
.h-48px {
    height: 48px;
}

#player-series-name { opacity: 0.8; }

.mejs-container {
    display: flex; 
    align-items: center; 
    justify-content: center;
}

footer {padding-bottom: 70px;}

#player-episode-name, #player-episode-name-popup {
    font-size: 1rem;
    line-height: 1.1rem;
    margin-bottom: 0;

    margin-bottom: 15px;
}

#player-series-name, #player-episode-number, #player-series-name-popup, #player-episode-number-popup {
    font-size: 0.9rem;
    line-height: 0.9rem;
    height: 0.9rem;
    overflow: hidden;
}

#player-container-share-sm {
    display: none;
}

.hero-overlay {
    background-color: rgba(0,0,0,0.5);
    padding: 10px;
    border-radius: 10px;
}

.toggle-playback {
    width: 80px;
}

@media (max-width: 991px) {
    .player-button-minor {
        font-size: 1.5rem !important;
    }

    .player-button-nav svg{
        width: 36px;
        height: 36px;
    }

    .player-button-minor svg{
        width: 48px;
        height: 48px;
    }
    
    .player-button-major svg{
        width: 64px;
        height: 64px;
    }
    
    .mejs__currenttime, .mejs__duration {
        font-size: 0.85rem;
    }
    
    .mejs__time-buffering, .mejs__time-current, .mejs__time-float, .mejs__time-float-corner, .mejs__time-float-current, .mejs__time-hovered, .mejs__time-loaded, .mejs__time-marker, .mejs__time-total {
        height: 1rem !important;
    }

    .hero-callout-box {
        background-color: rgba(0,0,0,0.3);
    }

    .bg-dark-sm {
        background-color: rgba(0,0,0,0.5);
        padding: 10px;
        border-radius: 10px;
    }

    .article-header h1 {
        line-height: 2rem !important;
        font-size: 1.75rem !important;
    }
    .toggle-playback {
        width: 40px;
    }
    .hero-overlay.br-sm-0 {
        border-radius: 0 !important;
    }
}

.container-hero {
    padding: 1.5rem;
}

@media (max-width: 600px){
    .nav-tabs-podcasts > .nav-item {
        font-size: 1.2rem !important;
        line-height: 1.2rem !important;
    }
    .article-header h1 {
        line-height: 1.5rem !important;
        font-size: 1.25rem !important;
    }
}

@media (max-width: 991px) {    
    #player-container-episode {
        width: 100% !important;
        padding-left: 1rem !important;
    }
    

    .container-hero {
        padding: 0;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .body-column.mr-5 {
        margin: 0 !important;
    }
}


ul.nav-tabs-podcasts li::before {
    display: none;
}

.nav-tabs.nav-tabs-podcasts .nav-item {
    border: 0 !important;
/*    padding-left: 0 !important;
    padding-right: 0 !important;*/
}

.nav-tabs.nav-tabs-podcasts .nav-link {
    border: 0 !important;
    border-bottom: 3px solid #dee2e6 !important;
    text-decoration: none;
}

.nav-tabs.nav-tabs-podcasts .nav-link.active {
    border-bottom: 3px solid #F5B41A !important;
    background-color: #102d480a;
    text-decoration: none;
    color: #102d48;
}

.nav-tabs.nav-tabs-podcasts {
    border-bottom: 0 !important;
}


@media (max-width: 750px) {
    

    #player-container-share {
        display: none;
    }

    #player-container-share-sm {
        display: block;

    }

    

    .player-container {
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

}


.cursor-pointer {
    cursor: pointer;
}


.mejs__playpause-button, .mejs__skip-back-button, .mejs__jump-forward-button {
    display: none;
}

.mejs__speed-selector-list-item {
    padding: 0 !important;
}

.mejs__speed-selector-list-item::before {
    display: none !important;
}

.mejs-speed-selector-label, .mejs__speed-selector-label {
    text-align: center;
}

.mejs__speed-button {
    display: none;
}

.body-content .dropdown-menu a {
    color: black;
    text-align: center;
    text-decoration: none;
}

.body-content .dropdown-menu a:focus,
.body-content .dropdown-menu a:hover {
    background-color: rgba(0,0,0,0.05);
}


@media (max-width: 991px) {
    #player-container-player {
        display: none;
    }

    #player-container-share {
        display: none;
    }

    #player-container-playpause {
        display: block;
    }

    .player-container.flex-column {
        border-radius: 0 !important;
        height: 100%;
        z-index: 109;

    }

    .mejs__audio {
        margin-top: 0px;
    }

    #player-container-preview img {
        max-height: 25vh;
        max-width: 25vh;
    }
}

@media (min-width: 992px) {
    .player-button-minor svg{
        width: 36px;
        height: 36px;
    }
    
    .player-button-major svg{
        width: 36px;
        height: 36px;
    }

    #player-container-player {
        display: block;
    }

    #player-container-share {
        display: block;
    }

    #player-container-playpause {
        display: none;
    }
    .mejs__audio {
        margin-top: -15px;
        margin-bottom: -10px;
    }

    
}

/* begin share */
.shareArticle {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;
    padding: 15px;
  }
  .shareSocial {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-bottom: 30px;
  }
  @media (max-width: 767px) {
    .shareSocial {
      flex-flow: column;
    }
  }
  .shareSocial .socialTitle {
    margin: 0 15px 0 0;
    font-size: 20px;
  }
  @media (max-width: 767px) {
    .shareSocial .socialTitle {
      margin-bottom: 15px;
      text-align: center;
    }
  }
  .shareSocial .socialList {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    justify-content: center;
    flex-flow: row wrap;
  }
  .shareSocial .socialList li {
    margin: 5px;
  }
  .shareSocial .socialList li:first-child {
    padding-left: 0;
  }
  .shareSocial .socialList li a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-decoration: none;
    background-color: #999;
    color: #fff;
    transition: 0.35s;
  }
  .shareSocial .socialList li a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: top left;
    transform: scale(1) translate(-50%, -50%);
    transition: 0.35s;
  }
  .shareSocial .socialList li a:hover i {
    transform: scale(1.5) translate(-50%, -50%);
  }
  .shareSocial .socialList li:nth-child(1) a {
    background-color: #135cb6;
  }
  .shareSocial .socialList li:nth-child(2) a {
    background-color: #00aced;
  }
  .shareSocial .socialList li:nth-child(3) a {
    background-color: #0a66c2;
  }
  .shareSocial .socialList li:nth-child(4) a {
    background-color: #111111;
  }
  .shareSocial .socialList li:nth-child(5) a {
    background-color: #1FB381;
  }
  .shareLink .permalink {
    position: relative;
    border-radius: 30px;
  }
  .shareLink .permalink .textLink {
    text-align: center;
    padding: 12px 60px 12px 30px;
    height: 45px;
    width: 450px;
    font-size: 16px;
    letter-spacing: 0.3px;
    color: #494949;
    border-radius: 25px;
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
    outline: 0;
    appearance: none;
    transition: all 0.3s ease;
  }
  @media (max-width: 767px) {
    .shareLink .permalink .textLink {
      width: 100%;
    }
  }
  .shareLink .permalink .textLink:focus {
    border-color: #d8d8d8;
  }
  .shareLink .permalink .textLink::selection {
    color: #fff;
    background-color: #ff0a4b;
  }
  .shareLink .permalink .copyLink {
    position: absolute;
    top: 50%;
    right: 25px;
    cursor: pointer;
    transform: translateY(-50%);
  }
  .shareLink .permalink .copyLink:hover:after {
    opacity: 1;
    transform: translateY(0) translateX(-50%);
  }
  .shareLink .permalink .copyLink:after {
    content: attr(tooltip);
    width: 140px;
    bottom: -40px;
    left: 50%;
    padding: 5px;
    border-radius: 4px;
    font-size: 0.8rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    background-color: #000000;
    color: #ffffff;
    transform: translateY(-10px) translateX(-50%);
    transition: all 300ms ease;
    text-align: center;
  }
  .shareLink .permalink .copyLink i {
    font-size: 20px;
    color: #ff0a4b;
  }
  

  .body-content ul.socialList li {
    padding: 0 !important;
  }
  .body-content ul.socialList li:before {
    display: none !important;
  }
/* end share */

.hide-external .blast-external-link-square {
    display: none;
}

.btn-outline-secondary {
    border-color: transparent !important;
    color: #fff !important;
    background-color: #4b4b4b87 !important;
    font-family: unset;
    font-weight: 300 !important;
    border-radius: 20px !important;
    padding: .375rem 1rem !important;
}

.episode-options {
    white-space: nowrap;
    overflow-x: auto;
}

.episode-options::-webkit-scrollbar {
  width: 3px;
  height: 4px;
}

/* Track */
.episode-options::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.2);
  height:2px;
}
 
/* Handle */
.episode-options::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.episode-options::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.bbrr-0 {
    border-bottom-right-radius: 0 !important;
}
.btrr-0 {
    border-top-right-radius: 0 !important;
}

.cards-title {
    white-space: unset !important;
}

.caption-container {
    max-height: 500px; 
    overflow-y: scroll;
    height: calc(100vh - 200px);
}

.caption-container.locked {
    overflow-y: hidden !important;
}

.transcript-timestamp {
    color: #065fd4;
    background-color: #def1ff;
    padding: 2px 15px !important;
    font-size: 0.8rem;
    font-weight: 500;
    border-radius: 4px;
    outline: none;
    align-items: baseline;
    /*display: flex;*/
    text-align: center;
    flex-direction: row;
    font-family: "Roboto","Arial",sans-serif;
    cursor: pointer;
}

.captionRow {
    background-color: transparent;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.content-wrapper h3 a, .content-wrapper h3 {
    font-size: 1.2rem;
    line-height: 1.4rem !important;
}

.cards-subtitle {
    height: auto;
}

.clamp-2 {
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

    line-height: 1.2rem;
}

.caption-container-outer {
    border: 1px solid #e4e7eb;
    border-radius: 0.6rem;
}

tbody tr.captionRow:nth-of-type(1) td{
    border-top: 0;
}

.caption-container-footer {
    background-color: #f9f9f9;
    padding: 0;
}

.tab-pane .accordion:nth-of-type(1) .card {
    border-top: 1px solid rgba(0,0,0,.125);
  }
  .accordion .card {
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
  }

  .accordion .card .card-header {
    background-color: transparent;
    padding: 5px 0px !important;
  }

  .accordion .card .card-header button  {
    color: #000;
    width: 100%;
    text-align: left;
  }

  [data-toggle="collapse"][aria-expanded="true"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="gray" class="bi bi-dash-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/></svg>') right no-repeat;
    font-weight: 600 !important;
  }

  [data-toggle="collapse"][aria-expanded="false"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="gray" class="bi bi-plus-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>') right no-repeat;
    font-weight: 600 !important;
  }

  .mw-100px {
    min-width: 100px;
    width: 100px;
    max-width: 100px;
  }