/* CELA audio player for book samples */

.audioPlayer {
	margin-bottom: 1rem;
}

.audio-sample-trigger:before {
	content: "\e90f";
}

.audioButtons {
	border-radius: 3px;
	display: inline-flex;
}

.audioButtons button {
	padding: 0.5rem 0.75rem;
	border: 1px solid transparent;
	margin: 0;
}

.audioButtons button i {
	font-size: 1rem;
}

/* HTML for the audio player

<div class="audioPlayer">
	<a onclick="togglePlayers(this);" class="audio-sample-trigger icon-before">Listen to sample<span class="visually-hidden">&nbsp;of Next by Gordon Pinsent</span></a>
	<div class="audioButtons" style="display:none;">
		<audio src="/sites/default/files/bensound-buddy.mp3"> &nbsp;</audio>
		<button onclick="playSample(this)"><i class="icon-play"></i><span class="visually-hidden">Play</span></button>
		<button onclick="pauseSample(this)"><i class="icon-pause"></i><span class="visually-hidden">Pause</span></button>
		<button onclick="incVol(this)"><i class="icon-volume-up"></i><span class="visually-hidden">Volume up</span></button>
		<button onclick="decVol(this)"><i class="icon-volume-down"></i><span class="visually-hidden">Volume down</span></button>
	</div>
</div> <!-- /audioPlayer -->
*/