: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;
	float: none;
	height: auto;
	overflow: initial;
}

.skin_default {
	position: relative;
	z-index: 999;
}

.skin_default .mejs-controls {
	display: none;
}

.skin_default .plyr__controls {
	background: #f5f5f5;
}

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

.h5ap_player button {
	height: auto;
}

.h5ap_player .radius {
	overflow: hidden;
}

.h5ap_player.alignright {
	float: none;
}

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

.h5ap_player.alignleft {
	float: none;
}

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

.h5ap_playlist ul li {
	cursor: pointer;
}

.h5ap_standard_player {
	max-width: 100%;
}

.h5ap_standard_player button {
	height: auto;
}

.h5ap_standard_player .radius {
	overflow: hidden;
}

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

.h5ap_sticky_player.minimized {
	width: 200px;
}

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

.h5ap_sticky_player.minimized .controller .icon-minus, .h5ap_sticky_player.minimized .infos, .h5ap_sticky_player.minimized .other_controls {
	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 {
	align-items: center;
	background: #1f1f1f;
	cursor: pointer;
	display: flex;
	height: 25px;
	line-height: 0;
	padding: 2px 5px 7px;
	position: absolute;
	right: 0;
	top: -25px;
}

.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 {
	max-width: 100%;
	width: 500px;
}

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

.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;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	margin: 0 0 12px;
	padding: 2px 10px 4px;
	text-align: left;
}

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

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

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

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

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

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

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

.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 {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		width: 200px;
	}
	
	.h5ap_sticky_player .title h3 {
		margin-bottom: 7px;
		text-align: center;
	}
	
	.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: transparent;
}

.plyr__control:focus {
	color: inherit;
}

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

.BColorButton:hover {
	cursor: pointer;
}

.BColorButtonContainer {
	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-position: 0 0, 0 5px, 5px -5px, -5px 0;
	background-size: 10px 10px;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
	height: 32px;
	width: 32px;
}

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

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

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

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

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

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

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

.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: 700;
}

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

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

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

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

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

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

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

.skin_simple_sticky .play button {
	background: transparent !important;
}

.skin_simple_sticky .play button, .skin_simple_sticky .play button:hover {
	background: transparent;
}

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

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

.skin_simple_sticky .logo img {
	max-height: 100%;
	-o-object-fit: contain;
	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 {
	align-items: center;
	background: #333;
	border-radius: 50%;
	box-sizing: border-box;
	display: inline-flex;
	height: 50px;
	justify-content: center;
	line-height: 0;
	margin: 0 auto;
	padding: 10px;
	width: 50px;
}

.h5ap_single_button .pause, .h5ap_svg_hidden {
	display: none;
}

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

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

.plyr--audio .skin_card_container .plyr__control:hover {
	background-color: transparent;
}

:root {
	--loader-width: 100%;
}

.h5ap_lp {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .05);
	padding: 1rem;
	width: var(--loader-width);
}

.bar {
	background-color: #d0d8dd;
	border-radius: 5px;
	height: .5rem;
	margin-bottom: .5rem;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.bar:last-child {
	margin-bottom: 0;
}

.bar:after {
	animation: load 2s cubic-bezier(.2, .7, .3, 1) infinite;
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, 0));
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 6rem;
}

@keyframes load {
	0% {
		left: -100px;
	}
	
	to {
		left: 100%;
	}
}

.plyr__controls .plyr__control {
	color: inherit;
}