/* Local replacement for WordPress MediaElement audio controls. */
.sc_audio_player audio.sc_audio {
	display: none;
}

.kp-audio-player {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	min-height: 32px;
	font-family: Oswald, sans-serif;
	color: #222222;
}

.kp-audio-player__button {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 29px;
	flex: 0 0 29px;
	width: 29px;
	height: 29px;
	margin: 0 0.5em 0 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: #80c3d2;
	color: #ffffff;
	cursor: pointer;
	outline: none;
}

.kp-audio-player__button:after {
	display: none;
}

.kp-audio-player__button:before {
	position: absolute;
	left: 50%;
	top: 50%;
	font-family: "fontello";
	font-size: 1.3em;
	line-height: 1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.kp-audio-player__play:before {
	content: '\e8e1';
	left: 55%;
}

.kp-audio-player.is-playing .kp-audio-player__play:before {
	content: '\e8e3';
	left: 50%;
}

.kp-audio-player__mute:before {
	content: '\e8ed';
}

.kp-audio-player.is-muted .kp-audio-player__mute:before {
	content: '\e8ee';
}

.kp-audio-player__duration {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 0.5em;
	margin-right: 2em;
	padding: 1px 3px 0;
	font-size: 14px;
	line-height: 29px;
	color: #222222;
}

.kp-audio-player__seek,
.kp-audio-player__volume {
	height: 6px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: -webkit-gradient(linear, left top, right top, from(#80c3d2), color-stop(0, #80c3d2), color-stop(0, #d5d5d5), to(#d5d5d5));
	background: linear-gradient(to right, #80c3d2 0%, #80c3d2 0%, #d5d5d5 0%, #d5d5d5 100%);
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

.kp-audio-player__seek {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 90px;
}

.kp-audio-player__volume {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 70px;
	flex: 0 0 70px;
	width: 70px;
}

.kp-audio-player__seek::-webkit-slider-thumb,
.kp-audio-player__volume::-webkit-slider-thumb {
	width: 13px;
	height: 13px;
	border: 1px solid #80c3d2;
	border-radius: 50%;
	background: #ffffff;
	-webkit-appearance: none;
	appearance: none;
}

.kp-audio-player__seek::-moz-range-thumb,
.kp-audio-player__volume::-moz-range-thumb {
	width: 13px;
	height: 13px;
	border: 1px solid #80c3d2;
	border-radius: 50%;
	background: #ffffff;
}

.kp-audio-player__seek::-moz-range-track,
.kp-audio-player__volume::-moz-range-track {
	height: 6px;
	border: 0;
	background: transparent;
}

@media (max-width: 959px) {
	.sc_audio.sc_audio_image .sc_audio_container {
		width: auto;
	}
}

@media (max-width: 639px) {
	.sc_audio.sc_audio_image {
		min-height: 190px;
		padding-right: 20px;
		padding-left: 20px;
		background-size: 95px auto;
	}

	.sc_audio .sc_audio_header,
	.sc_audio.sc_audio_image .sc_audio_container {
		left: 95px;
		right: 15px;
		padding-right: 0;
		padding-left: 15px;
	}

	.kp-audio-player {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 8px 0;
	}

	.kp-audio-player__seek {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 calc(100% - 45px);
		flex: 1 1 calc(100% - 45px);
	}

	.kp-audio-player__duration {
		margin-right: 0.75em;
	}

	.kp-audio-player__volume {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 70px;
		flex: 1 1 70px;
	}
}
