/* Northland College WordPress theme live stream/audio player CSS */

.audio_player {
	font-family: 'Alright Sans', sans-serif;
	font-weight: 200;
	line-height: 1.5em;
}

	.audio_player_logo {
		background: rgb(255,255,255) url('../images/logo_x2.png') left top no-repeat;
		background-size: 270px 20px;
		height: 45px;
		margin: 0 auto;
		max-width: 1000px;
		overflow: hidden;
		position: relative;
		text-indent: -9999px;
		width: 100%;
	}


	.audio_player audio { display: none; }
	
	.audio_player ul {
		list-style: none;
		padding-left: 0;
	}
	
	.audio_player .controls {
		background: rgb(226,226,226);
		display: table;
		font-family: sans-serif;
		font-size: 85%;
		height: 22px;
		line-height: 22px;
		margin: 1em 0;
		max-width: 270px;
		width: 100%;
	}
		
		.audio_player .controls > * {
			background-color: transparent;
			background-image: url('../images/audio_controls_x2.png');
			background-repeat: no-repeat;
			background-size: 44px 374px;
			border: 6px solid rgb(226,226,226);
			color: rgb(120,120,120);
			cursor: pointer;
			display: table-cell;
			height: 22px;
			overflow: hidden;
			text-align: center;
			text-indent: -999px;
			-moz-user-select: none; -webkit-user-select: none; user-select: none;
			width: 36px;
		}
	
		.audio_player .controls .playpause { background-position: -22px -22px; }
		.audio_player .controls .playpause:hover { background-position: 0 -22px; }

		.audio_player .controls .playpause.paused { background-position: -22px 0; }
		.audio_player .controls .playpause.paused:hover { background-position: 0 0; }
		
		.audio_player .controls .playback_time {
			background-color: rgba(255,255,255,0.5);
			background-image: none;
			cursor: default;
			padding: 0 6px;
			text-align: right;
			text-indent: 0;
			width: auto;
		}
		
		.audio_player .controls .vol_down { background-position: -22px -44px; }
		.audio_player .controls .vol_down:hover { background-position: 0 -44px; }
		
		.audio_player .controls .vol_up { background-position: -22px -66px; }
		.audio_player .controls .vol_up:hover { background-position: 0 -66px; }
		
		.audio_player .controls .vol_mute { background-position: -22px -110px; }
		.audio_player .controls .vol_mute:hover { background-position: 0 -110px; }
		
		.audio_player .controls .vol_mute[data-previous-volume] { background-position: -22px -88px; }
		.audio_player .controls .vol_mute[data-previous-volume]:hover { background-position: 0 -88px; }
		
		.audio_player .controls .vol_level {
			background-color: rgba(255,255,255,0.5);
			background-position: -22px -352px;
			cursor: default;
			opacity: 0.5;
		}
		.audio_player .controls .vol_level[data-level='0'] { background-position: -22px -132px; }
		.audio_player .controls .vol_level[data-level='1'] { background-position: -22px -154px; }
		.audio_player .controls .vol_level[data-level='2'] { background-position: -22px -176px; }
		.audio_player .controls .vol_level[data-level='3'] { background-position: -22px -198px; }
		.audio_player .controls .vol_level[data-level='4'] { background-position: -22px -220px; }
		.audio_player .controls .vol_level[data-level='5'] { background-position: -22px -242px; }
		.audio_player .controls .vol_level[data-level='6'] { background-position: -22px -264px; }
		.audio_player .controls .vol_level[data-level='7'] { background-position: -22px -286px; }
		.audio_player .controls .vol_level[data-level='8'] { background-position: -22px -308px; }
		.audio_player .controls .vol_level[data-level='9'] { background-position: -22px -330px; }
		.audio_player .controls .vol_level[data-level='10'] { background-position: -22px -352px; }

/* CSS3 MEDIA QUERIES */

/* PRINT */
@media print {

}


/* LARGE SCREENS (content area over 1280 pixels) */
@media screen and (min-width: 1280px) {

}


/* INTERMEDIATE SCREENS (content area between 1000 and 1279 pixels) */
@media screen and (min-width: 1000px) and (max-width: 1279px) {

}


/* TABLETS (content area under 1000 pixels) */
@media screen and (max-width: 1000px) {

}


/* PHONES (content area under 782 pixels) */
/* Matched to size where WP mobile admin bar appears */
@media screen and (max-width: 782px) {

}


/* SMALL PHONES (content area under 600 pixels) */
@media screen and (max-width: 600px) {

}


/* HIGH RESOLUTION IMAGE REPLACEMENTS */
@media	only screen and (-moz-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-devicepixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx)
{

}