//Estilos para reproductor de audio.
.field-name-field-audio,
.views-field-field-audio {
	border: 1px solid shade($c-silver, 10);
	margin-bottom: 1em;
	padding: 2%;

	.content-slider {
		@include inline-block(middle);
		margin-right: 1%;
		position: relative;
		width: 65%;
	}
}


#songSlider{
	background: $c-silver;
	height: 30px;
	width: 100%;
}

#trackProgress {
	background: tint($c-brand-green, 20);
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;

}
#songPlay {
	@include inline-block(middle);
    background: tint($c-brand-green, 20) url('../images/audio-play.png') no-repeat 25px center;
    height: 10px;
    margin-right: 2%;
    width: 63px;
    padding: 26px 0;
    max-width: 63px;
    border-radius: 100%;
    box-shadow: 0px 0px 6px shade($c-silver, 20);

    &.pause {
    	background: tint($c-brand-green, 20) url('../images/audio-pause.png') no-repeat 24px center;
    	background-size: 17px 30px
    }
}

#songTime {
	@include inline-block(middle);
	color: shade($c-silver, 10);
	font-size: 126%;
}