.podcast-container{
    display: grid;
    margin-inline: auto;
    grid-template-columns: 92rem 32rem;
    max-width: var(--content-width-wide-2);
    margin-bottom: 8rem;
}

.podcast-container > * {
    grid-row: 1;
}
.podcast-wrapper.region{
    max-width: var(--content-width-normal);
    display: grid;
    grid-template-columns: 13rem auto;
    margin-block: 2rem 4rem;
    align-items: center;
}
.podcast-wrapper img{
    height: 100%;
    display: flex;
    align-self: flex-end;
}


.podcast-top h3{
    font-size: 2.4rem;
    text-align: center;
}

.podcast-top .podcast-time-info{
   display: grid;
   grid-template-columns: auto auto;
   width: 75%;
   margin-inline: auto;

}
.podcast{
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}
.podcast > *{
    width: 100%;

}

audio.podcast-bottom{
    width: 90%;
    display: block;
}

.podcast-container a.link{
    color: var(--color-brand-navy);
    text-align: center;
    margin-top: 2.5rem;
    display: flex;
    align-self: flex-start;
    justify-self: center;
}
.podcast-container a.link:visited{
    color: var(--color-brand-teal);
}

.podcast-container span.date{
    display: flex;
    justify-self: flex-end;
    font-weight: 600;
}

.audio-controls{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.audio-bottom{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 75%;
}

.audio-bottom > * {
    max-width:  fit-content;
}

.audio-bottom .play-button,
.audio-bottom .pause-button{
    display: flex;
    justify-self: center;
    align-self: center;
}
.audio-bottom a.button {
    display: flex;
    justify-self: flex-end;
}
.audio-controls .progress-bar{
    background: var(--color-brand-navy);
    width: 100%;
}
.audio-controls input[type=range]{
    margin-inline: auto;
    width: 75%;
    background-color: var(--color-gray-light);
    /* background: var(--color-gray-light); */
    -webkit-appearance: none;
    border-radius: 2rem;
}
.volume-control{
    display: flex;
    flex-flow: row;
    align-self: center;
}

.audio-controls input[type=range]::-webkit-slider-thumb{
    -webkit-appearance: none;
    height: 2rem;
  width: 2rem;
  border-radius: 1rem;
  background: var(--color-brand-navy);
}


.resource-description{
    margin-inline: 12.5%;
    margin-top: 2.5rem;
}

.podcast-container .podcast-right button.print{
    display: none;
}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
      overflow: hidden;
      -webkit-appearance: none;
      background-color: red;
    }

    input[type='range']::-webkit-slider-runnable-track {
      -webkit-appearance: none;
      color: var(--color-brand-navy);
    }

    input[type='range']::-webkit-slider-thumb {
      -webkit-appearance: none;
      cursor: ew-resize;
      background: #434343;
      box-shadow: -101rem 0 0 100rem var(--color-brand-pale-blue);
    }

}