/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
 * CONTENTS..............You’re reading it!
 * PODCAST................................
 * TEXTE .................................
 * VIDEO .................................
*/

/* ------------------------------------ *\
  ==PODCAST
\* ------------------------------------ */
.main .paragraph--type--podcast .bottom-container {
  background-color: unset;
  width: 200px;
}

.main .paragraph--type--podcast progress.amplitude-song-played-progress {
  background-color: unset;
  height: unset;
  padding: 0;
}

.main .paragraph--type--podcast div.control-container,
.main .paragraph--type--podcast div.time-container {
  padding: 0;
}

.main
  .paragraph--type--podcast
  div.control-container
  div.amplitude-play-pause.amplitude-paused::before,
.main
  .paragraph--type--podcast
  div.control-container
  div.amplitude-play-pause.amplitude-playing::before {
  content: unset;
}

.main
  .paragraph--type--podcast
  input[type='range'].amplitude-song-slider::-moz-range-track {
  left: 0;
  margin: 0;
}

.main
  .paragraph--type--podcast
  input[type='range'].amplitude-song-slider::-moz-range-progress {
  left: 0;
  margin: 0;
}

.main .amplitude-song-slider {
  width: 100%;
  left: 0;
  margin: 0;
  position: unset;
}

.main
  .paragraph--type--podcast
  input[type='range'].amplitude-song-slider::-moz-range-thumb {
  width: 0;
}

.main .paragraph--type--podcast .song-name {
  text-transform: capitalize;
  font-size: 10px;
  font-family: Bitter, serif;
}

.amplitude-play-pause {
  background: url('../images/amplitude/play.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-position-y: center;
}

.amplitude-play-pause.amplitude-playing {
  background: url('../images/amplitude/pause.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-position-y: center;
}

.main .paragraph--type--podcast div.time-container span.duration,
.main .paragraph--type--podcast div.time-container span.current-time {
  font-family: Bitter, serif;
  font-size: 8px;
  margin: 0;
}

.main .paragraph--type--podcast label {
  width: 100%;
}

/* ------------------------------------ *\
  ==TEXTE
\* ------------------------------------ */
.paragraph--type--texte blockquote {
  font-family: NarzissMedium, serif;
  font-style: normal;
  padding: 50px;
  margin: 0;
  font-size: 30px;
  line-height: 35px;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
}

/* ------------------------------------ *\
  ==VIDEO
\* ------------------------------------ */
.paragraph--type--video {
  margin: 50px 0;
}

.paragraph--type--video iframe {
  border-radius: 10px;
}