.wp-playlist {
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #f7f5fa !important;
  border: 1px solid rgba(80, 8, 120, 0.15) !important;
}


.wp-playlist .wp-playlist-playing {
  background: rgba(80, 8, 120, 0.1) !important;
}

.wp-playlist-controls button {
  color: #500878 !important;
}

.wp-playlist-progress {
  background: rgba(80, 8, 120, 0.15) !important;
}

.wp-playlist-progress-bar {
  background: #500878 !important;
}
.audio-trail__media .mejs-container {
  background: linear-gradient(
    90deg,
    #500878 0%,
    #7a1fb3 50%,
    #500878 100%
  ) !important;
  border-radius: 22px !important;
  padding: 12px 16px !important;
  box-shadow: 0 4px 16px rgba(80, 8, 120, 0.08) !important;
}

.audio-trail__media .mejs-controls {
  background: transparent !important;
}

.audio-trail__media .mejs-time-total {
  background: rgba(80, 8, 120, 0.15) !important;
  border-radius: 22px !important;
  height: 8px !important;
}

.audio-trail__media .mejs-time-current {
  border-radius: 22px !important;
  height: 3px !important;
  transition: width 0.1s linear !important;
}


.audio-trail__media .mejs-time-current {
  background: linear-gradient(
    90deg,
    #500878 0%,
    #7a1fb3 50%,
    #500878 100%
  ) !important;
}

.audio-trail__media .mejs-time-loaded {
  background: rgba(80, 8, 120, 0.25) !important;
  border-radius: 22px !important;
  height: 8px !important;
}


.audio-trail__media .mejs-time-current {
  display: none !important;
}

.audio-trail__media .mejs-time-handle {
  background: #fff;
  border: 1px solid #500878 !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  top: -3px !important;
}


.audio-trail__media .mejs-time-handle-content  {
  display: none  !important;
}

.audio-trail{
  scroll-margin-top: 120px;
}

.audiolinkdiv a{
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
  gap: 10px
}

.audio-post-image {
  height: 300px;
  width: 300px;
  border-radius: 22px;
  background-position: center;
    background-size: cover;
  background-repeat: none;
}

.audiocontent {
  padding: 10px;
    display: flex;
    flex: 2;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  gap: 20px;
}

.audiodesc {
    display: flex
;
    flex: 2;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
      justify-content: space-between;
  min-height: 300px;
}

.audiodesc h1 {
    font-size: var(--fs-h1);
    line-height: 120%;
    margin-bottom: .5rem;
    margin-top: .2rem;
}

.audio-trail__media {
  width: 100%;
}

.audio-trail__media .mejs-container {
  width: 100% !important;
  max-width: 100%;
}

.audio-trail__media .mejs-inner,
.audio-trail__media .mejs-mediaelement,
.audio-trail__media audio {
  width: 100% !important;
}

.audio-trail__media {
  flex: 1 1 100%;
  min-width: 0;  
  display: flex
;
    align-items: flex-end;
}

.audioother {
    padding: 0px 10px 10px 10px;
   display: flex;
    flex: 2;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
      justify-content: space-between;
}

.audiowrapper {
  background-color: #fff !important;
    border-radius: 22px;
  padding: 1px;
}

.audio-trail__transcript-download {
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 0.1em;
}

.audio-linked-route p
{
    margin-bottom: 0.1em;
}

@media (max-width: 1068px) { 
  
  .audio-post-image {
  min-height: 300px;
  min-width: 300px;
width: 100%;
    height: auto;
  border-radius: 22px;
  background-position: center;
    background-size: cover;
  background-repeat: none;
}

.audiocontent {
          flex-basis: calc(100% - 20px);
  padding: 5px;
    display: flex;
    flex: 2;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
  gap: 5px;
}

.audiodesc {
    display: flex
;
    flex: 2;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
      justify-content: space-between;
  min-height: 240px;
  min-width: 100%;
}

.audioother {
    padding: 5px;
   display: flex;
    flex: 2;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
      justify-content: space-between;
}

.audiowrapper {
  background-color: #fff !important;
    border-radius: 22px;
  padding: 1px;
  display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
}
  
  .audio-trail__placeholder
  
  {display: none;}
  

}




.audio-banner h1, .audio-banner p, .audio-banner h2, .audio-banner h3, .audio-banner a {
  color: #500878 !important; }