/**
 * * Speaker
 * * Create an audio version of your posts, with a selection of more than 340 voices across more than 52 languages and variants.
 * * Exclusively on https://1.envato.market/speaker
 * *
 * * @encoding        UTF-8
 * * @version         4.1.8
 * * @copyright       (C) 2018 - 2023 Merkulove ( https://merkulov.design/ ). All rights reserved.
 * * @license         Envato License https://1.envato.market/KYbje
 * * @contributors    Dmitry Merkulov (dmitry@merkulov.design)
 * * @support         help@merkulov.design
 * **/
.mdp-speaker-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: var(--mdp-speaker-row-gap);
}

.mdp-speaker-player {
  border-radius: var(--mdp-speaker-player-radius);
  padding: var(--mdp-speaker-player-padding);
  margin: var(--mdp-speaker-player-margin);
}
.mdp-speaker-player audio {
  outline: none;
  display: flex;
}

.mdp-speaker-box--thumbnail-above .mdp-speaker-player {
  padding-top: var(--mdp-speaker-player-thumbnail-height);
}

.mdp-speaker-box--thumbnail-below .mdp-speaker-player {
  padding-bottom: var(--mdp-speaker-player-thumbnail-height);
}

/** Player positions */
body:not(.wp-admin) .mdp-speaker-box.top-fixed,
body:not(.wp-admin) .mdp-speaker-box.bottom-fixed,
body:not(.wp-admin) .et-db #et-boc .et-l .mdp-speaker-box.bottom-fixed {
  position: fixed;
  left: 0;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100%;
  z-index: 999999;
}
body:not(.wp-admin) .mdp-speaker-box.top-fixed .wp-audio-shortcode,
body:not(.wp-admin) .mdp-speaker-box.bottom-fixed .wp-audio-shortcode,
body:not(.wp-admin) .et-db #et-boc .et-l .mdp-speaker-box.bottom-fixed .wp-audio-shortcode {
  max-width: 100% !important;
}
body:not(.wp-admin) .mdp-speaker-box.top-fixed {
  top: 0;
}
body:not(.wp-admin) .mdp-speaker-box.bottom-fixed,
body:not(.wp-admin) .et-db #et-boc .et-l .mdp-speaker-box.bottom-fixed {
  bottom: 0;
}

.mdp-speaker-download-box p {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px;
}

.mdp-speaker--speed {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}
.mdp-speaker--speed .mdp-speaker--speed-box {
  display: flex;
  row-gap: 10px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.mdp-speaker--speed .mdp-speaker--speed-box.speaker-chrome {
  -moz-column-gap: 0;
       column-gap: 0;
}
.mdp-speaker--speed button {
  font-size: 0.95em;
  transition: all 0.4s ease-in-out;
  color: var(--mdp-speaker-player-color-controls);
  background: var(--mdp-speaker-player-color);
  text-decoration: none;
  text-transform: none;
  border-radius: var(--mdp-speaker-player-radius);
  cursor: pointer;
}
.mdp-speaker--speed button:hover, .mdp-speaker--speed button:focus {
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  background: var(--mdp-speaker-player-color-controls);
  color: var(--mdp-speaker-player-color);
}
.mdp-speaker--speed button.mdp-speaker--speed-button {
  padding: 1em 1.25em;
  margin: 0;
  border: 0;
  box-shadow: none;
  outline: none;
}
.mdp-speaker--speed button.mdp-speaker--speed-button.active-speed {
  background: var(--mdp-speaker-player-color-controls);
  color: var(--mdp-speaker-player-color-controls-hover);
}
.mdp-speaker--speed button.mdp-speaker--speed-button:first-of-type {
  margin-left: 0;
}
.mdp-speaker--speed button.mdp-speaker--speed-button:last-of-type {
  margin-right: 0;
}
.mdp-speaker--speed.speaker-wp-default button {
  border-radius: 0;
  padding: 0.5em 1em;
  color: #eee;
  background-color: #222;
}
.mdp-speaker--speed.speaker-wp-default button.active-speed {
  background-color: #eee;
  color: #222;
}
.mdp-speaker--speed.speaker-wp-default button:hover, .mdp-speaker--speed.speaker-wp-default button:focus {
  background-color: #eee;
  color: #222;
}
.mdp-speaker--speed.speaker-browser-default button, .mdp-speaker--speed.speaker-chrome button {
  border-radius: 0;
  margin-right: 0;
  margin-left: 0;
  background: #EFF1F2;
  color: #222;
}
.mdp-speaker--speed.speaker-browser-default button:first-of-type, .mdp-speaker--speed.speaker-chrome button:first-of-type {
  border-radius: 0.5em 0 0 0.5em;
}
.mdp-speaker--speed.speaker-browser-default button:last-of-type, .mdp-speaker--speed.speaker-chrome button:last-of-type {
  border-radius: 0 0.5em 0.5em 0;
}
.mdp-speaker--speed.speaker-browser-default button:hover, .mdp-speaker--speed.speaker-chrome button:hover {
  background: #222;
  color: #EFF1F2;
}
.mdp-speaker--speed.speaker-browser-default button.active-speed, .mdp-speaker--speed.speaker-chrome button.active-speed {
  background: #222;
  color: #EFF1F2;
}
.mdp-speaker--speed .mdp-speaker--speed-title p {
  padding: 0;
  margin: 0;
}

.mdp-speaker-share-box {
  display: flex;
  justify-content: space-between;
  margin: 0 !important;
}
.mdp-speaker-share-box .mdp-speaker-share-box__title p {
  padding: 0 !important;
  margin: 10px 0 !important;
}
.mdp-speaker-share-box .mdp-speaker-share-box__buttons {
  display: flex;
  row-gap: 10px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.mdp-speaker-share-box .mdp-speaker-share-box__buttons button {
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
  background: var(--mdp-speaker-player-color);
  border-radius: var(--mdp-speaker-player-radius);
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.mdp-speaker-share-box .mdp-speaker-share-box__buttons button svg {
  width: 16px;
  height: 16px;
  fill: var(--mdp-speaker-player-color-controls);
}
.mdp-speaker-share-box .mdp-speaker-share-box__buttons button:hover, .mdp-speaker-share-box .mdp-speaker-share-box__buttons button:focus {
  background: var(--mdp-speaker-player-color-controls);
  transition: all 0.4s ease-in-out;
  border: none;
  outline: none;
  box-shadow: none;
}
.mdp-speaker-share-box .mdp-speaker-share-box__buttons button:hover svg, .mdp-speaker-share-box .mdp-speaker-share-box__buttons button:focus svg {
  fill: var(--mdp-speaker-player-color-controls-hover);
}
.mdp-speaker-share-box.speaker-wp-default button {
  border-radius: 0;
  background-color: #222;
  color: #fff;
}
.mdp-speaker-share-box.speaker-wp-default button svg {
  fill: #fff;
}
.mdp-speaker-share-box.speaker-wp-default button:hover, .mdp-speaker-share-box.speaker-wp-default button:focus {
  background-color: white;
  color: #222;
}
.mdp-speaker-share-box.speaker-wp-default button:hover svg, .mdp-speaker-share-box.speaker-wp-default button:focus svg {
  fill: #222;
  color: #222;
}
.mdp-speaker-share-box.speaker-browser-default button, .mdp-speaker-share-box.speaker-chrome button {
  background: #EFF1F2;
  border-radius: 0;
}
.mdp-speaker-share-box.speaker-browser-default button:first-of-type, .mdp-speaker-share-box.speaker-chrome button:first-of-type {
  border-radius: 0.5em 0 0 0.5em;
}
.mdp-speaker-share-box.speaker-browser-default button:last-of-type, .mdp-speaker-share-box.speaker-chrome button:last-of-type {
  border-radius: 0 0.5em 0.5em 0;
}
.mdp-speaker-share-box.speaker-browser-default button svg, .mdp-speaker-share-box.speaker-chrome button svg {
  fill: #222222;
}
.mdp-speaker-share-box.speaker-browser-default button:hover, .mdp-speaker-share-box.speaker-browser-default button:focus, .mdp-speaker-share-box.speaker-chrome button:hover, .mdp-speaker-share-box.speaker-chrome button:focus {
  background: #222222;
}
.mdp-speaker-share-box.speaker-browser-default button:hover svg, .mdp-speaker-share-box.speaker-browser-default button:focus svg, .mdp-speaker-share-box.speaker-chrome button:hover svg, .mdp-speaker-share-box.speaker-chrome button:focus svg {
  fill: #ffffff;
}
.mdp-speaker-share-box.speaker-browser-default .mdp-speaker-share-box__buttons, .mdp-speaker-share-box.speaker-chrome .mdp-speaker-share-box__buttons {
  -moz-column-gap: 0;
       column-gap: 0;
  row-gap: 4px;
}

body .herald-entry-content .mdp-speaker-wrapper .mejs-container.wp-audio-shortcode {
  margin: 0;
}
body .herald-entry-content .mdp-speaker-wrapper .mejs-container .mejs-controls .mejs-time {
  padding-top: 16px;
}
body .herald-entry-content .mdp-speaker-wrapper .mejs-container .mejs-controls .mejs-button {
  margin: 6px;
}
body .herald-entry-content .mdp-speaker-wrapper .mejs-container .mejs-controls .mejs-button.mejs-playpause-button {
  margin: 6px;
}
body .herald-entry-content .mdp-speaker-wrapper .mejs-container .mejs-controls .mejs-time-rail {
  padding-top: 10px;
}
body .herald-entry-content .mdp-speaker-wrapper .mejs-container .mejs-controls a.mejs-horizontal-volume-slider {
  margin: 0;
}
body .herald-entry-content .mdp-speaker-wrapper .mejs-time-float-current {
  color: #222;
}