.player-paceholder {
    padding: 12px 14px 12px 14px;
    width: 210px;
    border-radius: 90px;
    display: flex;
    align-items: center;
    color: #333;
    justify-content: start;

    @include mq('md') {
        padding: 18px 28px 18px 20px;
        width: 360px;
    }

    @include mq('lg') {
        height: 154px;
        width: 430px;
        padding: 22px 32px 22px 24px;
    }
}

.megaphone-overlay .player-paceholder {
    background: #FFF;
}


.megaphone-overlay a.player-paceholder{
    color: #333;
}

.megaphone-button-play {
    border: 2px solid;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.megaphone-button-play-big {
    height: 50px;
    width: 50px;
    font-size: 3.2rem;
    flex: 0 0 50px;

    @include mq('md') {
        height: 70px;
        width: 70px;
        font-size: 4.6rem;
        flex: 0 0 70px;
    }

    @include mq('lg') {
        height: 110px;
        width: 110px;
        font-size: 7rem;
        flex: 0 0 120px;
    }
}

.megaphone-button-play-medium {
    height: 50px;
    width: 50px;
    font-size: 3.2rem;
    flex: 0 0 50px;

    @include mq('md') {
        height: 70px;
        width: 70px;
        font-size: 4.6rem;
        flex: 0 0 70px;
    }
}

.megaphone-button-play-small {
    height: 50px;
    width: 50px;
    font-size: 3.2rem;
    flex: 0 0 50px;
}

.megaphone-button-play-white {
    background: #FFF;
    color: #000;
}

.megaphone-mega-menu-play {

    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 40;

    i {
        font-size: 4rem;
        margin-right: -2px;
    }
}

body .megaphone-header .megaphone-mega-menu .megaphone-menu-posts .entry-media a.megaphone-mega-menu-play {
    display: inline-flex;
    border: none;
}

.megaphone-placeholder-label {
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
}

.placeholder-slot-l {
    margin-right: 10px;

    @include mq('md') {
        margin-right: 15px;
    }

    @include mq('lg') {
        margin-right: 20px;
    }
}

.placeholder-slot-r {
    display: flex;
    flex-direction: column;
}

.placeholder-slot-r .entry-episode {
    margin-bottom: 3px;
}

.player-paceholder.player-paceholder-medium {
    text-align: left;
    padding: 14px 24px 14px 16px;
    height: auto;
    width: 210px;

    @include mq('md') {
        padding: 14px 24px 14px 16px;
        width: 312px;
    }
}

.wa-layout-3 .player-paceholder.player-paceholder-medium {
    padding: 0;
    width: 100%;
    background:transparent;

    @include mq('lg') {
        width: 312px;
    }
}

.player-paceholder.player-paceholder-medium-single {
    text-align: left;
    padding: 18px 30px 18px 20px;
    height: auto;
    width: auto;
    min-width: 264px;
    margin-left: auto;
    margin-right: auto;
    pointer-events: auto;
    display: inline-flex;

    @include mq('md') {
        padding: 18px 30px 18px 20px;
        min-width: 264px;
    }

}

.player-paceholder-medium .placeholder-slot-l,
.player-paceholder-medium-single .placeholder-slot-l {
    margin-right: 10px;

    @include mq('md') {
        margin-right: 12px;
    }

}

.player-placeholder-on-white {
    padding: 0 20px 0 0px;
}

.megaphone-play-current {
    opacity: 0;
    display: none !important;
}
.megaphone-play-visible{
    opacity:1;
    display:inline-flex !important;
}

.megaphone-play-current .megaphone-placeholder-title,
.megaphone-play-current .megaphone-button-play-medium {
    transition: color .15s ease-in-out;
}

.megaphone-overlay .megaphone-button,
.entry-footer .megaphone-button {
    padding: 0 15px 0 15px;

    i {
        margin-left: -4px;
    }

    @include mq('md') {
        padding: 0 20px 0 20px;

        i {
            margin-left: -6px;
        }
    }
}

.megaphone-overlay .megaphone-button i,
.entry-footer .megaphone-button i {
    font-size: 2.4rem;
    margin-right: 6px;
}

// Player styling


body .meks-ap {
    display: flex;
    padding: 0 30px 0 0;
    z-index: 9000;
}

.meks-ap-slot-r {
    flex: 0 0 60%;

}

.meks-ap-slot-l {
    flex: 0 0 40%;
    max-width: 40%;

}

.meks-ap-slot-r,
.meks-ap-slot-l {
    display: inline-flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.meks-ap-slot-r {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.meks-ap-slot-l {
    padding: 0 0 0 80px;
    text-align: left;
    clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
    transition: all .15s ease-in-out;
    position: relative;
}

.meks-ap-slot-l:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 100%;
    background: #000;
    background: var(--player-original-bg-color);
    right: 30px;
    top: 0;
    z-index: 100;
    clip-path: polygon(85% 0%, 100% 0%, 15% 100%, 0% 100%);
}

body .meks-ap-prev,
body .meks-ap-next {
    font-size: 2.4rem;
    background: hsla(0, 0%, 0%, 0.1);

    .mf {
        opacity: .5;
        transition: all .15s ease-in-out;
    }
}

body .meks-ap-prev:hover .mf,
body .meks-ap-next:hover .mf {
    opacity: 1;
}

body .meks-ap-next {
    background: hsla(0, 0%, 0%, 0.2);
}

.meks-ap-episode {
    text-transform: uppercase;
    font-size: 1.2rem;
    text-align: left;
}

body .meks-ap-title,
.megaphone-player-action i {
    font-size: 2.2rem;
    line-height: 1.2;
}

body .meks-ap-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 50px 0 0;
    word-break: break-word;

    @include mq('md') {
        padding: 0 60px 0 0;
    }

    @include mq('lg') {
        padding: 0 110px 0 0;
    }
}

body .meks-ap-player {
    transition: all .15s ease-in-out;
    flex: 1;
    width: 100%;
    padding: 0;
}

body .mejs-button,
body .mejs-button>button,
body .mejs-button>.download-button {
    width: 50px;
}

.meks-ap .mejs-button>.download-button {
    display: block;
    height: 50px;
    line-height: 58px;
    text-align: center;
}

.meks-ap .mejs-button>button,
.meks-ap .mejs-button>.download-button {
    transition: all .1s ease-in-out;
    z-index: 102;
    cursor: pointer;
}

body .meks-ap .download-button.disabled {
    opacity: .4;
    cursor: auto;
}

.meks-ap .mejs__speed-selector,
.meks-ap .mejs-speed-selector {
    z-index: 101;
}

.meks-ap {
    align-items: center;

    .megaphone-menu-action>li>a {
        pointer-events: none;
    }
}

.megaphone-player-action {
    display: flex;
    align-items: center;
    flex: 0 0 50px;
    z-index:300;
}

.megaphone-player-action,
.megaphone-player-action ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.megaphone-player-action .megaphone-menu-subscribe,
.megaphone-player-action .empty-list,
.megaphone-player-action .megaphone-share-wrapper {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #000;
    background: #fff;
    width: 170px;
    border-radius: 25px;
    z-index: 101;
    padding: 10px 45px 10px 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
}

.megaphone-player-action .megaphone-menu-subscribe{
    display: none !important;
}

.megaphone-player-action .megaphone-menu-subscribe a{
    padding: 0;
    font-size: 1.4rem;
}

.megaphone-player-action .empty-list a {
    color: #000;
}

.megaphone-player-action .megaphone-menu-subscribe li a::before {
    line-height: 1.4;
}

.megaphone-player-action .mejs-button:hover ul,
.megaphone-player-action .mejs-button:hover .megaphone-share-wrapper {
    display: block !important;
}

.megaphone-player-action .mejs-button {
    position: relative;
}

.megaphone-player-action li {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: left;
}

.megaphone-player-action .megaphone-menu-subscribe a,
.megaphone-player-action .empty-list a,
.megaphone-player-action .megaphone-share-wrapper a {
    display: inline-flex;
    align-items: center;
    line-height: 1.3;
    font-size: 1.4rem;
}

.megaphone-player-action .megaphone-share-wrapper{
    padding: 10px 10px 10px 20px;
    text-align: center
}
.megaphone-player-action .megaphone-share-wrapper{
    .meks_ess{
        all:unset;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: start;
        a{
            all: unset;
            width: auto;
            display: flex;
            align-items: center;
            font-size: 1.4rem;
            line-height: 1.8;
            margin: 0 !important;
            padding: 0;
            height: 33px;
            transition: color .15s ease-in-out;
            &:hover{
                cursor: pointer;
                background: none!important;
            }
            span{
                display: block;
            }
        }
    }
}
.meks-ap-slot-r .megaphone-player-action:last-child{
    position: relative;
    z-index: 500;
}
.megaphone-player-action .megaphone-share-wrapper .meks_ess_share_label{
    display: none;
}

.meks-ap .meks-ap-slot-r .megaphone-player-action:first-of-type {
    z-index: 501;
}
.meks-ap .meks-ap-slot-r .megaphone-player-action +.megaphone-player-action{
    z-index: 502;    
}
.meks-ap .meks-ap-slot-r .megaphone-player-action:last-of-type{
    z-index: 503;
}



.meks-ap .mejs-volume-button>.mejs-volume-slider {
    display: block !important;
    opacity: 0;
    transition: all .15s ease-in-out;
    pointer-events: none;
    visibility: hidden;
    width: 50px;
}


.mejs-volume-button:hover>.mejs-volume-slider {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.meks-ap .mejs-speed-selector {
    padding-bottom: 40px;
    height: auto;
    bottom: 1px;
    padding-top: 8px;
}

.meks-ap .mejs__speed-selector-list-item,
.meks-ap .mejs-speed-selector-list-item {
    margin: 0;
}

.meks-ap .mejs__speed-selector-label,
.meks-ap .mejs-speed-selector-label {
    padding: 6px 0 6px;
    transition: color .15s ease-in-out;
}

.meks-ap .mejs__speed-selector-label,
.meks-ap .mejs-speed-selector-label,
.meks-ap .mejs__speed-selector,
.meks-ap .mejs-speed-selector {
    width: 50px;
}


//Play state button
.meks-ap .megaphone-loader {
    opacity: 0;
}

.megaphone-player-loader .meks-ap .megaphone-loader {
    opacity: 1;
    height: 100%;
    display: flex;
    align-items: center;
}

.megaphone-player-loader .meks-ap .meks-ap-toggle,
.megaphone-player-loader .meks-ap .meks-ap-slot-l,
.megaphone-player-loader .meks-ap .meks-ap-slot-r {
    opacity: 0;
}

@media screen and (min-width: 2000px) {
    body .meks-ap {
        max-width: 1920px;
        left: 50%;
        margin-left: -960px;
    }
}

//Episodes


.megaphone-shows-list-small .megaphone-button-play-small{
    margin-right: 15px;
    border-width: 1px;
}
.megaphone-episodes-template .megaphone-layout-g .megaphone-button-play-medium{
    margin-right: 15px;
}

.megaphone-player-has-embed{
    .meks-ap-slot-l{
        clip-path: none;
        flex: 0 0 35%;
        max-width: 35%;
    }
    .meks-ap-slot-r {
        flex: 0 0 65%;
    }
    .meks-ap-player + .megaphone-player-action{
       margin-left: 25px; 
    }

    .meks-ap-slot-l:after{
        display:none;
    }
}
.meks-ap-player p{
    margin-bottom: 0;
    margin-left: 30px;
}
body .megaphone-player-has-embed.meks-ap{
    padding: 0 40px 0 0;
}

//Responsive player tweaks
@media (max-width: 1600px) {
    .meks-ap-slot-l:after{
        width: 52px;
    }
}
@media (max-width: 1366px) {
	.meks-ap-slot-r{
		flex: 0 0 50%;	
	
	}
	.meks-ap-slot-l{
		flex: 0 0 50%;
		max-width: 50%;
    }


}

@media (max-width: 1160px) and (min-width: 900px) {
    .meks-ap .meks-ap-slot-l {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .meks-ap .meks-ap-slot-r {
        flex: 0 0 62%;
        max-width: 62%;
        flex-wrap: nowrap;
    }


    .meks-ap .meks-ap-slot-l:after {
        display: none;
    }

    body .meks-ap-title {
        padding: 0 60px 0 0;
    }
    .meks-ap .mejs-time {
        padding-left: 0;
        padding-right: 0;
    }

}

@media (max-width: 899px) {


    //Player

    .meks-ap .meks-ap-slot-l {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 0;
        left: 0;
        max-width: 100%;
        height: 40px;
        padding: 0 120px 0 90px;
        -webkit-clip-path: none;
        clip-path: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: start;
    }

    .meks-ap .meks-ap-episode{
        flex: none;
    }

    body .meks-ap-title {
        margin-left: 10px;
    }

    body .meks-ap-title,
    .meks-ap-episode {
        font-size: 1.4rem;
    }

    .meks-ap .meks-ap-slot-r {
        flex: 0 0 100%;
        align-items: flex-start;
        padding-left: 15px;
    }

    .meks-ap .meks-ap-slot-r .megaphone-player-action {
        position: absolute;
        bottom: 0;
        
        height: 40px;
    }


    .meks-ap .meks-ap-slot-r .megaphone-player-action:first-of-type {
        right: 50px;
    }
    .meks-ap .meks-ap-slot-r .megaphone-player-action +.megaphone-player-action{
        right: 40px;  
    }
    .meks-ap .meks-ap-slot-r .megaphone-player-action:last-of-type{
        right: 0;
    }

    .meks-ap .meks-ap-prev,
    .meks-ap .meks-ap-next {
        height: 100%;
        width: 40px;
    }

    .meks-ap .meks-ap-next {
        left: 40px;
    }

    .meks-ap .meks-ap-slot-l:after {
        display: none;
    }

    body .meks-ap-title {
        -webkit-line-clamp: 1;
        padding:0;
    }

    .megaphone-player-has-embed .meks-ap-player iframe{
        height: 100px;
        padding: 20px 0 0 0;
    }
    .megaphone-player-has-embed .meks-ap-player iframe[src*="soundcloud"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="spotify"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="podbean"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="libsyn"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="spreaker"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="cadence13"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="podomatic"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="percolate"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="youtube"]{
        padding:0;
        height:80px !important;
    }
    .megaphone-player-has-embed.meks-ap .meks-ap-slot-r{
        padding-left: 0;
    }

    .megaphone-player-has-embed .meks-ap-player iframe[src*="buzzsprout"]{
        max-width: 560px;
        border-radius: 6px;
        margin: -20px auto 0;
    }

}

@media (max-width: 899px) and (min-width: 500px){
    body .meks-ap-player{
        height: 80px !important;
    }
    body .megaphone-player-has-embed .meks-ap-player{
        height: 80px !important;
    }
}

@media (max-width: 500px){
    body .meks-ap-player{
        height: 80px !important;
    }
    body .megaphone-player-has-embed .meks-ap-player{
        height: 80px !important;
    }
}

@media (max-width: 500px) {
    body .meks-ap-collapsed, .megaphone-player-hidden .meks-ap {
        bottom: -120px !important;
    }
    body .meks-ap {
        height: 120px !important;
    }

    .meks-ap .meks-ap-title {
        display: none;
    }

    .meks-ap .meks-ap-slot-r {
        padding-left: 0;
    }
}

@media (max-width: 599px) {
    .meks-ap .mejs-time {
        font-size: 1.2rem
    }


}
@media (max-width: 500px) {
    .megaphone-player-has-embed .meks-ap-player iframe[src*="soundcloud"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="spotify"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="podbean"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="libsyn"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="spreaker"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="cadence13"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="podomatic"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="percolate"],
    .megaphone-player-has-embed .meks-ap-player iframe[src*="youtube"]{
        padding:0;
        height:70px !important;
    }
    .meks-ap-player .mejs-playpause-button{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;        
    }
    .meks-ap-player .mejs-playpause-button button{
        left: 0;
        width: 40px;
        height: 40px;        
    }
    .meks-ap-player .mejs-time-rail{
        padding:16px 0;
    }
}
@media only screen and (max-width: 900px){
    body .meks-ap, 
    body .meks-ap-player iframe {
        height: 120px !important;
    }
    body .meks-ap-player{
        height: 80px !important;
    }
    body .meks-ap-collapsed, .megaphone-player-hidden .meks-ap{
        bottom: -120px !important;
    }
}

@media only screen and (min-width: 900px){
    body .megaphone-player-has-embed .meks-ap-title {
        padding: 0 60px 0 0;
    }
}
.meks-ap-timestamp{
    display: flex;
    align-items: center;
}
.meks-ap-timestamp .meks-jump-player{
    font-size: 1.2rem;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: none;
    height: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 25px;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
    margin-right: 10px;
    margin-bottom: 0;
}