/* Audio Player */

.mejs-container * {
	font-size: 20px !important;
	color: var(--e-global-color-primary) !important;
	z-index: 0 !important;
}

.mejs-time-buffering,
.mejs-time-current,
.mejs-time-float,
.mejs-time-float-corner,
.mejs-time-float-current,
.mejs-time-hovered,
.mejs-time-loaded,
.mejs-time-marker,
.mejs-time-total {
	height: 2px !important;
	margin-top: 5px !important;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background-color: #24400C !important;
}

.mejs-playpause-button {
	width: 56px !important;
	height: 56px !important;
	border-radius: 200px !important;
	border: solid 2px !important;
	margin-top: -10px !important;
	margin-right: 44px !important;
}

.mejs-play>button,
.mejs-pause>button,
.mejs-replay>button {
	top: 8px !important;
	width: 40px !important;
	margin-top: 0px !important;
}

.mejs-play>button,
.mejs-replay>button {
	background: transparent url(https://eunice.oc.eco.br/wp-content/uploads/2025/03/Property-1play.svg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 40px 40px !important;
}

.mejs-pause>button {
	background: transparent url(https://eunice.oc.eco.br/wp-content/uploads/2025/03/Property-1pause.svg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 40px 40px !important;
}

.mejs-mute>button {
	background: transparent url(https://eunice.oc.eco.br/wp-content/uploads/2025/04/Property-1mute.svg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
}

.mejs-unmute>button {
	background: transparent url(https://eunice.oc.eco.br/wp-content/uploads/2025/04/Property-1unmute.svg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background-color: #6C32001A !important;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background-color: var(--e-global-color-primary) !important;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
	background: none !important;
}

@media (max-width: 768px) {

	.mejs-playpause-button {
		width: 48px !important;
		height: 48px !important;
		margin-right: 0px !important;
		margin-top: -6px !important;
	}

	.mejs-play>button,
	.mejs-replay>button,
	.mejs-pause>button {
		background-size: 30px 30px !important;
		margin-left: 0px !important;
	}

	.mejs-time-rail {
		width: 100%;
		margin-left: 10px;
	}

	.mejs-currenttime-container,
	.mejs-duration-container,
	.mejs-horizontal-volume-slider {
		display: none !important;
	}

}