/*# sourceMappingURL=player.css.map*/

:root {
	--theme-custom-bg: #6ab04c;
	--theme-custom-color: #fff;
	--theme-custom-hover-bg: #30336b;
	--theme-custom-hover-color: #fff;
	--theme-custom-radius: 0px;
	--theme-custom-brand-color: #00b3ff;
	--theme-skin-wave-color: #fff;
	--theme-skin-card-color: #f2f2f2;
	--plyr-color-bg: #232323;
}

.h5ap_player.h5ap_sticky_player {
	display: initial;
	height: initial;
	overflow: initial;
	float: initial;
}

.h5ap_player {
	display: flex;
	height: auto;
	overflow: hidden;
	float: none;
}

.h5ap_player .radius {
	overflow: hidden;
}

.h5ap_player.alignright {
	float: none;
}

.h5ap_player.aligncenter {
	text-align: initial;
}

.h5ap_player.alignleft {
	float: none;
}

.h5ap_playlist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.h5ap_playlist ul li {
	cursor: pointer;
}

.h5ap_standard_player {
	max-width: 100%;
}

.h5ap_standard_player .radius {
	overflow: hidden;
}

.skin_fusion .h5ap_standard_player {
	max-width: 100%;
}

.skin_fusion .plyr .plyr__controls {
	background: #1f1f1f !important;
	padding: 0;
	justify-content: space-between;
}

.skin_fusion .plyr .plyr__controls .infos {
	width: 100%;
	max-width: calc(100% - 380px);
}

.skin_fusion .plyr .plyr__controls .infos .time_progress .plyr__progress {
	width: 100%;
	max-width: calc(100% - 100px);
}

.skin_fusion .plyr .plyr__controls .extra_controls {
	margin-bottom: 5px;
}

.skin_fusion .plyr .plyr__controls button[data-active=true] {
	background: #00b3ff !important;
}

.skin_fusion .plyr .plyr__control, .skin_fusion .plyr .plyr__control[data-plyr=play], .skin_fusion .plyr .plyr__time {
	color: #fff !important;
}

.skin_fusion .plyr .title h3 {
	background: #000;
	color: #fff;
	padding: 2px 10px 4px;
	margin: 0;
	font-size: 16px;
	border-radius: 3px;
	text-align: left;
	margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
	.skin_fusion .plyr .plyr__controls {
		padding: 10px;
		border-radius: 4px;
	}
	
	.skin_fusion .plyr .plyr__controls .thumbnails {
		display: none;
	}
	
	.skin_fusion .plyr .plyr__controls .infos {
		max-width: 100%;
	}
	
	.skin_fusion .plyr .plyr__controls .plyr__controls {
		padding: 0;
	}
}

@media screen and (max-width: 540px) {
	.skin_fusion .plyr .plyr__controls:first-child {
		flex-direction: column-reverse;
	}
	
	.skin_fusion .plyr .plyr__controls:first-child .other_controls {
		width: 100%;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
}

.skinFusionMobile .plyr .plyr__controls {
	padding: 10px;
	border-radius: 4px;
}

.skinFusionMobile .plyr .plyr__controls .thumbnails {
	display: none;
}

.skinFusionMobile .plyr .plyr__controls .infos {
	max-width: 100%;
}

.skinFusionMobile .plyr .plyr__controls .plyr__controls {
	padding: 0;
}

.skinFusionMobile .plyr .plyr__controls:first-child {
	flex-direction: column-reverse;
}

.skinFusionMobile .plyr .plyr__controls:first-child .other_controls {
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.h5ap_sticky_player {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0px);
	z-index: 9999;
	max-width: 100% !important;
}

.h5ap_sticky_player.minimized {
	width: 200px;
}

.h5ap_sticky_player.minimized .thumbnails {
	width: 70px;
	height: 70px;
}

.h5ap_sticky_player.minimized .infos, .h5ap_sticky_player.minimized .other_controls {
	display: none;
}

.h5ap_sticky_player.minimized .controller .icon-minus {
	display: none;
}

.h5ap_sticky_player.minimized .controller .icon-plus {
	display: inline-block;
}

.h5ap_sticky_player.maximized {
	width: 900px;
}

.h5ap_sticky_player.maximized .infos, .h5ap_sticky_player.maximized .other_controls {
	display: block;
}

.h5ap_sticky_player.maximized .controller .icon-minus {
	display: inline-block;
}

.h5ap_sticky_player.maximized .controller .icon-plus {
	display: none;
}

.h5ap_sticky_player .controller {
	position: absolute;
	top: -25px;
	right: 0px;
	cursor: pointer;
	padding: 2px 5px;
	height: 25px;
	line-height: 0;
	background: #1f1f1f;
	display: flex;
	align-items: center;
	padding-bottom: 7px;
}

.h5ap_sticky_player .plyr__controls {
	justify-content: flex-start;
}

.h5ap_sticky_player .plyr--audio .plyr__controls {
	padding: 0;
}

.sticky-theme-light .controller .icon {
	color: #fff;
	font-size: 32px;
	padding: 0 4px;
}

.sticky-theme-light .controller .icon-plus {
	display: none;
}

.sticky-theme-light .plyr .plyr__controls {
	background: #1f1f1f !important;
}

.sticky-theme-light .plyr .plyr__controls .infos {
	width: 500px;
	max-width: 100%;
}

.sticky-theme-light .plyr .plyr__controls .time_progress {
	margin-top: 16px;
	align-items: center;
}

.sticky-theme-light .plyr .plyr__controls .extra_controls {
	margin-bottom: 12px;
}

.sticky-theme-light .plyr .plyr__controls .extra_controls button[data-active=true] {
	background: #00b3ff !important;
}

.sticky-theme-light .plyr .plyr__control, .sticky-theme-light .plyr .plyr__control[data-plyr=play], .sticky-theme-light .plyr .plyr__time {
	color: #fff !important;
}

.sticky-theme-light .plyr .title h3 {
	background: #000;
	color: #fff;
	padding: 2px 10px 4px;
	margin: 0;
	font-size: 16px;
	border-radius: 3px;
	text-align: left;
	margin-bottom: 12px;
}

.plyr__controls .thumbnails {
	width: 100px;
	height: 100px;
	object-fit: cover;
	margin-right: 10px;
}

.plyr__controls.rewind_play_fastforward {
	margin: 0 12px 0 0;
}

.infos .time_progress {
	display: flex;
	justify-content: space-between;
}

.infos .time_progress .plyr__progress {
	width: 370px;
	max-width: 100%;
}

.plyr__controls .other_controls {
	margin: 0 10px;
	width: 150px;
	max-width: 100%;
}

.plyr__controls .other_controls .plyr__control {
	display: inline-flex;
}

.plyr__controls .volume_controls {
	display: flex;
	align-items: center;
}

.plyr__controls .volume_controls .plyr__volume {
	width: 100%;
}

.h5ap_sticky_player.h5ap_player {
	margin-bottom: 0;
}

@media screen and (max-width: 640px) {
	.h5ap_sticky_player .plyr__controls .thumbnails {
		display: none;
	}
	
	.h5ap_sticky_player .plyr__controls:first-child {
		flex-direction: column;
	}
	
	.infos .time_progress .plyr__progress {
		margin: 0 30px 0 15px;
	}
	
	.h5ap_sticky_player.plyr__controls .other_controls {
		width: 200px;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	
	.h5ap_sticky_player .title h3 {
		text-align: center;
		margin-bottom: 7px;
	}
	
	.plyr__controls .infos {
		margin: 5px 0;
		max-width: 90%;
	}
	
	.plyr--audio .h5ap_sticky_player .plyr__controls:first-child {
		padding: 4px 12px 15px;
	}
	
	.plyr__controls.rewind_play_fastforward {
		flex-direction: row;
		padding-bottom: 5px 0 !important;
	}
	
	.sticky-theme-light .plyr .plyr__controls .extra_controls {
		margin-bottom: 0;
	}
}

.plyr__controls button:not(:hover):not(:active):not(.has-background) {
	background: rgba(0, 0, 0, 0);
}

.plyr__control:focus {
	color: inherit;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.StampAudioPlayerSkin .container {
	width: 1140px;
	max-width: 100%;
	padding: 0 15px;
	margin: 50px auto;
}

@media (max-width: 576px) {
	.StampAudioPlayerSkin .container {
		padding: 0 5px;
	}
}

.StampAudioPlayerSkin {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	background: linear-gradient(to bottom, #636363, #363636);
	border: 1px solid #1d1d1d;
	border-radius: 10px;
	position: relative;
	padding: 25px 0;
}

.StampAudioPlayerSkin .plyr__progress__buffer {
	color: rgba(0, 0, 0, 0);
}

.StampAudioPlayerSkin button {
	background: none;
	display: flex;
	border: none;
	outline: none;
	cursor: pointer;
}

.StampAudioPlayerSkin button:hover {
	background: none !important;
}

.StampAudioPlayerSkin button svg {
	fill: #fff;
}

.StampAudioPlayerSkin input[type=range] {
	appearance: none;
	width: 100%;
	height: 7.5px;
	background: radial-gradient(#545454, #1b1b1b);
	border-radius: 5px;
	outline: none;
	box-shadow: none;
	cursor: pointer;
}

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

.StampAudioPlayerSkin input[type=range]::-webkit-slider-runnable-track {
	appearance: none;
	background: rgba(0, 0, 0, 0) !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	height: 100%;
}

.StampAudioPlayerSkin input[type=range]::-moz-range-track {
	appearance: none;
	background: rgba(0, 0, 0, 0) !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	height: 100%;
}

.StampAudioPlayerSkin input[type=range]::-moz-range-thumb {
	appearance: none;
	background: #fff;
	width: 15px;
	height: 15px;
	border: none;
	border-radius: 50%;
	box-shadow: none;
	cursor: pointer;
}

.StampAudioPlayerSkin input[type=range]::-ms-track {
	appearance: none;
	background: rgba(0, 0, 0, 0) !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	height: 100%;
}

.StampAudioPlayerSkin input[type=range]::-ms-thumb {
	appearance: none;
	background: #fff;
	width: 15px;
	height: 15px;
	border: none;
	border-radius: 50%;
	box-shadow: none;
	cursor: pointer;
}

.StampAudioPlayerSkin .mainOptions {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 10px 40px;
}

@media (max-width: 576px) {
	.StampAudioPlayerSkin .mainOptions {
		padding: 10px 15px;
		padding-bottom: 5px;
	}
}

.StampAudioPlayerSkin .mainOptions .play_forward_rewind [data-plyr=fast-forward], .StampAudioPlayerSkin .mainOptions .play_forward_rewind [data-plyr=rewind] {
	display: none;
}

@media (max-width: 576px) {
	.StampAudioPlayerSkin .mainOptions .play_forward_rewind [data-plyr=fast-forward], .StampAudioPlayerSkin .mainOptions .play_forward_rewind [data-plyr=rewind] {
		display: block;
	}
}

@media (max-width: 576px) {
	.StampAudioPlayerSkin .mainOptions .play_forward_rewind {
		display: flex;
	}
}

.StampAudioPlayerSkin .mainOptions .leftAudio, .StampAudioPlayerSkin .mainOptions .rightAudio {
	position: absolute;
	border: 1px solid #1d1d1d;
	bottom: 50%;
	transform: translateY(50%);
	border-radius: 50px;
	color: inherit;
}

@media (max-width: 576px) {
	.StampAudioPlayerSkin .mainOptions .leftAudio, .StampAudioPlayerSkin .mainOptions .rightAudio {
		display: none;
		bottom: 0;
		transform: translateY(0);
	}
}

.StampAudioPlayerSkin .mainOptions .leftAudio {
	left: -19px;
	padding: 10px 5px 10px 20px;
}

.StampAudioPlayerSkin .mainOptions .rightAudio {
	right: -19px;
	padding: 10px 20px 10px 5px;
}

.StampAudioPlayerSkin .mainOptions .controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 576px) {
	.StampAudioPlayerSkin .mainOptions .controls {
		flex-direction: column-reverse;
	}
}

.StampAudioPlayerSkin .mainOptions .controls .playPauseAudio {
	border: 2px solid #fff;
	background: linear-gradient(to bottom, #636363, #363636);
	border-radius: 50%;
	padding: 8.5px;
	margin-right: 20px;
	box-shadow: 0 0 0px 1.5px #1d1d1d;
}

@media (max-width: 576px) {
	.StampAudioPlayerSkin .mainOptions .controls .playPauseAudio:last-child {
		margin-right: 0;
	}
}

.StampAudioPlayerSkin .mainOptions .controls .audioProgressView {
	width: 100%;
}

.StampAudioPlayerSkin .mainOptions .controls .audioProgressView .progressWrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 576px) {
	.StampAudioPlayerSkin .mainOptions .controls .audioProgressView .progressWrap {
		position: relative;
		padding-bottom: 25px;
	}
}

.StampAudioPlayerSkin .mainOptions .controls .audioProgressView .progressWrap #audioProgress {
	width: 100%;
	margin: none;
}

.StampAudioPlayerSkin .mainOptions .controls .audioProgressView .progressWrap .currentTime, .StampAudioPlayerSkin .mainOptions .controls .audioProgressView .progressWrap .totalTime {
	font-size: 14px;
	color: #fff;
}

.StampAudioPlayerSkin .mainOptions .controls .audioProgressView .progressWrap .currentTime {
	margin-right: 10px;
	left: 0;
}

.StampAudioPlayerSkin .mainOptions .controls .audioProgressView .progressWrap .totalTime {
	margin-left: 10px;
	right: 0;
}

.StampAudioPlayerSkin .extraOptions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 80px 0 40px;
	margin: 0 auto 20px auto;
}

@media (max-width: 576px) {
	.StampAudioPlayerSkin .extraOptions {
		padding: 0 25px;
		flex-direction: column-reverse;
		align-items: center;
		margin-bottom: 10px;
	}
}

.StampAudioPlayerSkin .extraOptions .audioTitle {
	color: #fff;
	font-size: 20px;
	margin-bottom: 0;
}

.StampAudioPlayerSkin .extraOptions .audioSound {
	position: relative;
	max-width: 130px;
}

@media (max-width: 576px) {
	.StampAudioPlayerSkin .extraOptions .audioSound {
		margin-left: auto;
		margin-right: 30px;
		margin-bottom: 25px;
	}
}

.StampAudioPlayerSkin .extraOptions .audioSound #audioRange[type=range] {
	height: 10px;
}

.StampAudioPlayerSkin .extraOptions .audioSound #audioRange[type=range]::-webkit-slider-runnable-track {
	height: 10px;
}

.StampAudioPlayerSkin .extraOptions .audioSound #audioRange[type=range]::-webkit-slider-thumb {
	background: rgba(0, 0, 0, 0);
	background: url("https://cdn-inman.nitrocdn.com/GmWUkwlnMbRKRtHCNQABFVNnigCaltKz/assets/images/source/rev-14b42de/trimteck.com/wp-content/plugins/html5-audio-player-pro/dist/fb16ee5f9cd5708b1d95.png");
	width: 24px;
	height: 31px;
	border: none;
	border-radius: 35%;
	box-shadow: none;
	cursor: pointer;
	margin-top: -10.5px;
}

.StampAudioPlayerSkin .extraOptions .audioSound #audioRange[type=range]::-moz-range-track {
	height: 10px;
}

.StampAudioPlayerSkin .extraOptions .audioSound #audioRange[type=range]::-moz-range-thumb {
	background: rgba(0, 0, 0, 0);
	background: url("https://cdn-inman.nitrocdn.com/GmWUkwlnMbRKRtHCNQABFVNnigCaltKz/assets/images/source/rev-14b42de/trimteck.com/wp-content/plugins/html5-audio-player-pro/dist/fb16ee5f9cd5708b1d95.png");
	width: 24px;
	height: 31px;
	border: none;
	border-radius: 35%;
	box-shadow: none;
	cursor: pointer;
	margin-top: -10.5px;
}

.StampAudioPlayerSkin .extraOptions .audioSound #audioRange[type=range]::-ms-track {
	height: 10px;
}

.StampAudioPlayerSkin .extraOptions .audioSound #audioRange[type=range]::-ms-thumb {
	background: rgba(0, 0, 0, 0);
	background: url("https://cdn-inman.nitrocdn.com/GmWUkwlnMbRKRtHCNQABFVNnigCaltKz/assets/images/source/rev-14b42de/trimteck.com/wp-content/plugins/html5-audio-player-pro/dist/fb16ee5f9cd5708b1d95.png");
	width: 24px;
	height: 31px;
	border: none;
	border-radius: 35%;
	box-shadow: none;
	cursor: pointer;
	margin-top: -10.5px;
}

.StampAudioPlayerSkin .muteUnmute {
	font-size: 20px;
	background-color: rgba(0, 0, 0, 0);
	position: absolute;
	right: 35px;
	top: 9px;
}

@media (max-width: 576px) {
	.StampAudioPlayerSkin .muteUnmute {
		right: 15px;
		top: 14px;
	}
}

.StampAudioPlayerSkin .plyr--full-ui input[type=range] {
	color: rgba(0, 0, 0, 0);
}

.StampAudioPlayerSkin button svg {
	fill: skyblue;
}

.StampAudioPlayerSkin .mainOptions .controls .playPauseAudio {
	border-color: skyblue;
}

.StampAudioPlayerSkin .mainOptions .controls .audioProgressView .progressWrap .currentTime, .StampAudioPlayerSkin .mainOptions .controls .audioProgressView .progressWrap .totalTime {
	color: skyblue;
}

.StampAudioPlayerSkin .extraOptions .audioTitle {
	color: skyblue;
}

.StampAudioPlayerSkin .plyr__controls__item.plyr__progress__container {
	width: 100%;
}

@media (max-width: 576px) {
	.StampAudioPlayerSkin .plyr__controls__item.plyr__progress__container {
		width: calc(100% - 100px);
	}
}

.StampAudioPlayerSkin .plyr__progress {
	width: 100%;
}

.BColorButton, .BColorButtonContainer {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	outline: 0px;
	border: none;
	cursor: pointer;
}

.BColorButton:hover {
	cursor: pointer;
}

.BColorButtonContainer {
	width: 32px;
	height: 32px;
	background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);
	background-size: 10px 10px;
	background-position: 0 0, 0 5px, 5px -5px, -5px 0;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
}

.bColorReset .dashicons-image-rotate {
	text-align: center;
}

.components-panel__row.align-right button {
	margin-left: auto;
}

.bButtonGroup button {
	height: 25px;
	padding: 0px 5px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 2px;
	cursor: pointer;
}

.bButtonGroup button:focus {
	outline: 0px !important;
	box-shadow: 0 0 0 0px #007cba !important;
}

button[bisactive=true] {
	background: #061b9c;
	color: #fff !important;
	fill: #fff !important;
	border-radius: 3px;
}

button[bisactive=true] svg {
	fill: #fff;
}

.skin button {
	padding: 5px 10px;
	height: auto;
}

.bPSS [role=tablist] {
	display: flex;
	justify-content: space-between;
}

.bPSS [role=tablist] button {
	flex: 1;
	justify-content: center;
}

.bPSS [role=tablist] button[aria-selected=true] {
	background: #007cba;
	color: #fff;
}

.bPSS .label {
	font-weight: bold;
}

#h5apGutenMenu {
	display: flex;
	justify-content: center;
	color: #fff;
}

#h5apGutenMenu button {
	outline: 0;
	border: none;
	margin: 10px;
	cursor: pointer;
}

#h5apGutenMenu button:hover {
	color: #000;
}

.theme-dark #h5apGutenMenu button {
	color: #fff;
}

.theme-dark #h5apGutenMenu button:hover {
	color: #ddd;
}

.skin_simple_sticky {
	width: 350px;
	background: #1f1f1f;
	display: flex;
	align-items: center;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 6px;
	height: 42px;
	margin-left: auto;
	margin-right: auto;
	cursor: move;
}

.skin_simple_sticky .play {
	width: 30px;
	margin: 0 7px;
}

.skin_simple_sticky .play button {
	background: rgba(0, 0, 0, 0) !important;
}

.skin_simple_sticky .play button, .skin_simple_sticky .play button:hover {
	background: rgba(0, 0, 0, 0);
}

.skin_simple_sticky .title {
	flex: 1;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
	font-size: 16px;
}

.skin_simple_sticky .logo {
	width: 65px;
	background: #1f1f1f;
	height: 42px;
	display: flex;
	justify-content: center;
}

.skin_simple_sticky .logo img {
	max-height: 100%;
	object-fit: contain;
}

.skin_simple .plyr--audio .plyr__controls {
	border-radius: 10px;
}

.h5ap_single_button span svg {
	cursor: pointer;
	fill: #fff;
	height: 30px;
	width: 30px;
}

.h5ap_single_button .play {
	margin-left: 2px;
}

.h5ap_single_button {
	padding: 10px;
	background: #333;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	line-height: 0;
	box-sizing: border-box;
}

.h5ap_single_button .pause {
	display: none;
}

.h5ap_svg_hidden {
	display: none;
}

.skin_wave {
	max-width: 100%;
}

.skin_wave .plyr__volume input[type=range] {
	color: var(--theme-skin-wave-color);
}

.skin_wave .thumb {
	width: 130px;
	height: 130px;
	margin-right: 20px;
}

.skin_wave .thumb img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.skin_wave .wave {
	display: flex;
	background: var(--plyr-color-bg);
}

.skin_wave .info-wave {
	width: calc(100% - 130px);
	margin-right: 10px;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.skin_wave .info-wave .wave {
	position: relative;
	margin-top: 3px;
}

.skin_wave .info-wave .wave .plyr__time--duration {
	position: absolute;
	right: 0;
	top: 0px;
}

.skin_wave .info-wave .wave .plyr__time--duration::before {
	display: none;
}

.skin_wave .info-wave .wave .plyr__time--current {
	position: absolute;
	left: 0;
	top: 0;
}

.skin_wave .info-wave .wave .plyr__time {
	color: var(--theme-skin-wave-color);
}

.skin_wave .info {
	display: flex;
	justify-content: space-between;
}

.skin_wave .info .play {
	display: flex;
	align-items: center;
	width: 60px;
}

.skin_wave .info .play button {
	border: 1px solid var(--theme-skin-wave-color);
	border-radius: 50%;
	padding: 12px;
	background: rgba(0, 0, 0, 0);
}

.skin_wave .info .play button svg {
	fill: var(--theme-skin-wave-color);
}

.skin_wave .info .title-author {
	flex: 1;
	margin: auto;
	color: var(--theme-skin-wave-color);
	text-align: left;
}

.skin_wave .info .title-author h2, .skin_wave .info .title-author p {
	margin: 0;
}

.skin_wave .info .title-author h2 {
	font-size: 20px;
	color: var(--theme-skin-wave-color);
}

.skin_wave .info .title-author h2:before {
	display: none;
}

.skin_wave .info .title-author p {
	font-size: 14px;
	color: var(--plyr-color-main);
}

.skin_wave .info .volume_controls {
	display: flex;
	width: 100px;
}

.skin_wave .info .volume_controls button {
	background: rgba(0, 0, 0, 0);
	color: #333;
}

.skin_wave .info .volume_controls button svg {
	fill: var(--theme-skin-wave-color);
}

.skin_wave .info .volume_controls .plyr__volume {
	min-width: 68px;
}

.skin_wave #wave-canvas {
	height: 60px;
	width: 100%;
}

@media (max-width: 767px) {
	.skin_wave .info-wave .plyr__time {
		display: inline-block;
	}
	
	.skin_wave .info-wave {
		width: 100%;
		margin-left: 10px;
	}
	
	.skin_wave .thumb {
		display: none;
	}
}

.plyr .plyr__control {
	margin: 0;
}

.editor-styles-wrapper .h5ap-block-wrapper .wp-block[data-align=center] {
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

.editor-styles-wrapper .h5ap-block-wrapper .wp-block[data-align=right] {
	margin-left: auto;
}

.plyr--audio .skin_card_container .plyr__control:hover {
	background-color: rgba(0, 0, 0, 0);
}

.skin_card_container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.skin_card_container .plyr__volume {
	min-width: 50px;
}

.skin_card_container .volume_controls.volume-icon {
	display: flex;
	right: 40px;
}

.skin_card_container .volume_controls.volume-icon button {
	padding: 0;
}

.skin_card_container .volume_controls .plyr__control {
	color: #fff;
}

.skin_card_container .player {
	position: relative;
	background-color: #fff;
	background-image: url("https://cdn-inman.nitrocdn.com/GmWUkwlnMbRKRtHCNQABFVNnigCaltKz/assets/images/optimized/rev-14b42de/michael-zhigulin.github.io/mz-codepen-projects/Material%20Design%20UI%20Audio%20Player/tim_minchin_piano.jpg");
	width: 550px;
	height: 375px;
	border-radius: 3px;
	border-bottom: 6px solid var(--plyr-color-bg);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .5);
	z-index: 1;
}

.skin_card_container .player.nitro-lazy {
	background-image: none !important;
}

.skin_card_container .player:hover .mask {
	background-color: rgba(255, 255, 255, .1);
	transition: all 1s;
}

.skin_card_container .player .like {
	position: absolute;
	width: 35px;
	height: 35px;
	top: 15px;
	right: 20px;
	z-index: 15;
	font-size: 1.5em;
	vertical-align: middle;
	line-height: 38px;
	color: #f2f2f2;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
}

.skin_card_container .player .icon-heart {
	display: block;
}

.skin_card_container .player .mask {
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .2);
	z-index: 2;
	transition: all 1s;
}

.skin_card_container .player-info {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 4;
	list-style: none;
	color: #262626;
	transform: scale(1);
	margin-top: 16px;
	margin-bottom: 16px;
	text-align: left;
}

.skin_card_container .player-info li {
	margin-bottom: 7px;
	line-height: 1.15;
}

.skin_card_container .player-info li:nth-child(1) {
	font-size: 1.5em;
}

.skin_card_container .player-info li:nth-child(2) {
	font-size: 1.2em;
}

.skin_card_container .player-info li:nth-child(3) {
	font-size: .9em;
}

.skin_card_container .player .info-two {
	left: auto;
	right: 4.5%;
	z-index: 1;
	color: #f2f2f2;
}

.skin_card_container .player .info-two li:nth-child(2) {
	float: right;
}

.skin_card_container .player .info-two li:nth-child(3) {
	display: inline-block;
	float: right;
	clear: both;
}

.skin_card_container .player #play-button {
	box-sizing: border-box;
	position: absolute;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: var(--plyr-color-bg);
	box-shadow: 0 8px 25px 6px rgba(0, 0, 0, .5);
	right: 40px;
	bottom: 90px;
	z-index: 5;
	cursor: pointer;
	transition: all 70ms;
	border: none;
}

.skin_card_container .player #play-button:hover {
	width: 70px;
	height: 70px;
	box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .5);
	right: 45px;
	bottom: 95px;
	transition: all 70ms;
}

.skin_card_container .player #play-button .icon-play {
	position: absolute;
	font-size: 1.5em;
	left: 52%;
	top: 50%;
	transform: translate(-48%, -50%);
	transition: all 70ms;
	color: #fff;
}

.skin_card_container .player #play-button:hover .icon-play {
	font-size: 1.2em;
	transition: all 70ms;
}

.skin_card_container .player #play-button .icon-cancel {
	position: absolute;
	font-size: 1.6em;
	left: 50%;
	top: 49%;
	transform: translate(-50%, -51%);
	color: #fff;
}

.skin_card_container .control-row {
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 130px;
	background-color: #fff;
	overflow: hidden;
	z-index: 3;
}

.skin_card_container .control-row .details {
	display: none;
}

.skin_card_container .control-row #pause-button {
	box-sizing: border-box;
	position: absolute;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #f2f2f2;
	left: 40px;
	bottom: 25px;
	z-index: 5;
	cursor: pointer;
	border: none;
	transform: scale(0);
	animation: scale-animation .4s;
	animation-fill-mode: forwards;
	animation-delay: .3s;
}

.skin_card_container .control-row #pause-button .icon-pause {
	position: absolute;
	font-size: 1.5em;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .1s;
	color: #424242;
}

.skin_card_container .control-row #pause-button .icon-play {
	position: absolute;
	font-size: 1.5em;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .1s;
	color: #424242;
}

.skin_card_container .control-row .seek-field {
	bottom: 60px;
	left: 130px;
	position: absolute;
	width: calc(100% - 260px);
	z-index: 5;
	transform: scale(0);
	animation: scale-animation .4s;
	animation-fill-mode: forwards;
	animation-delay: .3s;
}

.skin_card_container .control-row .volume-field {
	bottom: 67px;
	right: 127px;
	position: absolute;
	width: 50px;
	z-index: 5;
	transform: scale(0);
	animation: scale-animation .4s;
	animation-fill-mode: forwards;
	animation-delay: .3s;
}

.skin_card_container .control-row .volume-icon {
	position: absolute;
	border-radius: 50%;
	bottom: 50px;
	z-index: 5;
	font-size: 1.2em;
	transform: scale(0);
	animation: scale-animation .4s;
	animation-fill-mode: forwards;
	animation-delay: .3s;
}

.skin_card_container .control-row .volume-icon .icon-volume-up {
	color: #424242;
}

.skin_card_container .like-active {
	color: #ef5350;
	animation: scale-animation .4s;
	animation-fill-mode: forwards;
}

@keyframes scale-animation {
	0% {
		transform: scale(0);
	}
	
	50% {
		transform: scale(1.2);
	}
	
	100% {
		transform: scale(1);
	}
}

.skin_card_container .waves-animation-one {
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: var(--plyr-color-bg);
	z-index: 3;
	left: 42.5%;
	bottom: 20%;
	transform: scale(0);
	animation: waves-animation-one .25s;
	animation-fill-mode: forwards;
	animation-delay: .3s;
	display: none;
}

@keyframes waves-animation-one {
	0% {
		transform: scale(1);
	}
	
	99% {
		transform: scale(7.8);
	}
	
	100% {
		transform: scale(7.8);
	}
}

.skin_card_container .waves-animation-two {
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #5c6bc0;
	z-index: 3;
	right: 40px;
	bottom: 35px;
	transform: scale(7.8);
	display: none;
	animation: waves-animation-two .2s;
	animation-fill-mode: forwards;
}

@keyframes waves-animation-two {
	to {
		transform: scale(0);
	}
}

.skin_card_container .info-active {
	animation: info-active-animation 3s;
	animation-fill-mode: forwards;
	animation-delay: .37s;
}

@keyframes info-active-animation {
	to {
		bottom: 56.5%;
	}
}

.skin_card_container .play-active {
	animation: play-animation .3s;
	animation-fill-mode: forwards;
}

@keyframes play-animation {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
	
	98% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		transform: translate(-200px, 65px);
	}
	
	99% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		transform: translate(-200px, 65px) scale(0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		transform: translate(0, 65px) scale(1);
	}
}

.skin_card_container .play-inactive {
	animation: play-inactive 1s;
	animation-fill-mode: forwards;
}

@keyframes play-inactive {
	from {
		transform: translate(0, 65px);
	}
}

.skin_card_container input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

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

.skin_card_container input[type=range]+.thumb {
	display: none;
}

.skin_card_container input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	animate: .2s;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
	background: #f2f2f2;
	border-radius: 0;
	border: 0px solid #000101;
}

.skin_card_container input[type=range]::-webkit-slider-thumb {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
	border: 0px solid rgba(0, 0, 0, 0);
	height: 18px;
	width: 18px;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -7px;
}

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

.skin_card_container input[type=range]::-moz-range-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	animate: .2s;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
	background: #f2f2f2;
	border-radius: 0;
	border: 0px solid #000101;
}

.skin_card_container input[type=range]::-moz-range-thumb {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
	border: 0px solid rgba(0, 0, 0, 0);
	height: 18px;
	width: 18px;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}

.skin_card_container input[type=range]::-ms-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	animate: .2s;
	background: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0);
	border-width: 39px 0;
	color: rgba(0, 0, 0, 0);
	padding-top: 5px;
}

.skin_card_container input[type=range]::-ms-fill-lower {
	background: #f2f2f2;
	border: 0px solid rgba(0, 0, 0, 0);
	border-radius: 0;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
}

.skin_card_container input[type=range]::-ms-fill-upper {
	background: #f2f2f2;
	border: 0px solid rgba(0, 0, 0, 0);
	border-radius: 0x;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
}

.skin_card_container input[type=range]::-ms-thumb {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
	border: 0px solid rgba(0, 0, 0, 0);
	height: 18px;
	width: 18px;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	margin-top: 1px;
}

.skin_card_container input[type=range]::-ms-tooltip {
	display: none;
}

.skin_card_container input[type=range]::-ms-ticks {
	display: none;
}

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

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

.skin_card-2 .control-container {
	margin-top: 10px;
	padding-bottom: 10px;
}

.skin_card-2 .control-container .amplitude-play-pause {
	width: 74px;
	height: 74px;
	cursor: pointer;
	float: left;
	margin-left: 10px;
}

.skin_card-2 .control-container .amplitude-play-pause.amplitude-paused {
	background: url("https://cdn-inman.nitrocdn.com/GmWUkwlnMbRKRtHCNQABFVNnigCaltKz/assets/images/source/rev-14b42de/trimteck.com/wp-content/plugins/html5-audio-player-pro/dist/e9733ae84459b363a6ac.svg");
	background-size: cover;
}

.skin_card-2 .control-container .amplitude-play-pause.amplitude-playing {
	background: url("https://cdn-inman.nitrocdn.com/GmWUkwlnMbRKRtHCNQABFVNnigCaltKz/assets/images/source/rev-14b42de/trimteck.com/wp-content/plugins/html5-audio-player-pro/dist/3d6c2b1bd3807fb649f9.svg");
	background-size: cover;
}

.skin_card-2 .control-container #play-button {
	border: 5px solid #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.skin_card-2 .control-container #play-button:hover {
	background-color: rgba(0, 0, 0, 0);
}

.skin_card-2 .control-container #play-button svg {
	width: 25px;
	height: 25px;
}

.skin_card-2 .control-container .meta-container {
	float: left;
	width: calc(100% - 84px);
	text-align: left;
	color: #fff;
	margin-top: 10px;
	padding-left: 20px;
}

.skin_card-2 .control-container .meta-container span[data-amplitude-song-info=name] {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	color: #fff;
	display: block;
}

.skin_card-2 .control-container .meta-container span[data-amplitude-song-info=artist] {
	font-family: "Open Sans", sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #fff;
	display: block;
}

.skin_card-2 .control-container:after {
	content: "";
	display: table;
	clear: both;
}

@media screen and (max-width: 39.9375em) {
	.skin_card-2 .control-container .amplitude-play-pause {
		background-size: cover;
		width: 64px;
		height: 64px;
	}
	
	.skin_card-2 .control-container .meta-container {
		width: calc(100% - 74px);
	}
}

.skin_card-2 .time-container {
	font-family: "Open Sans";
	font-weight: 100;
	font-size: 12px;
	color: #fff;
	height: 15px;
}

.skin_card-2 .time-container span.current-time {
	float: left;
	margin-left: 5px;
}

.skin_card-2 .time-container span.duration {
	float: right;
	margin-right: 5px;
}

.skin_card-2 progress.amplitude-song-played-progress {
	background-color: #313252;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 5px;
	display: block;
	cursor: pointer;
	border: none;
}

.skin_card-2 progress.amplitude-song-played-progress:not([value]) {
	background-color: #313252;
}

.skin_card-2 progress[value]::-webkit-progress-bar {
	background-color: #313252;
}

.skin_card-2 progress[value]::-moz-progress-bar {
	background-color: #fff;
}

.skin_card-2 progress[value]::-webkit-progress-value {
	background-color: #fff;
}

.skin_card-2 .bottom-container {
	background-color: var(--plyr-color-bg);
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.skin_card-2 #single-song-player {
	border-radius: 10px;
	margin: auto;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
	margin-top: 50px;
	width: 100%;
	max-width: 460px;
	-webkit-font-smoothing: antialiased;
}

.skin_card-2 #single-song-player img[data-amplitude-song-info=cover_art_url] {
	width: 100%;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.skin_card-2 a.learn-more {
	display: block;
	width: 300px;
	margin: auto;
	margin-top: 30px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-color: #202136;
	font-family: "Lato", sans-serif;
	padding: 20px;
	font-weight: 100;
}

.h5ap-player-skin-5 {
	padding: 20px;
	background: var(--plyr-color-bg);
	color: #fff;
	border-radius: 3px;
}

.h5ap-player-skin-5 .time {
	display: flex;
	justify-content: space-between;
}

.h5ap-player-skin-5 .controls {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.h5ap-player-skin-5 .plyr__time+.plyr__time:before {
	content: "";
}

.h5ap-player-skin-6 {
	padding: 15px;
	background: var(--plyr-color-bg);
	color: #fff;
	border-radius: 3px;
	position: relative;
	margin-top: 25px;
}

.h5ap-player-skin-6 .thumbnail img {
	width: 70px;
	height: 70px;
	object-fit: cover;
	border-radius: 100%;
	position: absolute;
	top: -25px;
}

.h5ap-player-skin-6 .time {
	display: flex;
	justify-content: space-between;
}

.h5ap-player-skin-6 .controls {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-left: 70px;
}

.h5ap-player-skin-6 .plyr__time+.plyr__time:before {
	content: "";
}