body {
}

.right {
    margin-left: auto;
    margin-right: 0;
}

/*---------------------------------------------Podcast Styles*/

.podcast-wrapper {
    background-color: #2e6ca2;
    border: 2px solid #2e6ca2;
    margin-bottom: 3rem;
}

.podcast-title h3 {
    color: white;
    font-weight: bold;
    font-size: 2rem;
}

.podcast-description p {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.25;
    padding-bottom: 1rem;
}
/*-------------------------- Podcast brand*/
.podcast-brand img {
    max-width: 275px;
    padding: 1rem 1rem 1rem 0;
    border: none;
}

/*Podcast time tracker*/
.podcast-time {
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: 0.25rem 0 0 0.25rem;
}

/*--------------------------- Podcast controls*/
.podcast-controls {
    width: 100%;
    
}

.podcast-play {
    max-width: 45px;
    padding: 0.5rem 0 0 0.5rem;
}

.podcast-pause {
    padding: 0.5rem 0 0 0.5rem;
}

.podcast-volume-up {
    text-align: right;
    color:#fff;
    max-width: 41px;
    padding: 0.5rem 0 0 0.5rem;
}

.podcast-volume-down {
    max-width: 48px;
    text-align: right;
    padding: .5rem 0 0 .25rem
}

.podcast-volume-meter {
    margin-right: 1.5rem;
    margin-top: .90rem;
}
/*--------------------------------------------------------SVG styles*/
/*----------------------------SVG brand style*/
.podcast-brand-svg {
    fill: #fff;
    width: 100%;
}
/*----------------------------SVG icon styles*/
/*Play button*/
.play-svg {
    background-size: contain;
    width: 25px;
    height: auto;
    fill: #fff;
}

/*Pause button*/
.pause-svg {
    background-size: contain;
    width: 25px;
    height: auto;
    fill: #fff;
}

/*Volume up button*/
.volume-up-svg {
    background-size: contain;
    width: 25px;
    height: auto;
    fill: #fff;
}

/*Volume down button*/
.volume-down-svg {
    background-size: contain;
    width: 25px;
    height: auto;
    fill: #fff;
}

.podcast-share {
    color: #fff;
}

    .podcast-share a {
        color: #fff;
        font-size: 0.75rem;
        font-weight: bold;
        text-decoration: underline;
    }

        .podcast-share a:hover {
            color: #fff;
            font-size: 0.75rem;
            font-weight: bold;
            text-decoration: none;
        }

        .podcast-share a:visited, .podcast-share a:active {
            color: #003366;
            font-size: 0.75rem;
            text-decoration: none;
        }
/*------------------------------Podcast trackers*/

/*podcast location slider*/
#podcastSlider {
    margin: .25rem 0 .75rem 0;
    width: 100%;
    height: 6px;
    background-color: #fff;
}
/*Track progress bar*/
#trackProgress {
    width: 0px;
    height: 6px;
    background-color: #003366;
}
/*------------------------------Podcast volume tracker*/
/*Volume Meter*/
#volumeMeter {
    height: 5px;
    background-color: #003366;
}
/*Volume Location Meter*/
#volumeStatus {
    height: 5px;
    background-color: #fff;
}

#volumeThirty, #volumeSixty, #volumeNinety {
    content: " ";
    display: none;
}
/*----------------------------------------------------PLAYLIST-----*/
.playlist-wrapper {
    max-height: 6.25rem;
    overflow: auto;
}
.playlist-wrapper ul{
    margin:0 auto;
    padding:0;
    width:44rem;
}
.playlist-wrapper ul li{
    padding:1rem 0 0 0.5rem;
}
.playlist-item-title p{
    padding:0;
    font-family:"myriad pro", sans-serif;
}
.playlist-episodes {
    color: #fff;
    font-weight: bold;
    margin-bottom: 1rem;
    border-bottom: 1px solid #fff;
    padding: 0.5rem 0.25rem 0 0.25rem;
}
 .playlist-episodes p {
     font-family: "myriad pro", sans-serif;
}
.playlist {
    width: 100%;
}

li.playlist-item {
    padding:0.5em 0 0 0.5rem;
}

li.playlist-item:hover {
    background-color: rgba(0, 51, 102, 0.3);
}

.playlist-play {
    margin-top: 0.25rem;
}

.playlist-title p{
    color: #fff;
    margin-bottom: 0.25rem;
    padding: 0;
    font-family: "myriad pro", sans-serif;
    font-size:1.3rem;
    line-height:1.25;
}

    .playlist-title a {
        color: #fff;
    }

        .playlist-title a:hover {
            color: #fff;
            text-decoration: underline;
        }

        .playlist-title a:active {
            font-size: 1rem;
        }

        .playlist-title a:visited {
            color: #003366;
        }

.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

/*------------------------------ Media queries*/
/*TV*/
@media only screen and (min-width: 75.0625rem) {
    .podcast-wrapper {
        max-width: 75.0625rem;
        margin-bottom: 4rem;
    }

    .podcast-pause {
        max-width: 215px;
    }
}

/*Desktop*/
@media only screen and (min-width:64.0625rem) and (max-width: 75rem) {
    .podcast-wrapper {
        max-width: 62.5rem;
        margin-bottom: 3rem;
    }

    .podcast-pause {
        max-width: 215px;
        margin-right: 39.6rem;
    }
}