.podcast .shk {
    --background-body: #ebebeb;
    --color-button: #698090;
}

.podcast .shk-player {
    box-shadow: none;
    padding: 0;
    height: inherit;
}

.podcast .shk-main {
    max-width: 100%;
    padding-top: 40px;
}

.podcast .shk-body {
    display: block;
}

.podcast .shk-cover {
    width: 100%;
    height: auto;
    padding-top: 56.47%; /* keep aspect ratio of image */
}

.podcast .shk-display {
    left: 0;
    right: 0;
    top: 8px;
    text-align: center;
}

.podcast .shk-controls {
    width: 100%;
}

.podcast .shk-bar_wrap {
    position: absolute !important;
    top: inherit;
    bottom: 102px;
    width: 100%;
    margin: 0;
}

.podcast .shk-btn_toggle {
    margin: 0 auto;
}

.podcast .shk-btn_play:hover, .shk-btn_pause:hover {
    color: #FF7F2A;
}

.podcast .shk-btn_speed,
.podcast  .shk-btn_backward,
.podcast .shk-btn_forward,
.podcast .shk-btn_more,
.podcast .shk-text {
    display: none;
}

.podcast .shk-btn_toggle svg {
    width: 48px;
    height: 48px;
}

.podcast .shk-time {
    font-size: inherit;
    display: inline-block;
}

.podcast .shk-time_now,
.podcast .shk-time_duration {
    width: inherit !important;
    text-align: inherit !important;
}

.podcast .shk-time_duration:before {
    content: "/";
    margin: 0 4px;
}


@media (max-width: 640px) {
    .podcast .shk-cover {
        display: block;
    }
}