#podcast-player-wrap {
    background-color: #FFF !important;
    border-radius: 6px !important;
    /* overflow: hidden !important; */
    position: relative;
    padding-left: 160px;
}

#podcast-player-wrap.pulled-up{
    margin-top: -30px;
}

#podcast-player-wrap.rounded{
    border-radius: 100px!important;
}

#podcast-player-wrap.pulled-up{
    ;
}

#podcast-player-wrap .podcast-player-navigation {
    background-color: #FFF !important;
    border-bottom: solid 1px #DDD;
    padding: 15px 0px;
    padding-bottom: 0px;
}

#podcast-player-wrap .podcast-player-navigation .podcast-player-navigation-title {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    margin-bottom: 2px;
}

#podcast-player-wrap .podcast-player-navigation .podcast-player-navigation-date {
    color: #666;
    font-size: 11px;
    letter-spacing: 0.04rem;
    margin-bottom: 10px;
}

#podcast-player-wrap .podcast-player-navigation .podcast-player-navigation-summary {
    display: none !important;
}

#podcast-player-wrap .podcast-player-navigation .podcast-player-navigation-buttons {
    float: right;
}

#podcast-player-wrap .podcast-player-navigation .podcast-player-navigation-buttons .btn {
    border-radius: 100px !important;
    height: 34px;
    width: 34px;
    padding: 0px;
    line-height: 34px;
    text-align: center;
}

#podcast-player-wrap {
    background-color: #FFF !important;
    border-radius: 6px !important;
    /* overflow: hidden !important; */
}

#podcast-player-wrap .podcast-player-navigation {
    background-color: #FFF !important;
    border-bottom: solid 1px #DDD;
    padding: 15px 0px;
    padding-bottom: 0px;
}

#podcast-player-wrap .podcast-player-navigation .podcast-player-navigation-title {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    margin-bottom: 2px;
}

#podcast-player-wrap .podcast-player-navigation .podcast-player-navigation-date {
    color: #666;
    font-size: 11px;
    letter-spacing: 0.04rem;
    margin-bottom: 10px;
}

#podcast-player-wrap .podcast-player-navigation .podcast-player-navigation-summary {
    display: none !important;
}

#podcast-player-wrap .podcast-player-navigation .podcast-player-navigation-buttons {
    float: right;
}

#podcast-player-wrap .podcast-player-navigation .podcast-player-navigation-buttons .btn {
    border-radius: 100px !important;
    height: 34px;
    width: 34px;
    padding: 0px;
    line-height: 34px;
    text-align: center;
}

#podcast-player-wrap .podcast-image {
    width: 160px;
    float: left;
    background-color: #FFF;
    border-right: solid 1px #DDD;
    overflow: hidden;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 6px;
}

#podcast-player-wrap .podcast-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#podcast-player-wrap.no-nav .podcast-player-navigation .podcast-player-navigation-buttons {
    display: none;
}

#podcast-player-wrap.no-nav{
    padding-left: 80px;
}

#podcast-player-wrap.no-nav .podcast-player-navigation {
    display: none;
}

#podcast-player-wrap.no-nav .podcast-image{
    width:  80px;
}

#podcast-player-wrap.no-nav-buttons .podcast-player-navigation .podcast-player-navigation-buttons {
    display: none;
}

#podcast-player-wrap.no-image {
    padding-left: 0px;
}

#podcast-player-wrap.no-image .podcast-image {
    display: none !important;
}

#podcast-player-wrap.opaque {
    background: none;
    background-color: transparent !important;
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: saturate(180%) blur(5px) !important;
}

#podcast-player-wrap.opaque .plyr .plyr__controls {
    background-color: transparent !important;
}

#podcast-player-wrap.opaque .plyr .plyr__controls .plyr__control {
    color: #FFF;
}

#podcast-player-wrap.opaque .plyr .plyr__controls .plyr__controls__item.plyr__time {
    color: #FFF;
}

[data-plyr=play] svg {
    height: 20px;
    width: 20px;
}

.plyr__control{
    border-radius: 100px!important;
}

#podcast-player-wrap.transparent-bg {
    background: none;
    background-color: transparent !important;
    background: rgba(255, 255, 255, 0) !important;
    margin-left: -15px;
    width: calc(100% - 15px);
    float: left;
}

#podcast-player-wrap.transparent-bg .plyr .plyr__controls .plyr__control {
    color: #FFF;
}

#podcast-player-wrap.transparent-bg .plyr .plyr__controls {
    background-color: transparent !important;
}

@media(max-width: 960px) {
    #podcast-player-wrap {
        padding-left: 0px;
    }

    #podcast-player-wrap .podcast-image {
        display: none !important;
    }
}