/* AUDIO */

.titleDisplay,
.songVolume,
.pseudoProgressIndicator,
.pseudoProgressPlayhead,
.buttonText,
.artistDisplay{
	display: none;
}

.customAudioPlayer{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
}

.timingsWrapper{
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding-left: 0.4vw;
	padding-right: 0.4vw;
}

.songProgressSliderWrapper,
.songProgressSlider{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
}

.songProgressSliderWrapper{
	top: 50%;
	position: relative;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}

.songPlayTimer{
	float: left;
	margin-top: 1.7vw;
}

.songDuration{
	float: right;
	margin-top: 1.7vw;
}

.audio-dl{
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}

.audio-dl img{
	height: 100%;
	width: auto;
}

.audio-content{
	color: #e84910;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
}

.customAudioPlayer{
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding-right: 0.4vw;
}

button.playerTrigger{
	outline:none;
	border: none;
	-webkit-box-shadow: none;
			box-shadow: none;
	background-color: white;
	cursor: pointer;
	background-image: url('play_bleu.svg');
	height: 3.73vw;
	width: 2.92vw;
	background-repeat:no-repeat;
	padding: 0;
}

button.playerTrigger:hover{
	opacity: 1;
}

button.playerTrigger.songPlaying{
	background-image: url('pause_bleu.svg');	
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 4.5px 0;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 0px #e84910, 0px 0px 0px #e84910;
		  box-shadow: 0px 0px 0px #e84910, 0px 0px 0px #e84910;
  background: #005769;
  border-radius: 0px;
  border: 0px solid #005769;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
		  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0.1px solid rgba(0, 0, 0, 0);
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #e84910;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4.5px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #e84910;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #e84910, 0px 0px 0px #e84910;
  background: #e84910;
  border-radius: 0px;
  border: 0px solid #e84910;
}

input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0.1px solid rgba(0, 0, 0, 0);
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #e84910;
  cursor: pointer#e84910
}

input[type=range]::-ms-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #e84910;
  border: 0px solid #e84910;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #e84910, 0px 0px 0px #e84910;
}

input[type=range]::-ms-fill-upper {
  background: #e84910;
  border: 0px solid #e84910;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #e84910, 0px 0px 0px #e84910;
}

input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0.1px solid rgba(0, 0, 0, 0);
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #e84910;
  cursor: pointer;
  height: 1px;
}

input[type=range]:focus::-ms-fill-lower {
  background: #e84910;
}

input[type=range]:focus::-ms-fill-upper {
  background: #e84910;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type='range'] {
	  background-color: transparent;
	}

}

input[type="range"]::-ms-fill-upper {  
  background-color: transparent;
}