:root {
	
	--css-audio-version:", CSS-version 2.1.2";
	/* Change the bg for the audiplayer to match the header*/
}

.lex-audio-player .mejs__controls:not([style='display: none']) {
    height: 24px;
    background: transparent !important;
}

.lex-audio-player .mejs__container{
	background: transparent;
	min-width: 285px !important;
	/* left: -83px; */
	/* top: -3px; */
	width: 285px !important;
}

.lex-audio-player .mejs__mediaelement{
    height: 57px;
    left: -3px;
    position: absolute;
    top: -9px;
    width: 300px;
    z-index: 0;
    background: var(--audio-player-bg);

}

.lex-audio-player .jump-back-audio,.jump-forward-audio{

	position: absolute;
	top: 20px;
	width: 20px;
	height:24px;
	color:black;
	cursor:pointer;

}

.jump-forward-audio
{
	left: 177px;
	background: url(../included_files/player_icons/audio-further.png) no-repeat;
	background-size: 19px;
	border:none;
}


.jump-back-audio
{
	left: 31%;
	background: url(../included_files/player_icons/audio-back.png) no-repeat;
	background-size: 19px;
	border:none;
}
    


/*      PLAY/PAUSE      */

.lex-audio-player .mejs__playpause-button{
    height: 25px;
    width: 30px;
    top: 21px;
    left: 130px;
    position: absolute;
}

.lex-audio-player .mejs__play > button, .lex-audio-player .mejs__replay > button {
	background: url(../included_files/player_icons/audio-play.png) no-repeat;
	height: 24px;
	width: 24px;
	background-size: 20px !important;
}

.lex-audio-player .mejs__pause > button {
	background: url(../included_files/player_icons/audio-pause.png) no-repeat;
	height: 24px;
	width: 24px;
	background-size: 20px !important;
}

/*      TIME      */

.lex-audio-player .mejs__time {
    top:-10px;
    position:absolute;
    left: 0;
    overflow:visible;
    width: 285px;
}

.lex-audio-player .mejs__time span:nth-child(1){
    position:absolute;
    left: 3px;
}

.lex-audio-player .mejs__time span:nth-child(2){    
    display:none;
}

.lex-audio-player .mejs__time span:nth-child(3){ 
    position:absolute;    
    right:4px;
}


/*      VOLUME      */

.lex-audio-player .mejs__volume-button {
    position: absolute;
    top: 24px;
    left: 36px;
    width: 40px;
    height: 20px;
}

.lex-audio-player .mejs__volume-button > .mejs__volume-slider {    
    top: 20px !important;	
}


.lex-audio-player .mejs__mute > button {
	background: url(../included_files/player_icons/audio-on.png) no-repeat;
	width: 30px;
	height: 20px;
	left:0;
	background-size: 24px;
}

.lex-audio-player .mejs__unmute > button {
	background: url(../included_files/player_icons/audio-off.png) no-repeat;
    width: 30px;
    height: 20px;
	left:0;
	background-size:24px;

}


/*      SPEED      */

.lex-audio-player .mejs__speed-button, .lex-audio-player .mejs-speed-button {
    position: absolute;
    width: 35px;
    height: 25px;
    top: 18px;
    left: 210px;
}

.lex-audio-player .mejs__speed-button > button{
    font-weight:bold;
	font-size: 12px;
}

.lex-audio-player .mejs__speed-selector{
	left:-8px;
}

/*      TIME RAIL      */

.lex-audio-player .mejs__time-rail {
    position:absolute;
    width: 285px;
    height: 20px;
    z-index: 2000;
}

.lex-audio-player .mejs__time-total{
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 14px;
    position: absolute;
    top: 0px;
    left:3px;
    background: transparent;
}
.lex-audio-player .mejs__time-buffering{
	display: block !important;
	height:4px;
	top: 7px;
}

.lex-audio-player .mejs__time-loaded {
	height:4px;
	top: 7px;
	display:none;
}


.lex-audio-player .mejs__time-current{
    height:4px;
    top: 7px;
}

.lex-audio-player .mejs__time-float{
	top:-12px;
}

/*------------------Tablet portrait-------------*/

 .TabletPortrait .lex-audio-player .mejs__container{
	background: transparent;
	min-width:333px !important;
	/* left: -83px; */
	/* top: -3px; */
		
}

 .TabletPortrait .lex-audio-player .mejs__mediaelement{
    height: 60px;
    left: -3px;
    position: absolute;
    top: -9px;
    width: 333px !important;
    z-index: 0;
   background: var(--audio-player-bg-tablet);
}
 .TabletPortrait .jump-back-audio, .TabletPortrait .jump-forward-audio{

	position: absolute;
	top: 20px;
	width: 20px;
	height:24px;
	color:black;
	cursor:pointer;

}

 .TabletPortrait .jump-forward-audio
{
	left: 60%;
	background: url(../included_files/player_icons/audio-further.png) no-repeat;
	background-size: 19px;
	border:none;
}


 .TabletPortrait .jump-back-audio
{
	left: 31%;
	background: url(../included_files/player_icons/audio-back.png) no-repeat;
	background-size: 19px;
	border:none;
}
    


/*      PLAY/PAUSE      */

 .TabletPortrait .lex-audio-player .mejs__playpause-button{
    height: 25px;
    width: 30px;
    top: 21px;
    left: 150px;
    position: absolute;
}

 .TabletPortrait .lex-audio-player .mejs__play > button, .TabletPortrait .lex-audio-player .mejs__replay > button {
	background: url(../included_files/player_icons/audio-play.png) no-repeat;
	height: 24px;
	width: 24px;
	background-size: 20px !important;
}

 .TabletPortrait .lex-audio-player .mejs__pause > button {
	background: url(../included_files/player_icons/audio-pause.png) no-repeat;
	height: 24px;
	width: 24px;
	background-size: 20px !important;
}

/*      TIME      */

 .TabletPortrait .lex-audio-player .mejs__time {    
    top:-10px;
    position:absolute;
    left: 0;
    overflow:visible;
    width:320px;
}

 .TabletPortrait .lex-audio-player .mejs__time span:nth-child(1){
    position:absolute;
    left: 3px;
}

 .TabletPortrait .lex-audio-player .mejs__time span:nth-child(2){    
    display:none;
}

 .TabletPortrait .lex-audio-player .mejs__time span:nth-child(3){ 
    position:absolute;    
    right:4px;
}


/*      VOLUME      */

 .TabletPortrait .lex-audio-player .mejs__volume-button {
    position: relative;
    top: 24px;
    left: 40px;
    width: 40px;
    height: 20px;
}

 .TabletPortrait .lex-audio-player .mejs__volume-button > .mejs__volume-slider {    
    top: 20px;	
}


 .TabletPortrait .lex-audio-player .mejs__mute > button {
	background: url(../included_files/player_icons/audio-on.png) no-repeat;
	width: 30px;
	height: 20px;
	left:0;
	background-size: 24px;
}

 .TabletPortrait .lex-audio-player .mejs__unmute > button {
	background: url(../included_files/player_icons/audio-off.png) no-repeat;
    width: 30px;
    height: 20px;
	left:0;
	background-size:24px;

}


/*      SPEED      */

 .TabletPortrait .lex-audio-player .mejs__speed-button, .TabletPortrait .lex-audio-player .mejs-speed-button {
    position: relative;
    width: 45px;
    height: 25px;
    top: 18px;
    left: 190px;
}

 .TabletPortrait .lex-audio-player .mejs__speed-button > button{
    font-weight:bold;
	font-size: 12px;
	width:34px;
	text-align: left;
}

 .TabletPortrait .lex-audio-player .mejs__speed-selector{
	left:-8px;
}

/*      TIME RAIL      */

 .TabletPortrait .lex-audio-player .mejs__time-rail {
    position:absolute;
    width: 320px;
    height: 20px;
    z-index: 2000;
}

 .TabletPortrait .lex-audio-player .mejs__time-total{
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 14px;
    position: absolute;
    top: 0px;
    left:3px;
    background: transparent;
}


 .TabletPortrait .lex-audio-player .mejs__time-loaded {
   height:4px;
   top: 7px;
}


 .TabletPortrait .lex-audio-player .mejs__time-current{
    height:4px;
    top: 7px;

}

/*------------------Phone portrait-------------*/

    

	.PhonePortrait .lex-audio-player .mejs__container{
    	background: transparent;
	    left: -83px; 
	    top: -3px;
	    min-width:300px; 
    }
    

    .PhonePortrait .lex-audio-player .mejs__mediaelement{
        position:relative;
        height: 75px;
        width:480px !important;
        background: var(--audio-player-bg-phone);
		top:-5px;
    }

    .PhonePortrait .lex-audio-player .mejs__time {    
         top:0px;
         position:absolute;
         left: 0;
         overflow:visible;
         width:320px;
    }

    /*      TIME RAIL      */

    .PhonePortrait .lex-audio-player .mejs__time-total{
        border-radius: 2px;
        cursor: pointer;
        display: block;
        height: 14px;
        background:transparent;
        position: absolute;
        top:-7px;
        left:3px;
    }


    .PhonePortrait .lex-audio-player .mejs__time-rail {
        position:absolute;
        width: 460px;
        height:20px;
        left:0px;
        top:15px;
    }


	
    .PhonePortrait .lex-audio-player .mejs__time-total{        
        left:0px;
    }

    /*      TIME      */

    .PhonePortrait .lex-audio-player .mejs__time {    

        position:absolute;
        left: 0px;
        overflow:visible;
        width:480px;
        top:-2px

    }

    .PhonePortrait .lex-audio-player .mejs__time span:nth-child(1){
        position:absolute;
        left: 10px;
        font-weight:bold;
        font-size: 14px;
    }

    .PhonePortrait .lex-audio-player .mejs__time span:nth-child(3){
        position:absolute;
        right:16px;
		font-weight:bold;
        font-size: 14px;
    }


	.PhonePortrait .lex-audio-player .mejs__volume-button > .mejs__volume-slider {    
	    top: 30px;	
		left:20px;
	}


	.PhonePortrait .lex-audio-player .mejs__mute > button {
		background: url(../included_files/player_icons/audio-on.png) no-repeat;
		width: 35px;
		height: 20px;
		left:0;
		background-size: 35px;
	}

	.PhonePortrait .lex-audio-player .mejs__unmute > button {
		background: url(../included_files/player_icons/audio-off.png) no-repeat;
	    width: 35px;
	    height: 20px;
		left:0;
		background-size:35px;

	}

    /*      SPEED      */

    .PhonePortrait .lex-audio-player .mejs__speed-button, .PhonePortrait .lex-audio-player .mejs-speed-button {
        position: absolute;
        width: 55px;
        height: 24px;
        top: 36px;
        left: 341px;
    }

    .PhonePortrait .lex-audio-player .mejs__speed-button > button{
        font-weight:bold;
        font-size: 18px;
        width: 55px;
    }

	.PhonePortrait .lex-audio-player .mejs__speed-selector{
		left:5px;
		top:30px
	}

	.PhonePortrait .jump-back-audio, .PhonePortrait .jump-forward-audio{
		background-size:28px !important;
		position: absolute;
		top: 30px;
		width: 40px;
		height: 40px;
		color:black;
		cursor:pointer;
	}

	.PhonePortrait .jump-forward-audio
	{
		left: 286px;
	}


	.PhonePortrait .jump-back-audio
	{
		left: 150px;
	}

    /*      PLAY/PAUSE      */ 

    .PhonePortrait .mejs__playpause-button{
         position:absolute;
         height: 35px !important;
         width: 40px !important;
         top: 33px !important;
         left: 217px !important;
    }

    .PhonePortrait .lex-audio-player .mejs__play > button, .PhonePortrait .lex-audio-player .mejs__replay > button {
        background: url(../included_files/player_icons/audio-play.png) no-repeat -0px -0px;
        top:0;
        left:0;
        background-size: 28px !important;
        width: 30px;
        height: 30px;
    }

    .PhonePortrait .lex-audio-player .mejs__pause > button {
        background: url(../included_files/player_icons/audio-pause.png) no-repeat -0px -0px;
        top:0;
        left:0;
        background-size: 28px !important;
        width: 30px;
        height: 30px;
    }

    /*      VOLUME      */

    .PhonePortrait .lex-audio-player .mejs__volume-button {
        position: absolute;
        top: 39px;
        left: 68px;
        width: 32px;
    }